当前位置：文档之家› 网页设计说明书

网页设计说明书

——网站设计说明书网站名称：姓名：班级：学号：上交时间：任课老师：一．制作该网站的理由以及设计思路：我想高中时候的生活，大家都是很怀念的吧！我也不例外，我以班级为主题制作了这个网站，是想借这个网站来表达我的情感。

现在想想：那个时候虽然学习紧张，但是我们都过得很快乐，很充实。

我很怀念高中时候的生活，也很想念高中的同学，我真想时间就停留在那段时光，但是这是不可能的，所以，我就制作了这个网站，我希望当我或者我的同学看到的这个网站的时候，也能像我一样很开心，很快乐。

设计思路：其实想到以班级为主题以后，我就觉得应该有很多要写的，但是后来才发现好像也没有很多素材。

我想把这个网站分为五个部分，分别是：首页，班级宗旨，关于学生，老师信息，关于学校。

而我最想重点制作的部分，当然是关于学生这一部分了，所以我就把精力放在了这一部分。

二．制作流程：1.首先要把制作这个网站所要用到的素材找出来，整理，放在相应的文件夹。

2.我先把网站的首页部分制作出来，然后就是把首页再复制一遍，把要删了的删了，再重新写入新的内容，这个就可以当作是链接的子不分内容，像“关于学生”这一部分，就是这样。

3.把其余三个部分的网页也制作出来4.因为在“关于学生”这一部分有子链接，所以我就先制作“个人信息”，后来再在这个“个人信息”这一子部分链接了部分同学的个人信息。

5.最后把各部分的链接相应的写入。

当然这个也是要有顺序的，我先把“个人信息”这一部分搞好，然后就是“关于学生”，最后就是四个部分的。

反正就是由小到大。

三．代码在制作的时候，我花的时间最多的是在做“关于学生”这一部分，所以我就想把这一部分的代码写下来，而这一部分的主要内容是“个人信息”，因为个人的信息全都是我自己写的，虽然在搞这个的时候我花了很多时间，但我还是很快乐，因为我一边写的时候，我就感觉回到了高中时候的生活。

关于代码，我好像没有用JavasScript,因为我都是在Dreamweaver Cs3里面做的。

下面就是代码：----------关于学校---------<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>益阳市箴言中学915班</title><style type="text/css"></style></head><body><div id="apDiv22"><img src="image/旋转03_01.gif" width="800" height="100" /></div><div id="apDiv23"></div><div id="apDiv24"><img src="image/无标题-1.jpg" width="298" height="35" /></div><div class="STYLE16" id="apDiv25">个人信息：</div><div class="STYLE17" id="apDiv26"><a href="网易邮箱- 注册新用户.htm">免费注册：</a></div><div id="apDiv27"><form name="mail" method="post" onsubmit="MailLogin.sendMail();return false;" action=""><table width="300" height="131" cellspacing="0"><tr><td width="68" nowrap><div align="center" class="STYLE17">用户名</div></td><td width="226" colspan=2><input type="text" id="yourname" name="yourname" value=""></td></tr><tr><td><div align="center" class="STYLE17">密码</div></td><td><input id="yourpw" name="yourpw" type="password" value=""></td></tr><tr><td></td><td><a href="c.html">登录</a>      <button type="reset">取消</button></td></tr></table></form></div><div id="apDiv28"></div><div id="apDiv29"><img src="image/无标题-1.jpg" width="326" height="41" /></div><div class="STYLE16" id="apDiv30"><a href="ae.html">学生名单</a></div><div id="apDiv31"><img src="image/无标题-1.jpg" width="329" height="44" /></div><div class="STYLE16" id="apDiv32"><a href="ac.html">班级干部</a></div><div id="apDiv33"></div><div class="STYLE18" id="apDiv37">学生图片：</div><div id="apDiv38"><marquee behavior="scroll" direction="left" hspace="15" loop="-1" onmouseout="this.start()" onmouseover="this.stop()" scrolldelay="1"><table border="1" > <tr><td><img src="image/2.jpg" / width="200" height="200"></td><td><img src="image/3.jpg" /width="200" height="200"></td><td><img src="image/4.jpg" /width="200" height="200"></td><td><img src="image/5.jpg" /width="200" height="200"></td><td><img src="image/6.jpg" /width="200" height="200"></td><td><img src="image/7.jpg" /width="200" height="200"></td><td><img src="image/8.jpg" /width="200" height="200"></td><td><img src="image/9.jpg" /width="200" height="200"></td><td><img src="image/10.jpg" /width="200" height="200"></td><td><img src="image/11.jpg" /width="200" height="200"></td><td><img src="image/12.jpg" /width="200" height="200"></td><td><img src="image/13.jpg" /width="200" height="200"></td><td><img src="image/14.jpg" /width="200" height="200"></td><td><img src="image/15.jpg" /width="200" height="200"></td><td><img src="image/16.jpg" /width="200" height="200"></td><td><img src="image/17.jpg" /width="200" height="200"></td><td><img src="image/20.jpg" /width="200" height="200"></td><td><img src="image/30.jpg" /width="200" height="200"></td><td><img src="image/40.jpg" /width="200" height="200"></td><td><img src="image/35.jpg" /width="200" height="200"></td><td><img src="image/37.jpg" /width="200" height="200"></td><td><img src="image/32.jpg" /width="200" height="200"></td><td><img src="image/21.jpg" /width="200" height="200"></td><td><img src="image/22.jpg" /width="200" height="200"></td><td><img src="image/23.jpg" /width="200" height="200"></td><td><img src="image/24.jpg" /width="200"height="200"></td><td><img src="image/25.jpg" /width="200" height="200"></td><td><img src="image/26.jpg" /width="200" height="200"></td><td><img src="image/27.jpg" /width="200" height="200"></td><td><img src="image/28.jpg" /width="200" height="200"></td><td><img src="image/29.jpg" /width="200" height="200"></td><td><img src="image/36.jpg" /width="200" height="200"></td><td><img src="image/38.jpg" /width="200" height="200"></td></tr></table></marquee></div><bgsound src="music/周杰伦- 回到过去.mp3" loop="-1" /><div id="apDiv3"></div><div class="STYLE1" id="apDiv6"><marquee behavior="scroll"><span class="STYLE2">和谐的班级，我们的家园</span></marquee></div><div class="STYLE3" id="apDiv7">欢迎您进入本班的网站！</div><div id="apDiv8"><table width="150" height="450" border="0" cellpadding="0" cellspacing="0" bordercolor="#ECE9D8" bgcolor="#FFCCCC"><tr><td><div align="center" class="STYLE7" bgcolor="#FF6600"><a href="#//已完成的作品.html">首页</a></div></td></tr><tr><td><div align="center" class="STYLE7"><a href="aa.html">班级宗旨</a></div></td></tr><tr><td><div align="center" class="STYLE7"><a href="ab.html">关于学生</a></div></td></tr><tr><td><div align="center" class="STYLE7"><a href="ad.html">老师信息</a></div></td></tr><tr><td><div align="center" class="STYLE7"><a href="az.html">关于学校</a></div></td></tr></table></div><div align="center"></div></body></html>四．心得体会在制作的过程中遇到了很多困难，不过，还好，我终于把这个网页做好了，虽然里面的内容很单调，但我还是在用心做。

e商务文档

网页设计说明书

相关文档推荐：