网页设计实验报告

《网页设计实验报告》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、河南城建学院《网页制作》课程设计报告学号:专业:姓名:题目:指导教师:设计时间：计算机科学与工程系2010年6月目录一设计目的3二、课程设计题目3三、课程设计要求3四、需求分析4五、技术分析5六、创意分析7七、制作过程及要点9八、参考资料12九、设计总结12一设计目的本课程的设计目的是通过实践使同学们经历Dreamweavercs3开发的全过程和受到一次综合训练，以便能较全面地理解、掌握和综合运用所学的知识。结合具体的开发案例，理解并初步掌握运用Dreamweavercs3可视化开发工具进行网页开发的方法；了解网页

2、设计制作过程通过设计达到掌握网页设计、制作的技巧。了解和熟悉网页设计的基础知识和实现技巧。根据题目的要求，给出网页设计方案，可以按要求，利用合适图文素材设计制作符合要求的网页设计作品。熟练掌握Photoshopcs3、Dreamweavercs3等软件的的操作和应用。增强动手实践能力，进一步加强自身综合素质。学会和团队配合，逐渐培养做一个完整项目的能力。二、课程设计题目玩转西安三、课程设计要求1．课程设计要求一组一题，每题之间不得有雷同现象。2．每个题目至少要 有15个不同页面（不能利用模板生成），总页面不少于30

3、个。作品中必须有index.htm为索引页，作品中需包含flash动画、超链接、图片、声音等多媒体元素。3．课程设计过程中，首先要进行项目调研分析、技术设计分析及页面布局。4．设计结束时，每人须按题目分析设计的要求，上交所有的HTML文档和素材，将所有文件只作为压缩包，文件名按“学号+姓名+项目名称”来命名。5．作品内容必须要和课程设计报告中的项目内容要一致，设计报告要求在5000字左右，报告内容应有课程设计题目、需求分析、设计制作方案及关键制作技术等内容，必要处需要将效果图抓屏后进行插图。课程设计报告要求用A4纸

4、打印后与作品一同上交，无设计报告者不予评定成绩。四、需求分析选定主题，确定题目之后，在做整个网站之前对网站进行需求分析。首先，做好需求调研。调研方式主要是上网查阅资料，在图书馆里翻阅相关书籍。调研内容如下：1、网站当前以及日后可能出现的功能需求。2、客户对网站的性能（如访问速度）的要求和可靠性的要求。3、确定网站维护的要求。4、网站的实际运行环境。5、网站页面总体风格以及美工效果。6、主页面和次级页面数量等。7、内容管理及录入任务的分配。8、各种页面特殊效果及其数量（如flash等）。9、项目完成时间及进度。然后，

5、调研结束之后对整个网站进行功能描述，并对网站进行总体规划，接着逐步细化。我们选做的主题是旅游交通，并且选定题目为“玩转西安”，其目的是做一个简单的网站，介绍西安旅游的各个方面，提供一定的资讯信息，。进行一番调研之后，该网站整体站功能结构图如下：进入进入西安概况美食进入进入旅行社景点介绍大唐芙蓉园大唐芙蓉园大雁塔华清池半坡遗址大雁塔华清池兵马俑半坡遗址兵马俑交通住宿风俗文化首页五、技术分析(一)建立布局在这次的网页设计中用到大量的布局，所以怎么样建立布局是关键。Dreamweavercs3是大多数人设计网页的称手兵器

6、，也是众多入门者的捷径。特别是其在布局方面的出色表现，更受青睐。大家都知道，没有表格的帮助，很难组织出一个协调合理的页面。1.点击“ALT+F6”键，进入布局模式，插入布局表格。建立一个大概的布局。2.使用背景图片：选中该项，按浏览可以插入一幅准备好的图片作为表格的背景，因为图片是以平铺的形式作为表格背景，所以表格大小和图片尺寸都要控制好。（二）网页中的图像图像传输是WWW的真正魅力所在，它与文字相比具有显著的优点：一是直观，人眼观看图像时接受信息的速度远远超过观看文字时接受信息的速度；二是能更清楚地表达细节内容。

7、正是由于这些优点，所以在进行网页设计时图像很受欢迎。如果网页做得像一幅风景画，浏览者一定会流连忘返（如果图片很大，效果会适得其反）。图像文件的格式有几十种，如GIF、JPEG、BMP、EPS、PCX、PNG、FAS、TGA、TIFF、WMF等，现在InternetExplorer和Netscape支持的、最常用的图像格式是GIF、JPEG和BMP。（1）在网页中插入图像利用Dreamweavercs3可以方便地在网页中插入图像，还可以设置图像边框、大小、和位置，并且可以直接对图像进行编辑。在网页中加入图像的操作非常

8、简单：1.新建一个空白网页，把光标定位在网页的开始位置。2.打开“工具”菜单，选择“图片”菜单项，在子菜单中选择“来自文件”菜单项，或者单击工具栏中的图片工具图标，弹出一个“图片”对话框。3.在此对话框中单击“浏览”按钮，出现一个“选择文件”对话框。4.在“选择文件”对话框的文件列表中选择某个图像文件，然后单击“确定”按钮，或直接双击该图像文件，该图像即被加