网页设计专周报告.doc
成都工业学院专周报告网页设计 班级: T12541 姓名: 肖月红 学号: 09 目录1.专周实验题目022.专周实验目的023.专周实验内容024.网站设计代码035.实验专周心得体会076.结束语081.专周实验题目： 根据自己的主题（十二生肖）来设计一个网页。要求网页内至少要有10个链接，可以链接到子网页。子网页内必须要有内容。2.专周实验目的： 要求学生根据自己的兴趣爱好或专长，确定一个网页主题（十二生肖），并运用自己所学到网页设计与制作的理论知识，来完成自己的主题（十二生肖）网页建设。最终制作出自己完整主题（十二生肖）的网页。3.专周实验内容： 根据个人网页设计的内容要求，进行文字、声音、图形、图像、动画、视频等多媒体素材的收集、整理、加工和处理。使用Adobe Dreamweaver CS5进行个人网页的设计，建设与网页的发布（暂不要求发布）。 设计思路：（1）确定个人网页的主题（十二生肖）和网页的名称设计，确定网页的视觉形象和网页的整体布局（2）进行网页的首页的内容与功能的设计，确立每个版块的位置，以及每个版块的具体内容与功能。（3）进行具体结构的设计，设计出个人网页的框架图。 设计过程：（1）从网上收集素材，并进行加工和处理，形成个人网页所需要的多媒体素材（2）利用Adobe Dreamweaver CS5设计制作网页的首页和各个页面。完成自己的个人网页建设。（3）测试完成个人网页建设。4. 网站设计代码：（1）我的网站主题是休闲类。经过多个同类网站的设计参考,我以黑色、橙色、大红为主题制作我的网站 (色彩搭配)。（2）设计主页，主页的logo是用ps做的，主页整体是用表格做的。（3）主页布局详见图。（4）主页代码<!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>十二生肖网</title><style type="text/css">#a font-size: 36px;color: #00F;#a2 text-align: center;#a3 text-align: left;#a4 color: #F00;#a5 color: #F00;#a6 color: #F00;#a7 color: #F00;#a8 color: #F00;#a9 color: #F00;#b1 color: #F00;#b2 color: #CCC;font-weight: bold;#b2 font-weight: bold;#b2 font-weight: bold;#b2 font-weight: bold;#b2 font-weight: bold;#b2 font-weight: bold;#B2 font-weight: bold;color: #F00;#b2 font-weight: bold;#b2 font-weight: bold;#b2 color: #CCC;#b2 font-weight: bold;#b2 font-weight: bold;font-size: 18px;color: #F00;#c1 text-align: center;font-weight: bold;body background-image: url(picture/640(4).jpeg);a:link text-decoration: none;a:visited text-decoration: none;color: #F00;a:hover text-decoration: none;a:active text-decoration: none;#c1 text-align: center;font-weight: bold;font-size: 24px;</style><script type="text/javascript">function MM_displayStatusMsg(msgStr) /v1.0 window.status=msgStr; document.MM_returnValue = true;</script></head><body bgcolor="#D6D6D6" background="picture/640(4).jpeg" text="#0033FF"><p><img src="picture/640(1).jpeg" width="113" height="86" /><span id="a">十二生肖网</span></p><p> </p><table width="1085" height="42" border="0" align="center"> <tr> <td width="68" height="38" id="a4"><a href="index1.html" target="_new">属鼠的人</a></td> <td width="68" id="a5"><a href="index2.html" target="_new">属牛的人</a></td> <td width="68" id="a6"><a href="index4.html" target="_new">属虎的人</a></td> <td width="68" id="a7"><a href="index5.html" target="_new">属兔的人</a></td> <td width="68" id="a8"><a href="index6.html" target="_new">属龙的人</a></td> <td width="68" id="a9"><a href="index7.html" target="_new">属蛇的人</a></td> <td width="68" id="a9"><a href="index8.html" target="_new">属马的人</a></td> <td width="68" id="a9"><a href="index9.html" target="_new">属羊的人</a></td> <td width="68" id="a9"><a href="index3.html" target="_new">属猴的人</a></td> <td width="68" id="a9"><a href="index10.html" target="_new">属鸡的人</a></td> <td width="68" id="a9"><a href="index11.html" target="_new">属狗的人</a></td> <td width="70" id="a9"> <a href="index12.html" target="_new">属猪的人</a></td> </tr></table><p> </p><p> </p><p> </p><table width="1082" border="0"> <tr> <td width="426" valign="middle" id="c1"><p><img src="picture/640(3).jpeg" width="288" height="316" onmouseover="MM_displayStatusMsg('亲！欢迎访问');return document.MM_returnValue" /></p></td> <td width="252" valign="top"><ul>5. 实验专周心得体会：（1）一般来说，个人主页的选材要小而精。如果你想制作一个包罗万象的站点，把所有您认为精彩的东西都放在上面，那么往往会事与愿违，给人的感觉是没有主题，没有特色，样样有却样样都很肤浅，因为您不可能有那么多的精力去维护它。注意：网页的最大特点就是更新快。目前最受欢迎的个人主页都是天天更新甚至几小时更新一次。（2）题材最好是你自己擅长或者喜爱的内容。比如：您对诗歌感兴趣，可以放置自己的诗词;对足球感兴趣，可以报道最新的球场战况等等。这样在制作时，才不会觉得无聊或者力不从心。（3）不要太滥或者目标太高。“太滥”是指到处可见，人人都有的题材;“目标太高”是指在这一题材上已经有非常优秀，知名度很高的站点，你要超过它是很困难的。（4）选定了一个好的题材，是不是可以立刻动手制作了?不，经验告诉我们，必须要先规划框架。这是很重要的一步!每个网站都是一项庞大的工程。好比造高楼，没有设计图纸，规划好结构，盲目的建造，结果往往是倒塌;也好比写文章，构思好提纲，才不至于逻辑混乱，虎头蛇尾。全面仔细规划架构好自己网站，不要急于求成。规划一个网站，可以用树状结构先把每个页面的内容大纲列出来，尤其当你要制作一个很大的网站 (有很多页面) 的时候，特别需要把这个架构规划好，也要考虑到以后可能的扩充性，免得做好以后又要一改再改整个网站的架构，十分累人，也十分费钱。大纲列出来后，你还必须考虑每个页面之间的链接关系。是星形，树形，或是网形链接。这也是判别一个网站优劣的重要标志。链接混乱，层次不清的站点会造成浏览困难，影响内容的发挥。6. 结束语： 通过这次专周的学习,我学到了很多东西。我对网页设计这门课也有了新的认识,同时从中也知道网页的设计跟学习别的东西一样,学习网页设计也需要兴趣,所谓的兴趣也不是三分钟热度,是一种执著。学习网页设计需要耐心,如果你没有耐心,你学不好网页设计,因为当你碰到一个问题时,如果不能立刻得到问题的答案,你可能需要很长时间去解决。学习网页设计需要坚持,坚持不断的学习,因为设计网页的软件在不断的更新,你就必须不断的学习
