某动漫网站规划报告

来源:办法 发布时间:2020-07-15 05:43:04 点击:

  网站规划报告

  题

 目:

 西西动漫网站

  专

 业:

 软件测试

  班

 级:

 软件 G091

  姓

 名:

 孙婷

  学

 号:

 21

  指导教师:

 雷学智

  设计日期:

 2010 年 6 月 20 日

 辽宁信息职业技术学院 软件工程系

 班级:

  姓名:

  学号:

  得分:

  评分点

 优 优 9 9- - 10

 良 良 8 8- -9 9

 中 中 7 7- -8 8

 及格 6 6- -7 7

 不及 0 0- -5 5

 1、总体效果

 2、栏目(内容)

 3、页面布局

 4、风格,结构

  5、特效动画制作

 6、文字动画设计

  7、脚本的使用

 8、LOGO 处理

  9、切片的使用

 图形效果的处理

 10、网络文档

 一、 作品简介 为了充实同学们的课余生活,让视觉充分得到满足,特建立此站,各类精彩动漫潮图、最新动漫、热门动漫为您展现其中。在这里你可以简单而有效的观看你所喜欢的。建立这个网站后会发现可以更灵活的运用三剑客软件,也让更多的人认识动漫里面的特色。还可以互相交流,我相信,在这里,你将流连忘返

 二、 素材 既然明确了建站的目的,主题。开始查找资料。常言道:“巧妇难为无米之炊”,想要自己的网站漂亮,美观,给人一种焕然一新的感觉,就要多多收集资料,资料足够了,才能使自己的网站弄的有血有肉,才能吸引人的目光。

 三、 软、硬件需求

 利用学过的软件制作简单的网页,要求要用 Adobe Firework CS3、Dreamweaver、Adobe Flash CS3 软件,工具制作。

 四、 站点内容的设计 1、 利用 Fireworks 制作图像等的处理 (1) 新建 Fireworks 文档,调节画布的大小。

 (2)【文件】——【导入】,把所需要的图片导入。

 (3)利用各种工具进行处理。

 (4)保存到指定的文件夹内。

 2、 利用 flash 做动画

 (1)

 新建【flash 文件】

 ——【修改】——【文档】,选择背景和大小。

 (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 、首先在本机上建立一个文件夹,命名为“期末网页作业”并将素材文件放在站点中。

  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/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>西西动漫.欢迎访问动漫网站.www.xxdm.com</title> <script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script> </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> <body> <table width="780" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">

  <tr>

  <td width="779"><table width="759" border="0" align="center"

 cellpadding="0" cellspacing="0" height="69">

  <tr>

  <td height="68" background="file:///C|/Documents and Settings/Administrator/桌面/新建文件夹/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" height="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" 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">动漫新闻</a>&nbsp;|&nbsp;<a href="7.html">动漫文章</a>&nbsp;|&nbsp;&nbsp;<a

 href="1.html">动漫图片</a>&nbsp;|&nbsp;</font><font color="#FFFF00">★西西动漫★HOT</font><font color="#FFFFFF">&nbsp;|&nbsp;</font> </div></td> </tr> </table></td> </tr> </table> <table width="760" border="0" align="center"

 cellpadding="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" valign="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="center"

 cellpadding="0" cellspacing="0"> <tr> <td height="2"></td> </tr> </table> </div> </td> </tr> </table></td> <td width="10" rowspan="2" valign="top">&nbsp;</td> <td width="270" height="161" valign="top" bgcolor="#F7F7F7"

 class="tde"><table width="100%" border="0" align="center" cellpadding="1" cellspacing="0" bgcolor="#FFFFFF"> <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%" border="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">网站公告</font></td> </tr> </table></td> </tr> </table></td> </tr> </table></td> </tr> </table> <table width="100%" border="0" align="center"

 cellpadding="0" cellspacing="0"> <tr> <td height="5"></td> </tr> </table> <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"><a href="4.html" onclick="javascript:window.open("Announce.asp?ChannelID=1&amp;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.html">白日公馆 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></td> </tr> </table></td> </tr> </table> <table width="760" border="0" align="center"

 cellpadding="0" cellspacing="0"> <tr> <td height="10"></td> </tr> </table></td>

  </tr> </table> <table width="780" border="0" align="center" cellpadding="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">

  <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>

  </tr>

  </table>

 <table width="100%" border="0" align="center"

 cellpadding="0" cellspacing="0">

  <tr>

  <td height="10"></td>

  </tr>

  </table>

  <table

 width="100%" border="0" align="center"

 cellpadding="0" cellspacing="0">

  <tr>

  <td height="10" valign="top" class="tde"><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="fd"

 width="152" height="203" border="0" cellspacing="0" cellpadding="0" align="center">

  <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>

  <tr>

  <td

 valign="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="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="fd"

 width="152" height="203" border="0" cellspacing="0" 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" border="0" /></a></td>

  </tr>

  <tr>

  <td

 valign="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</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 分页 与主页颜色搭配一致,动静结合。动态网页、flash 都有其中特色。每个栏目也都各具独立性。

 5. 连接

  最后把各分相互进行连接,这样一个完整的网站便做好了。

 六、 制作心得 现今世界是信息化的世界,随着计算机技术和通信技术的高速发展,互联网从而得到了长足的发展,同时使得互联网在人们的工作生活中越显得重要,成为了必不可少的组成部分。

 要制作一个受欢迎的网页不仅要内容充足、独具特色、适合大众的口味,更需要一个引人入胜的界面,无论从排版、文字、图案、结构等要素都要组合成一个有机的整体,让网民一进入网站就能引起其注意。

 平时上网冲浪是那么自由、随意,在这样享受上网乐趣时,不知要制作出一个看似普通的网页却要付出很大的努力,无论从网页设计到内容的搜集,都马虎不得,可能为了某一细微之处而呕心沥血。本学期学习了 Dreamweaver CS3、Fireworks CS3、Flash CS3并要求自己来制作,才知其中的难处。

 从这次制作网页的过程中可以体会到,要制作出一个完整的网页首先要定好主题,这样才可以围绕该主题取材,因为我们做的只是简单网页,功能小,内容也不会太多。万事开头难,有了主题,完整的骨架便是最重要的了,这便要利用我搜集来的资料和Dreamweaver CS3、Fireworks CS3、Flash CS3 这几个工具了,网页丰富,内容新颖才能吸引网民的关注,这是个很艰巨而又长期的任务。至此我的网页可以说是“麻雀虽小五脏俱全”。

 从本次制作网页的过程中我体会到制作网页和做其他事一样,要多做多练,多积累经验。还要学习相关的程序,终有一天,我会制作出能给人们留下深刻印象的网页。熟能生巧,我相信通过不断的尝试与学习,我做的网页会越来越好。

 七、 参考文献 《网页设计三合一教程与上机实训——Dreamweaver CS3、Fireworks CS3、Flash CS3》刘培文 唐红亮 主编

推荐访问:规划 报告 动漫
上一篇:统计学练习
下一篇:有关民政工作计划合集

Copyright @ 2013 - 2018 蓬莱范文网_工作总结_公文写作_免费文档下载 All Rights Reserved

蓬莱范文网_工作总结_公文写作_免费文档下载 版权所有 湘ICP备11019447号-75