网页设计实训报告

1、动漫网站设计实训报告目 录一实训目的与要求31.1实训目的31.2实训的基本内容和要求3二实训项目总体设计52.1网站设计描述52.2 网站设计说明5三实训项目详细设计63.1 网页的整体布局结构63.2 网站主页设计63.3 网站中每个页面设计73.4 功能测试8四总结9附录 网站源代码9一 实训目的与要求1.1实训目的通过本次实训，让同学们对本学期的网页设计与制作这门课程有一个系统的认识，加强和巩固已有的知识，训练和培养学生获取信息和处理信息的能力，充分培养和提高学生的动手能力。（1）掌握规划网站的内容结构,目录结构,链接结构的方法。（2）熟练掌握网页制作软件Dreamweaver8和基本

2、操作和使用技能。（3）掌握页面的整体控制和头部内容设置的方法。(4) 熟练掌握网页页面布局的各种方法。(5) 熟练掌握在网页中输入,设置标题和正文文字的方法。（6）熟练掌握在网页中插入图像,Flash动画和背景音乐的方法。（7）熟练建立各种形式的超级链接的方法。掌握表单网页制作方法。（8）学会通过网站、书籍、素材光盘等方式收集所需的文字资料、图像资料、Flash动画和网页特效等。（9） 培养学生运用所学的理论知识和技能解决网站开发过程中所遇到的实际问题的能力及基本工作素质。培养学生理论联系实际的工作作风,严肃认真的科学态度以及独立工作的能力,树立自信心。1.2实训题目描述和要求根据自己的兴趣，

3、设计一个个人站点或介绍一个集体的站点，围绕一个主题并能够体现出自己的个性，有整体框架结构，表格布局，层次定位等。布局合理，色彩搭配协调统一，内容丰富多彩，页面风格独特。掌握网页设计基本概念和HTML的基本结构，了解网页技术要点、HTML的编辑和运行环境。掌握文字版面的编辑，掌握网页的超链接技术的应用。了解列表的各种使用，了解表格的基本语法，掌握整合与发布网站的技术，掌握表格的定义、控制、分组、标题等的应用网页顶部该做多大，了解表单在网页中的应用，了解网页中CSS的基础知识，掌握CSS的各种属性应用，了解一个整体网站建立的过程。实训的要求1、本次实训要求在一周之内完成，并且不得抄袭。2、站点结构与命名：站点文件

4、夹为班级+序号+姓名+网站名(如：14计算机应用技术班 张山)、站点文件夹中所包含文件夹：Webpages（存放网页文件）Images （存放图片文件）、CSS（存放样式表文件）、Templates（存放模板文件）Flash（存放动画文件）、Others（存放一些其他类型的文件，如软件压缩包、音频以及视频等）、其余视文件夹需要而添加，全部用英文命名。3、网站题材选择：以最近比较热门话题的内容为题材，可以是大型会议、公益活动、体育赛事、热播电影或热播电视剧等，可以选择该题材中的某个或几个专题，内容充实、健康、积极、向上。网站标题自拟。4、网站技术要求：页面布局合理，色彩和谐，链接正确，图文并茂。

5、网站页面大小应该满足1024*768分辨率。主要图片和动画为原创（保存有源文件），主页标题图片（动画）必须为原创。必须且合理使用动态技术（包括行为、时间轴动画、嵌入代码等），必须且合理运用模板、库文件。站点中网页总数不少于8页。结构为： 二 实训项目总体设计2.1网站设计描述确定本网站的整体风格，突出标准色彩，相同类型的图像采用相同效果。网页色彩的搭配、窗体、框架等。必须准确概括网页的主题内容，和主题无关的内容我们一律要去掉，必须准确概括网页的主题内容。描述的一定要非常通顺简要，符合逻辑的，傻瓜化，尽量少用非常专业之术语。2.2 网站设计说明我设计网页的是一个婚纱的简介网站，网站选用的图片为婚

6、纱的线条和视觉。网页整体为表格框架结构，运用了大量运用了高清图片，以婚纱的的优美和高贵，突出主题，网站整体上要给人体现出一种，简单，大气，唯美的氛围。没有运用过多的颜色，用以避免给人一种杂乱的感觉。根据各部分内容的不同适当的自由设计以图片为修饰。背景以灰色小图片为主，文字颜色以黑色、合适为主，本网站的文字采用宋体、黑体，标题简洁明了。三 实训项目详细设计3.1 网页的整体布局结构网页的整体布局结构网页的板块从整体上分为主页和副页，主要是由导航、文字和图片组成；而副页就相对简洁些，主要为图片内容。通过网站子页，你可以了解到婚纱的历史发展和选择技巧等内容。同时主页可以连接到各个子页查看到相关的内容

7、信息。3.2 网站主页设计网站主页设计：网页首页顶部的设计：网页顶部以图片和文字链接，还有灰色背景图片，没有使用过多的修饰，给人一种简洁明了的感觉。截图如下：导航设计：导航设计较为简单，主页上的链接作为导航，更进一步的突出了本次网站的简洁感技术运用：主要应用了表格进行布局，网站采用滚动设计，使网站整体布局提升一个层次。截图如下： 3.3 网站中每个页面设计所创建的网站有9个页面，分为两层，第一层为首页，第二层为8个子页。（1） 首页采用了表格进行布局，必须包含导航链接栏；（2） 8个子页分别为框架网页、利用滚动代码布局表格制

