网页设计实训报告

福州软件职业技术学院

实训报告

题 目： 动漫 实训课程名称： 网页设计 系 别： 计算机系 专业 / 班级： 软件技术4班 年 级： 2009级 学 号： 09013430 姓 名： 游浠 指 导 老 师： 黄伟雄

2010年 7月 9日

目 录

1 实训目的 .................................................................................................................................................. 1 2 实训内容 .................................................................................................................................................. 1 3 方案设计与实施步骤................................................................................................................................. 1

3.1 方案设计........................................................................................................................................ 1 3.2 实施步骤........................................................................................................................................ 2 4 实训中出现的问题、分析及解决方法 ........................................................................................................ 2

4.1 问题............................................................................................................................................... 2 4.2 分析............................................................................................................................................... 2 4.3 解决方案........................................................................................................................................ 2 5 实训作品展示 ........................................................................................................................................... 3

5.1 首页............................................................................................................................................... 3 5.2 动漫分类页面................................................................................................................................. 3 5.3 动漫介绍页面................................................................................................................................. 4 6 实训总结 .................................................................................................................................................. 4

1 实训目的

（1）通过本次实训完成对所选课题的网页制作，包括二级页面和三级页面，还要应用一些网页制作的基本技巧。

（2）掌握布局技术，模版应用，CSS样式，超级链接。

（3）通过连续时间的实际操作，巩固对网站的创建、网页的策划、设计与制作的理解，加深理解网站、网页、制作的过程，理解团队互助共同完成项目的协作精神。

2 实训内容

主要包括两部分内容：素材制作和网站设计制作。 1．网站主题要求

结合个人工作需要及兴趣爱好，完成主题的选择。 2．网站内容要求

网站不少于3层，页面总数不少于8个；内容和素材避免雷同。 3．设计制作要求

a．网站主题鲜明、内容丰富、健康、高雅且栏目设置合理。网站中至少有三层，下一层必须有返回上层的按钮或链接。包含10个以上的页面；

b．网站中页面色彩搭配合理，界面规划合理, 设计新颖、简洁、美观、大方； c．站内页面整体风格统一并使用CSS进行网页中文字及链接样式； d．合理使用表格进行页面排版，导航按钮及网页特效使用合理； e．设计有合理的表单；

f．网页中链接及图片等路径正确、网页中文件命名规范；

g．内容由自己充分发挥，不作任何约束，但网页的信息量要大（6种内容以上），主题鲜明；

h．作品不得抄袭。

3 方案设计与实施步骤

3.1 方案设计

首页：把各种内容都拿出一部分放在首页，进行分类排放，这样能让浏览网站的人，以最快的速度了解这个网站所包涵的大部分内容。并且在首页插入一背景音乐（音乐内容与网站主题相关）。使得网页更加人性化。

其他页面就是把主页里面的内容分块，分细。让有兴趣的人能够更深入的浏览到他们所想要的东

1

西，其中包括:动漫分类，动漫简介，动漫排行等

在网页中还设计了一个投票区，为了更好的建设网站，需要各方面的资料，而这是一个好办法。

3.2 实施步骤

1.找好制作网页所需要的所有图片，文字及声音资料 2.在网络中寻找一个与自己主题类似的网页，以供与参考 3.开始制作网页

4.把制作好的网页进行运行和调试、修改

4 实训中出现的问题、分析及解决方法

4.1 问题

1.在别人电脑上运行网页时，发现图片显示不出来 2.背景音乐没有声音

3.网页制作中发现移动一些内容，整体排版都发生问题

4.2 分析

1.发现链接路径出错，在运行时采用了绝对路径 2.代码错误

3.一个页面一个表格，影响很大

4.3 解决方案

1. 把所有的图片链接，网页链接都改成相对路径

2. 参考书上代码，发现代码没有写在里面，着手修改代码 3. 把页面的排版分成多个表格，前后不互相影响

2

5 实训作品展示

5.1 首页

5.2 动漫分类页面

3

5.3 动漫介绍页面

6 实训总结

通过这次的实训，我了解到制作网页并非一件简单、容易的事情。一个好的网页是必须包涵许多有趣而丰富的内容，但又不能因为材料多而显得网页杂乱无章。所以对于制作网页来说，如何排版，如何选材，如何维护都是需要用心设计的。在本次的实训过程中，我曾经碰到了许多问题，但这些问题都在老师和同学的帮助下一一解决了。最后我终于完成了一份比较完善的网站。在这次的实训中我学习到了许多，也获得了很多，我明白了学习这门课程的真正意义。也许这次的实训作品不是最好的，但却是我最用心的。我相信在将来的学习和生活中，我将更加努力的学习专业知识，懂得更多的技术，把网页做的更好！

4