HTML5 final assignment: animation website design - Disney Princess (6 pages) HTML+CSS 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 dresses, games, festivals, smoking cessation, video, photography, culture, hometown, flowers, gifts, cars 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!
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
The work is a partial screenshot
2, File directory
3, Code implementation
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <link rel="stylesheet" type="text/css" href="css/index.css"> </head> <body> <center> <div id="page"> <div class="top"><img src="images/top.jpg" border="0" usemap="#Map" /> <map name="Map" id="Map"><area shape="rect" coords="289,39,423,75" href="huodong.html" /> <area shape="rect" coords="431,40,559,77" href="shouchaobao.html" /> <area shape="rect" coords="584,39,705,76" href="zhizuo.html" /> <area shape="rect" coords="718,39,836,77" href="zuopin.html" /> <area shape="rect" coords="-14,28,262,85" href="index-2.html" /> </map></div> <div class="page_bg"> <div class="neirong"> <div class="huodongA"><p>Why can snakes walk without feet? <br /> <br /> </p> </div> <div class="huodongB">Snakes have many scales, which is the outermost layer of armor. Scales are used not only to protect the body, but also to protect them「foot」. <br /> When a snake moves forward, its body will turn pale S Shape. And every piece S The scales on the outside of the shape will tilt up to help the snake grasp the uneven road when moving forward. These scales cooperate with the snake's muscles and can push the body forward, so the snake can walk without feet! <br /> <br /> <br /> </div> <div style="clear:both"></div> </div> </div> <div class="foot"><p>Producer: Luo Lifu, class 5 (1), children's primary school, Changsha University of Technology</p></div> </div> </center> </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)
5, Complete source code
[Baidu online disk - source code download address]
Link: Click to download the source code https://pan.baidu.com/s/1UdFzRE6mEKC5D1xALTMbYw
Extraction code: 8888
6, More source code
HTML5 final assessment homework source code * includes personal, food, company, school, tourism, e-commerce, pets, electrical appliances, tea, home, hotel, dance, animation, stars, clothing, sports, cosmetics, logistics, environmental protection, books, wedding dress, 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!