Final course assignment of HTML web design: Car Web - BMW 6 pages student web design assignment with background music HTML + CSS + JavaScript student web course design final assignment Download

qq365392777 2021-08-09 14:29:45 阅读数:416

本文一共[544]字,预计阅读时长:1分钟~
final course assignment html web
HTML Web design final course assignment : Car web page —— BMW 6 page With background music Student web design homework HTML+CSS+JavaScript Student web course design final assignment download

Towards the end of the term , You're still working on HTML Web design homework , The teacher's homework requirements are big ?HTML There is no way to start web homework ? The total number of pages required is too much ? No suitable template ? And so on and so forth . The problem you want to solve , In this blog post, you can basically meet your needs ~

original HTML+CSS+JS Page design , web College students web design homework source code , This is a good web page making , Smart picture , Very suitable for beginners to learn to use .

Introduction to works

1. Introduction to web works :HTML Web design homework for college students at the end of the term , You can download what you like , The article page supports mobile phones PC Responsive layout . There are mainly : home page Company profile Brand history Meaning of vehicle logo Chronology of Events BMW show Wait a total 6 A page html download .

2. Web work editing : This work is the subject matter of students' personal home page design , The code is simple student level html+css Layout making , After downloading the works, you can use any HTML Edit software ( for example :DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm All editors are available )

3. The layout of web works : The overall layout of the web page is LOGO、 Navigation 、 Main content layout . There are many layouts of sub pages , Interest content uses picture list layout , The score page inserts a table , Contact us to set the left alignment using the image alignment .

4. Technical aspects of web works : Use CSS Made a background picture of the web page 、 Color change effect of mouse passing and selected navigation 、 Underline, etc . The home page has made a message form , At the same time, it is easy to use JavaScript Made a form to judge ( The form cannot be empty when submitting )

 

 

One 、 Demonstration of works

1. home page

 Insert picture description here

2. Company profile

 Insert picture description here

3. Brand history

 Insert picture description here

4. Meaning of vehicle logo

 Insert picture description here

5. Chronology of Events

 Insert picture description here

6. BMW show

 Insert picture description here

Two 、 Code directory

 Insert picture description here

3、 ... and 、 Code implementation
<!DOCTYPE HTML>
<html>
<head>
<title> BMW </title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
</head>
<body>
<embed src="music/bmw.mp3" loop="true" width="0" height="0"></embed>
<div class="wrap">
<div class="header">
<div class="logo">
<h1><a href="index.html"><img src="images/logo.png" alt=""></a></h1>
</div>
<div class="clear"></div>
<div class="h_main">
<ul class="nav">
<li><a href="index.html" target="_blank"> home page </a></li>
<li><a href="html/jianjie.html" target="_blank"> Company profile </a></li>
<li><a href="html/lishi.html" target="_blank"> Brand history </a></li>
<li><a href="html/hanyi.html" target="_blank"> Meaning of vehicle logo </a></li>
<li><a href="html/dashi.html" target="_blank"> Chronology of Events </a></li>
<li><a href="html/zhanshi.html" target="_blank"> BMW show </a></li>
</ul>
<div class="search">
<form>
<input type="text" value="">
<input type="submit" value="">
</form>
</div>
<div class="clear"></div>
</div>
</div>
<div class="container"> <a href="#"><img src="images/1.jpg" width="1024" height="500"/></a> </div>
<div class="clear"></div>
<div class="main">
<div class="bm_title"><a href="#.html"> Company profile </a></div>
<div class="bm_des">
<p> BMW is one of the three German luxury brands , BMW has 1、2、3、4、5、6、7、i、X、Z Wait a few series , There are also improvements on the basis of various departments M system ( BMW's official high-performance modification Department ).</p>
<p> BMW was founded in 1916 year , Headquartered in Munich, Germany .</p>
<p>BMW The blue and white logo symbolizes the blue sky , White clouds and rotating propellers .80 Over the years , BMW has developed from an aircraft engine factory to a high-end car oriented one , And produce world-renowned aircraft engines 、 Off road vehicles and motorcycles , Ranked among the top automotive companies in the world . BMW is also translated as “ Bayer ”.</p>
<p> BMW has 1、2、3、4、5、6、7、8( Stop production )、i、M、X、Z Several series . among ,1 It's a small car ,2 It's a small sedan ,3 It's a medium-sized car ,4 It's a medium-sized sedan ( Including convertible ),5 It's a medium and large car ,6 It is a medium and large sedan car ( Including convertible ),7 The Department is luxurious D Levels of car ,i This is a concept car series not produced in mass by BMW ,M It's BMW's high-performance and sports car version ,X The series is BMW specific SUV( Sport utility vehicle ) Vehicle system ,Z This is BMW's entry-level sports car . The latest one is 4 system , Mass production version of BMW 4 The system is basically made up of 4 system Coupe The concept car is transformed from , Replace the original 3 system Coupe.</p>
<p></p>
</div>
<div class="bm_title"><a href="#.html"> BMW show </a></div>
<div class="clear"></div>
<div class="bm_list">
<ul>
<li> <a href="#.html"><img src="images/pic1.jpg" width="230"></a> </li>
<li> <a href="#.html"><img src="images/pic2.jpg" width="230"></a> </li>
<li> <a href="#.html"><img src="images/pic3.jpg" width="230"></a> </li>
<li> <a href="#.html"><img src="images/pic4.jpg" width="230"></a> </li>
</ul>
<div class="clear"></div>
</div>
</div>
<div class="footer">
<p class="w3-link">Copyright &copy; BMW, Germany </p>
<div class="clear"></div>
</div>
</div>
</body>
</html>
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.
  • 32.
  • 33.
  • 34.
  • 35.
  • 36.
  • 37.
  • 38.
  • 39.
  • 40.
  • 41.
  • 42.
  • 43.
  • 44.
  • 45.
  • 46.
  • 47.
  • 48.
  • 49.
  • 50.
  • 51.
  • 52.
  • 53.
  • 54.
  • 55.
  • 56.
  • 57.
  • 58.
  • 59.
  • 60.
  • 61.
  • 62.
  • 63.
  • 64.
  • 65.
  • 66.

Four 、web Front end entry to advanced ( video + Source code + Information + interview ) a full set of ( course )

web front end Zero basis - Entry to advanced ( video + Source code + Development software + Learning materials + Interview questions ) a full set of ( course )
Suitable for children's shoes from entry to advanced ~ send 1000 set HTML+CSS+JavaScript Template website
 Insert picture description here


5、 ... and 、 The source code for

* ~ Pay attention to me , Like the blog ~ Every day brings you knowledge !

*1. See here, just [ give the thumbs-up + Praise + Collection ] Three even Support me , Yours 「 give the thumbs-up , Praise , Collection 」 It's the driving force of my creation .

* 2. Pay attention to me ~ Take you to study every day : Various front-end plug-ins 、3D Cool effect 、 Pictures show 、 Text effect 、 And the whole station template 、 College graduates HTML Templates 、 Final assignment template 、 etc. ! 「 There are a lot of front end developer , To discuss front end Node knowledge , learn from each other 」!

*3. We can learn from each other about the above technical issues , Can pay attention to ↓ Male Z Number Get more source code !

 Insert picture description here

 

版权声明:本文为[qq365392777]所创,转载请带上原文链接,感谢。 https://car.inotgo.com/2021/08/20210809142227960x.html