8、作的网页；（3） 各个页面应插入合适的图片。（4） 所有页面要求布局合理、颜色搭配协调、简单明了、美观大方。 3.4 功能测试每做完一张网页都按F12来查看是否正常，有没有溢出等。看制作的效果是否正常能够显示在各个浏览器里。不会出现任何错误。四 总结通过这次实训我学到了很多有价值的东西。我独立的完成网站设计的全过程把设计中散乱的网页链接成框架体系使平时学到的知识点有了很高的提高，并且合理的在试验中进行了实践。在这次实验的过程中我搜集了大量的素材和网页设计的技术技巧方面的书增加知识面给我在以后的设计过程中能博采众长。制作出好的网页打下了基础。最后，我感受最深的是想要做好一个网站，素材和技能都十分

9、重要。好的素材需要多放面查找资料的可以从图书、网站和新闻上查找的。好的技能需要不断的实践。这次实训在制作时想使自己的网页更加丰富多彩，在网页中插入图象、动画、动态特效。可是总遇到这样那样的问题。看到了一些知名的网站开发出的网页，不仅栏目内容丰富，信息量大，而且页面图文并茂五彩缤纷使得网民赞叹不已流连忘返。网页设计实训将要结束其中的酸甜苦辣我会在今后的日子里不断地去咀嚼，去回味网页顶部该做多大，去探索。从制作网页过程中我学到了新的美化网页的方法运用了更多以前未运用的技巧。这使我学到了更多的知识并且为我自己在制作网页这方面积累了一些经验。这次实训的收获对我来说有不少我自己感觉在知识、技能等方面都有了不少的收获。总

10、体来说这次是对我的综合素质的培养锻炼和提高。参考书目：1 任学文、范严编, 网页设计与制作，中国科学技术出版社2 武创、王惠主编,网页设计探索之旅 ,电子工业出版社3 杜巧玲、等编, 网页设计超级梦幻组合,清华大学出版社4 吴黎兵、罗云芳编，网页设计教程， 武汉大学出版社5 庄王健编，网页设计三剑客白金教程，电子工业出版社6 叶汶华、程永灵主编，ASP.NET网页制作教程，冶金工业出版社7 张军、王佩楷主编，ASP动态网站设计经典案例，机械工业出版社附录网站源代码历史为骨，艺术为翼中华文明，弘扬百世加入收藏 | 设为首页 首页 | 百步飞剑 | 夜尽天明 | 诸子百家 | 万里长城

11、 | 君临天下 | 沧海横流 | 亡秦必楚 |龙腾万里秦时明月简介动画连续剧秦时明月是中国首部3D武侠动画。该动画灵感来源于温世仁原著小说，于2007年春节期间起在中国的全国各地正式首映。时代背景从秦始皇兼并六国，建立中国首个帝国开始，到咸阳被楚军攻陷结束，时间跨度30年(包括回忆)，讲述一个体内流淌英雄之血的少年-荆天明，最终成长为盖世英雄，凭一己之力改变历史进程的热血励志故事。剧情融武侠、奇幻、历史于一体，融入众多中国元素，引领观众亲历两千年前风起云涌、瑰丽多姿的古中国世界，在浓郁的中国风中注入鲜明的时代感>>>更多内容  

12、; -!-此页面上的内容需要较新版本的 Adobe Flash Player。-!-最新消息动态其它作品欣赏*官方手机游戏更新消息 *官方APP下载（更实用） *秦时明月精彩活动 *秦时明月每集剧情话题 a周年庆商城特惠活动 &nbs

13、p; *秦时百科介绍内容 *更多最新壁纸下载 *秦时明月电视剧更新 *秦时明月微信活动介绍/a周年庆商城特惠活动 电视剧电影网游 由秦时明月动漫已经衍生出好多种类型作品，如电视剧，电影，网游等，

14、它们都以各自的特点诠释了秦时明月，使动漫发展的更加丰富。最新壁纸欣赏 更多壁纸友情链接-玄机科技 !- var speed=20; /数字越大速度越慢 var tab=document.getElementById(demo); var tab1=document.getElementById(demo1); var tab2=document.getElementById(demo2); tab2.innerHTML=tab1.innerHTML; function Marquee() if(tab2.offsetWidth-tab.scrollLeft&

15、nbsp;杭州玄机科技信息技术有限公司致力坚持梦想，敢于创新，用诚意制作良心品质的好动画片。旗下旗舰品牌为中国首部3D武侠动画系列剧秦时明月连续多年赢得国内外100项多重量级奖项。意见反馈 | 网站收录 | 关于我们 | 使用帮助返回首页友情链接：秦时明月官网 | 秦朝历史 | 秦时明月动漫swfobject.registerObject(FLVPlayer);江西工业职业技术学院电子与信息工程分院实训指导教师评语班级： 学生姓名： 学号： 指导教师评语（包括工作态度，遵守纪律；基本理论、知识、技能；独立工作能力和分析解决问题的能力；完成任务情况及水平）：学生成绩（五级分制）：指导教师签名： 2015 年 6 月 15 日