《某动漫网站规划报告.docx》由会员分享，可在线阅读，更多相关《某动漫网站规划报告.docx（17页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、某动漫网站规划报告 网站规划报告 题目：西西动漫网站 专业：软件测试 班级：软件 G091 姓名：孙婷 学号：21 指导老师：雷学智 设计日期：2010 年 6 月 20 日辽宁信息职业技术学院 软件工程系班级： 姓名： 学号： 得分： 评分点优 优 9 9- - 10良 良 8 8- -9 9中 中 7 7- -8 8及格 6 6- -7 7不及 0 0- -5 51、总体效果2、栏目(内容)3、页面布局4、风格，结构 5、特效动画制作6、文字动画设计 7、脚本的运用8、LOGO 处理 9、切片的运用图形效果的处理10、网络文档一、 作品简介 为了充溢同学们的课余生活，让视觉充分得到满意，特
2、建立此站，各类精彩动漫潮图、最新动漫、热门动漫为您呈现其中。在这里你可以简洁而有效的观看你所喜爱的。建立这个网站后会发觉可以更敏捷的运用三剑客软件，也让更多的人相识动漫里面的特色。还可以相互沟通，我信任，在这里，你将流连忘返二、 素材 既然明确了建站的目的，主题。起先查找资料。常言道：巧妇难为无米之炊，想要自己的网站美丽，美观，给人一种面貌一新的感觉，就要多多收集资料，资料足够了，才能使自己的网站弄的有血有肉，才能吸引人的目光。三、 软、硬件需求利用学过的软件制作简洁的网页，要求要用 Adobe Firework CS3、Dreamweaver、Adobe Flash CS3 软件，工具制作。
3、四、 站点内容的设计 1、 利用 Fireworks 制作图像等的处理 (1) 新建 Fireworks 文档，调整画布的大小。（2），把所须要的图片导入。（3）利用各种工具进行处理。（4）保存到指定的文件夹内。2、 利用 flash 做动画（1）新建，选择背景和大小。（2），更改元件名称，如图 2.2.1，并用文字工具在其中输入文字，如图 2.2.2图 2.2.1图 2.2.2 （3）把元件拖入场景中，并使其运动。如图 2.3.1 图 2.3.1 (4) 至此，按 Ctrl+Enter 快捷键，预览效果。（5）保存至指定文件夹中。五、 设计步骤 1. 创建本地站点 1.1 、首先在本机上建立
4、一个文件夹，命名为期末网页作业并将素材文件放在站点中。 1.2 、单击菜单中的为西西动漫。2. 制作首页 2.1、新建 HTML 文档，并将文件保存在本地站点根文件下，命名为index.Html。2.2、点击页面属性，选着背景图像2.3、插入一系列的表格，等看状况美观设定。2.4、插入所制作的导航条，logo，flash 等。图 1 图 2 2.5、制作超级连接2.6、利用快捷键 F12，查看网页效果。3. 主页代码3.1、主页部分代码 <!DOCTYPE html PUBLIC -/W3C/DTD XHTML 1.0 Transitional/EN http:/www.w3.org/T
5、R/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> <script src=Scripts/AC_RunActiveContent.js type=text/javascript></script> &
6、lt;/head><body><!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&
7、gt; <body> <table width=780 border=0 align=center cellpadding=0 cellspacing=0 bgcolor=#FFFFFF> <tr> <td width=779><table width=759 border=0 align=centercellpadding=0 cellspacing=0 height=69> <tr> <td height=68 background=file:/C|/Documents and Settings/Administ
8、rator/桌面/新建文件夹/1/2/index_01_01.png><img src=2/logo.png width=68 height=68 /><img src=2/20041117195212893.png width=293 height=34 /></td> </tr> </table> <table width=761 height=1 border=0 align=center cellpadding=0 cellspacing=0> <tr> <td width=31 heigh
9、t=1 valign=top background=Images/index_01_03.gif><p align=right><img src=file:/C|/Documents and Settings/Administrator/桌面/新建文件夹/1/2/index_01_02.png width=92 height=38 border=0 /></p></td> <td width=665 valign=bottom height=1 background=Images/index_01_03.gif align=left
10、bgcolor=#FF6600><table width=668 height=10 border=0 align=center cellpadding=0 cellspacing=0><tr><td width=668 height=10 align=center background=serch_bg.gif><div align=right><font color=#33CCFF><a href=index.html>首页</a>nbsp;|nbsp;<a href=4.html>动漫新
11、闻</a>nbsp;|nbsp;<a href=7.html>动漫文章</a>nbsp;|nbsp;nbsp;<ahref=1.html>动漫图片</a>nbsp;|nbsp;</font><font color=#FFFF00>西西动漫HOT</font><font color=#FFFFFF>nbsp;|nbsp;</font> </div></td> </tr> </table></td> </tr>
12、; </table> <table width=760 border=0 align=centercellpadding=0 cellspacing=0> <tr> <td height=10></td> </tr> </table> <table width=760 height=148 border=0 align=center cellpadding=0 cellspacing=0> <tr> <td width=480 rowspan=2 align=center vali
13、gn=top ><table width=100% class=tde border=0 cellspacing=0 cellpadding=0> <tr> <td height=160 align=right valign=bottom background=2/1.png><div align=center> <table width=100% border=0 align=centercellpadding=0 cellspacing=0> <tr> <td height=2></td>
14、 </tr> </table> </div> </td> </tr> </table></td> <td width=10 rowspan=2 valign=top>nbsp;</td> <td width=270 height=161 valign=top bgcolor=#F7F7F7class=tde><table width=100% border=0 align=center cellpadding=1 cellspacing=0 bgcolor=#FFFFF
15、F> <tr> <td valign=top><table width=100% height=29 border=0 cellpadding=0 cellspacing=0 bgcolor=#B6B6B6> <tr> <td height=30 valign=top><table width=100% height=26 border=0 cellpadding=0 cellspacing=0> <tr><td bgcolor=#1ABDE6><table width=100% bor
16、der=0 cellspacing=0 cellpadding=0> <tr> <td width=10%><div align=center> <img src=file:/C|/Documents and Settings/Administrator/桌面/新建文件夹/1/2/top1.gif width=20 height=20 /></div></td> <td width=90% valign=bottom class=14><font color=#FFFFFF>网站公告</
17、font></td> </tr> </table></td> </tr> </table></td> </tr> </table></td> </tr> </table> <table width=100% border=0 align=centercellpadding=0 cellspacing=0> <tr> <td height=5></td> </tr> </table&
18、gt; <table width=100% border=0 cellspacing=0 cellpadding=0> <tr> <td><table width=96% align=center> <tr> <td height=1 background=images/line1.gif > </td> </tr> <tr> <td height=78><ul> <li class=STYLE4> <p class=STYLE10><
19、;a href=4.html onclick=javascript：window.open(Announce.asp?ChannelID=1amp;ID=1, newwindow, height=300, width=400, toolbar=no, menubar=no, scrollbars=yes, resizable=no, location=no, status=no) title=88>于德清：重奖之下就有好动漫吗</a> </p> </li> <li class=STYLE11> <p><a href=5.h
20、tml>白日公馆 COSPLAY 联盟专栏</a></p> </li> <li class=STYLE10><p><a href=6.html>2009 东京国际动漫展览会即将开幕</a></p> </li> </ul></td> </tr> <tr> <td height=1 background=images/line1.gif ></td> </tr> </table></t
21、d> </tr> </table></td> </tr> </table> <table width=760 border=0 align=centercellpadding=0 cellspacing=0> <tr> <td height=10></td> </tr> </table></td> </tr> </table> <table width=780 border=0 align=center cellpa
22、dding=0 cellspacing=0 bgcolor=#FFFFFF> <tr> <td width=779><table width=760 height=50 border=0 align=center cellpadding=0 cellspacing=0> <tr> <td width=480 height=164 align=center valign=top ><table width=100% height=20 border=0 cellpadding=0 cellspacing=0> <
23、tr> <td><img src=file:/C|/Documents and Settings/Administrator/桌面/新建文件夹/1/2/topbg.gif alt=topbg width=480 height=20 border=0 usemap=#Map /> <map name=Map id=Map> <area shape=rect coords=398, 3, 456, 21 href=photo_Class.asp?ClassID=0 target=_blank /> </map></td>
24、 </tr> </table><table width=100% border=0 align=centercellpadding=0 cellspacing=0> <tr> <td height=10></td> </tr> </table> <tablewidth=100% border=0 align=centercellpadding=0 cellspacing=0> <tr> <td height=10 valign=top class=tde><
25、table width=100% border=0 cellspacing=0 cellpadding=0> <tr> <td><div align=center> <table border=0 cellpadding=0 cellspacing=5 > <tr> <td align=center ><table bgcolor=ffffff class=fdwidth=152 height=203 border=0 cellspacing=0 cellpadding=0 align=center> &
26、lt;tr> <td align=center><table height=5> <tr> <td></td> </tr> </table> <a href=1.html title=图片名称：<img src=file:/C|/Documents and Settings/Administrator/桌面/新建文件夹/1/2/09.jpg alt=09 width=123 height=100 border=0 /></a></td> </tr> &
27、lt;tr> <tdvalign=top><table width=95% align=center> <tr> <td height=5></td> </tr> <tr> <td height=45 valign=top><a href=1.html>叛逆的鲁鲁修</a></td> </tr> <tr><td>图片大小：23K</td> </tr> <tr> <td align=
28、right><img src=file:/C|/Documents and Settings/Administrator/桌面/新建文件夹/1/2/more21.gif alt=21 border=0 /></td> </tr> </table></td> </tr> </table></td> <td align=center ><table bgcolor=ffffff class=fdwidth=152 height=203 border=0 cellspacing=0
29、 cellpadding=0 align=center> <tr> <td align=center><table height=5> <tr> <td></td> </tr> </table> <a href=2.html title=图片名称：<img src=file:/C|/Documents and Settings/Administrator/桌面/新建文件夹/1/2/16416351324K-1.jpg alt=16 width=140 height=100 bord
30、er=0 /></a></td> </tr> <tr> <tdvalign=top><table width=95% align=center> <tr> <td height=5></td> </tr> <tr> <td height=45 valign=top><a href=2.html>犬夜叉</a></td> </tr> <tr> <td>图片大小：311K<
31、/td> </tr> <tr> <td align=right><img src=file:/C|/Documents and Settings/Administrator/桌面/新建文件夹/1/2/more21.gif alt=21 border=0 /></td></tr> </body> </html> 4. 栏目制作 4.1 主页栏目包括首页、动漫新闻、动漫文章、动漫图片 。4.1.1 各栏目都加入了子栏目，点击进入后便呈现子栏目。 4.2 分页 与主页颜色搭配一样，动静结合。动态网页
32、、flash 都有其中特色。每个栏目也都各具独立性。5. 连接 最终把各分相互进行连接，这样一个完整的网站便做好了。六、 制作心得 现今世界是信息化的世界，随着计算机技术和通信技术的高速发展，互联网从而得到了长足的发展，同时使得互联网在人们的工作生活中越显得重要，成为了必不行少的组成部分。要制作一个受欢迎的网页不仅要内容足够、独具特色、适合大众的口味，更须要一个引人入胜的界面，无论从排版、文字、图案、结构等要素都要组合成一个有机的整体，让网民一进入网站就能引起其留意。平常上网冲浪是那么自由、随意，在这样享受上网乐趣时，不知要制作出一个看似一般的网页却要付出很大的努力，无论从网页设计到内容的搜集
33、，都马虎不得，可能为了某一微小之处而呕心沥血。本学期学习了 Dreamweaver CS3、Fireworks CS3、Flash CS3并要求自己来制作，才知其中的难处。从这次制作网页的过程中可以体会到，要制作出一个完整的网页首先要定好主题，这样才可以围绕该主题取材，因为我们做的只是简洁网页，功能小，内容也不会太多。万事开头难，有了主题，完整的骨架便是最重要的了，这便要利用我搜集来的资料和Dreamweaver CS3、Fireworks CS3、Flash CS3 这几个工具了，网页丰富，内容新奇才能吸引网民的关注，这是个很艰难而又长期的任务。至此我的网页可以说是麻雀虽小五脏俱全。从本次制作网页的过程中我体会到制作网页和做其他事一样，要多做多练，多积累阅历。还要学习相关的程序，终有一天，我会制作出能给人们留下深刻印象的网页。熟能生巧，我信任通过不断的尝试与学习，我做的网页会越来越好。七、 参考文献 网页设计三合一教程与上机实训Dreamweaver CS3、Fireworks CS3、Flash CS3刘培文 唐红亮 主编