qq365392777 2021-08-09 14:29:45 阅读数:416
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 works1. 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
<!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 © BMW, Germany </p>
<div class="clear"></div>
</div>
</div>
</body>
</html>
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
* ~ 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 !
版权声明:本文为[qq365392777]所创,转载请带上原文链接,感谢。 https://car.inotgo.com/2021/08/20210809142227960x.html