HTML5 final assignment: personal website design - personal blog (10 pages) HTML+CSS+JavaScript student DW web page design assignment finished web course design web page planning and design computer finished 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 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>hi，Miss Zhang home page</title>
<link href="style/style.css" rel="stylesheet" type="text/css" />
<SCRIPT type="text/javascript" src="js/jquery.js"></SCRIPT>
<SCRIPT type="text/javascript" src="js/superfish.js"></SCRIPT>
<SCRIPT type="text/javascript" src="js/slides.jquery.js"></SCRIPT>
<SCRIPT type="text/javascript" src="js/effect.js"></SCRIPT>
</head>
<body>
<table width="922" border="0" cellpadding="0" cellspacing="0" class="tb">
<tr>
<td colspan="2"><img src="images/toubu.jpg" width="921" height="102" border="0" usemap="#Map" /></td>
</tr>
<tr>
<td width="142" valign="top" style="padding-top:15px;"><img src="images/daohang.jpg" width="142" height="454" border="0" usemap="#Map2" /></td>
<td valign="top">
<table width="200" border="0" cellpadding="0" cellspacing="15">
<tr>
<td valign="top" width="500" class="wz">
<DIV class="slides">
<DIV class="slides_container">
<A target="_blank"><IMG class="attachment-slides_big wp-post-image" src="images/518cover.jpg" width="500" height="333"></A>
<A target="_blank"><IMG class="attachment-slides_big wp-post-image" src="images/5.27cover.jpg" width="500"
height="333"></A>
<A target="_blank"><IMG class="attachment-slides_big wp-post-image" src="images/524cover.jpg" width="500"
height="333"></A>
<A target="_blank"><IMG class="attachment-slides_big wp-post-image" src="images/521cover.jpg" width="500"
height="333"></A>
</DIV>
<UL class="pagination">
<LI><A href="http://www.manshiji.com/6196.html"><IMG class="attachment-slides_small wp-post-image" src="images/518cover-48x48.jpg"
width="48" height="48"></A></LI>
<LI><A href="http://www.manshiji.com/6476.html"><IMG class="attachment-slides_small wp-post-image"
src="images/5.27cover-48x48.jpg"
width="48" height="48"></A></LI>
<LI><A href="http://www.manshiji.com/6536.html"><IMG class="attachment-slides_small wp-post-image" src="images/524cover-48x48.jpg"
width="48" height="48"></A></LI>
<LI><A href="http://www.manshiji.com/6314.html"><IMG class="attachment-slides_small wp-post-image" src="images/521cover-48x48.jpg"
width="48" height="48"></A></LI>
</UL></DIV>
<p>Hide in a time and miss the palmprint of a period of time.
Hiding in a warm palm print carved by memory,<br />
Miss one, standing on the way to come and the way to go,Someone I care about.</p>
<p>For a while, like a piece of music,
A piece of music precipitates a period of time.<br />
A period of time, wash but a period of sadness.
A period of sadness, left once hidden.</p>
</td>
<td valign="top" class="text">
<table width="200" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img src="images/p1.jpg" width="248" height="207" /></td>
</tr>
<tr>
<td class="aa">
<marquee direction="up" width="248px" height="220px" scrollamount="1" scrolldelay="1" onmouseover=stop() onmouseout=start()>
<p>
Once, once I wanted to give you that one, hold it in your hand<br />The little flower in my heart is not enough to complete a fairy tale,<br />
So look at you smile Enron, white horse green hoof, in a hurry<br />Through my years.<br />
Just those years, is it just an invalid letter,<br />The noise in black and white.<br />
Kaifeng, leaving only a touch of floating dust, no fruit and no flowers.<br />
The world used to turn black and white upside down.<br />
The world once lost its voice.<br />
Beautiful night, darkness covers the left hand, the left hand covers the left hand<br />Cover the right hand, the right hand covers the future.<br />
The fingers that once held hands closed alone at night.
</p>
<p>
Finally understand that you have become a memory. I have lost my name in this film.<br />
When others ask for your news, the answer shakes its head and sighs in the wind. For a moment, I fell into the sea like memory. Your breath was like dew drops of grass lying in ambush in the street. I inadvertently hit the horse and recalled the silent black-and-white laughter and tears.<br />
Suddenly the heartache could not be banned----<br />
Originally, you are the tears I have never lost.
</p>
<p>
After thinking for a long time, I finally figured out a sentence:<br />
Hope is fire, disappointment is smoke<br />
Life, while lighting a fire, while smoking.<br />
The position in my heart is only for you.<br />
Just where you are now.<br />
A person's loneliness is gentle.<br />
One gently forgets.<br />
</p>
</marquee>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="50" colspan="2" align="center" valign="middle">Welcome</td>
</tr>
</table>
<map name="Map" id="Map">
<area shape="circle" coords="817,59,16" href="http://weibo.com/2169600652/profile?rightmod=1&wvr=5&mod=personinfo" target="_blank"/>
<area shape="circle" coords="897,59,15" href="mailto:429596308@qq.com" />
<area shape="circle" coords="857,59,16" href="javascript:void(0);" onClick="window.external.AddFavorite(document.location.href,document.title)" />
</map>
<map name="Map2" id="Map2">
<area shape="rect" coords="7,5,133,39" href="index.html" />
<area shape="rect" coords="5,49,136,88" href="Templates/zhangxiaojie.html" />
<area shape="rect" coords="4,99,137,132" href="Templates/zouzoutingting.html" />
<area shape="rect" coords="6,143,135,178" href="Templates/shiguanglaoqu.html" />
<area shape="rect" coords="5,192,138,228" href="Templates/huahuashijie.html" />
<area shape="rect" coords="6,237,136,271" href="Templates/banboyingqiang.html" />
</map><embed src='music/music.mp3' loop=false aotostart=true mastersound hidden=true width=0 height=0></embed>
</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!
