HTML5 final assignment: animation website design - simple electronic products company official website template html(5 pages) HTML+CSS+JavaScript student DW web page design assignment finished web course design web page planning and design computer completed web page design source code
Common web design topics include individuals, food, companies, schools, tourism, e-commerce, pets, electrical appliances, tea, home, hotels, dance, animation, stars, clothing, sports, cosmetics, logistics, environmental protection, books, wedding dress, military, games, festivals, smoking cessation, movies, photography, culture, hometown, flowers, gifts Car, other web design topics, A + level homework, can meet the web design needs of College Students' Web homework, and those who like can be downloaded!
🧡Author home page - more source code
🧡HTML final assignment column
Introduction to works
1. Introduction to web works: HTML final college students' web design homework A + level, you can download what you like, and the article page supports mobile PC responsive layout.
2. Web page work editing: after downloading the work, you can use any HTML editing software (such as DW, HBuilder, Notepad, vscade, Sublime, Webstorm, Notepad + +, etc.) to edit and modify the web page.
3. Web work technology: Div+CSS, mouse over effect, Table, navigation bar effect, banner, form, secondary and tertiary pages, video, audio elements, Flash, logo (source file) is designed, and the knowledge points required for basic final homework are fully covered.
1, Work display
2, File directory
3, Code implementation
<!DOCTYPE html> <html class="no-js"> <head> <meta charset="UTF-8" /> <title>hisense</title> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="keywords" content="" /> <meta name="description" content="" /> <link href="css/reset.css" rel="stylesheet" /> <link href="css/main.css" rel="stylesheet" /> </head> <body> <div class="header"> <div class="wrap"> <div class="logo"><a href="index.html" title="hisense"><img src="images/logo.png"/></a></div> <div class="nav"> <ul> <li><a href="index.html" title="home page">home page</a></li> <li><a href="gn.html" title="product">product</a></li> <li><a href="sj.html" class="curr" title="knowledge">knowledge</a></li> <li><a href="list.html" title="community">community</a></li> <div class="clear"></div> </ul> </div> <div class="clear"></div> </div> </div> <div class="local"> <div class="wrap"> 　<a href="index.html" title="home page">home page</a><span>></span>community </div> </div> <div class="content"> <div class="h30"></div> <div class="wrap"> <div class="left bor_ras"> <div class="lanmu">Boutique information</div> <div class="con_pad"> <div class="list_one"> <h2 class="name"><a href="detail.html">Gentle as jade, exquisite workmanship - to SmartisanT2</a></h2> <div class="pic"><a href="detail.html"><img src="images/news_pic.jpg"/></a></div> <div class="det">To tell you the truth, when I first saw the press conference, I didn't think T2 Well, I always think so T1 An upgraded version of. But when you experience it yourself, You will find that the four words "Wen Run Ru Yu" are used in T2 It's perfect for you. No more nonsense, just go to the figure above. I believe after you read it, you will also Will love it as much as I do. <a href="detail.html" class="more">View full text<span>></span></a></div> </div> <div class="list_one"> <h2 class="name"><a href="detail.html">Gentle as jade, exquisite workmanship - to SmartisanT2</a></h2> <div class="pic"><a href="detail.html"><img src="images/news_pic.jpg"/></a></div> <div class="det">To tell you the truth, when I first saw the press conference, I didn't think T2 Well, I always think so T1 An upgraded version of. But when you experience it yourself, You will find that the four words "Wen Run Ru Yu" are used in T2 It's perfect for you. No more nonsense, just go to the figure above. I believe after you read it, you will also Will love it as much as I do. <a href="detail.html" class="more">View full text<span>></span></a></div> </div> <div class="list_one"> <h2 class="name"><a href="detail.html">Gentle as jade, exquisite workmanship - to SmartisanT2</a></h2> <div class="pic"><a href="detail.html"><img src="images/news_pic.jpg"/></a></div> <div class="det">To tell you the truth, when I first saw the press conference, I didn't think T2 Well, I always think so T1 An upgraded version of. But when you experience it yourself, You will find that the four words "Wen Run Ru Yu" are used in T2 It's perfect for you. No more nonsense, just go to the figure above. I believe after you read it, you will also Will love it as much as I do. <a href="detail.html" class="more">View full text<span>></span></a></div> </div> <div class="list_one"> <h2 class="name"><a href="detail.html">Gentle as jade, exquisite workmanship - to SmartisanT2</a></h2> <div class="pic"><a href="detail.html"><img src="images/news_pic.jpg"/></a></div> <div class="det">To tell you the truth, when I first saw the press conference, I didn't think T2 Well, I always think so T1 An upgraded version of. But when you experience it yourself, You will find that the four words "Wen Run Ru Yu" are used in T2 It's perfect for you. No more nonsense, just go to the figure above. I believe after you read it, you will also Will love it as much as I do. <a href="detail.html" class="more">View full text<span>></span></a></div> </div> </div> <div class="h50"></div> <div class="read_more"><a href="#"> see more < span > ∨ < / span > < / a > < / div > </div> <div class="right"> <div class="right_fixed bor_ras"> <div class="lanmu">Boutique information</div> <ul class="modular"> <li><a href="#"><i><img src="images/icon.gif"/></i>Smartisan T1</a></li> <li><a href="#"><i><img src="images/icon.gif"/></i>Smartisan T1</a></li> <li><a href="#"><i><img src="images/icon.gif"/></i>Smartisan T1</a></li> <li><a href="#"><i><img src="images/icon.gif"/></i>Smartisan T1</a></li> <li><a href="#"><i><img src="images/icon.gif"/></i>Smartisan T1</a></li> <li><a href="#"><i><img src="images/icon.gif"/></i>Smartisan T1</a></li> <li><a href="#"><i><img src="images/icon.gif"/></i>Smartisan T1</a></li> <li><a href="#"><i><img src="images/icon.gif"/></i>Smartisan T1</a></li> <li><a href="#"><i><img src="images/icon.gif"/></i>Smartisan T1</a></li> <div class="clear"></div> </ul> </div> </div> <div class="clear"></div> </div> </div> <div class="h30"></div> <div class="h30"></div> <div class="footer"> <div class="wrap"> <ul class="fot_map"> <li><a href="#"> order service</a></li> <li><a href="#"> service support</a></li> <li><a href="#"> media center</a></li> <li><a href="#"> about the company</a></li> <li><a href="#"> follow us</a></li> <div class="clear"></div> </ul> <div class="fot_phe"><a href="#"><img src="images/fot_phe.gif"/></a></div> <div class="clear"></div> </div> </div> <!-- The Scripts --> <script src="http://apps.bdimg.com/libs/jquery/1.6.4/jquery.js"></script> </body> </html>
4, Learning materials
A complete set of web front-end zero foundation - Introduction to advanced (Video + source code + development software + learning materials + interview questions) (Tutorial)
Suitable for entry-level to advanced children's shoes ~ send 1000 sets of HTML+CSS+JavaScript template websites
5, Complete source code
[Baidu online disk - source code download address]
Link: https://pan.baidu.com/s/1UdFzRE6mEKC5D1xALTMbYw
Extraction code: 8888
6, More source code
HTML5 final assessment homework source code * includes individuals, food, companies, schools, tourism, e-commerce, pets, electrical appliances, tea, home, hotels, dance, animation, stars, clothing, sports, cosmetics, logistics, environmental protection, books, wedding dress, military, games, festivals, smoking cessation, movies, photography, culture, hometown, flowers Gifts, cars and others can meet the web design needs of College Students' Web homework. You can download what you like!
