网页设计与制作实训报告.pdfVIP

网页设计与制作实训报告--第1页

甘肃机电职业技术学院

网页设计与制作

实训报告

专业计算机信息管理

班级G093501

姓名杨雪曼

指导老师郭建明

网页设计与制作实训报告--第1页

网页设计与制作实训报告--第2页

2011-5-21

一、实训目的

1、进一步熟悉和掌握网站建设的基本流程和技术规范；

2、巩固运用Dreamweaver网页制作软件制作网页、特别是制作复杂网页的

知识；

3、巩固运用PS图像处理软件进行网页中图形制作和运用flash动画制作软

件设计网页中动画的知识；

4、巩固综合运用Dreamweaver、PS、flash三个软件完成网站建设任务的方

法，能独立设计一个内容完整、图文并茂、技术运用得当的网站；

5、在网页设计的实践中培养分析问题、解决问题的能力，培养协作、交流

的能力，培养创新能力和团队意识；

7、紧紧围绕网页制作的流程：规划、设计、开发、发布、维护来进行网站

的开发，制作出具有较高水准的静态网页。以此作为学生学习这门课程的阶段性

总结，使学生复习、巩固所学过的理论，并予以适当的深化，进一步训练学生的

基本技能（如：搜集资料、整理数据、制表绘图、发现与分析问题、寻求解决问

题的方案等），为今后从事网站开发、维护和管理奠定基础。

二、实训项目

天水旅游网站的建设

三、实训过程

1．资料的搜集。

2.熟悉制作软件。

网页设计与制作实训报告--第2页

网页设计与制作实训报告--第3页

3.构建站点框架。

打开Dremweaver后步便是新建站点

4设计主页及二级页面。

5实现网页间的链接

链接的过程其实很简单，主要是把要链接的文字选择在选择工具栏的链接按

钮最后选择自己要链接的网页单击确定便可以了。

6向静太网页插入动态效果

具体情况如下：

通过这半年的学习实践中和老师的指导下以大量明晰的操作步骤和典型的

应用实例，教会我们。使更丰富全面的软件技术和应用技巧，使我们真正对所学

的软件融会贯通。所以我结合所学专业的内容制作了个人网站，作为实习的成果。

其内容是多样化的。制作网页用的软件是Ｄreamweaver,banner软件。

Dreamweaver大大加速了网络时代电子交易应用中的项目交付。它提供了网页和

表单的动态生成到企业级的解决方案，如电子商店，库存管理系统和企业内部局

域网的数据库应用等功能。例如，网页上很流行的阴影和立体按纽等效果，只需

单击一下就可以制作完成。当然，其最方便之处是，它可以将图象切割，图象映

射，悬停按纽，图象翻转等效果直接生成HTML代码，或者嵌入到现有的网页中，

或者作为单独的网页出现。主图是一个网页的门面，它能体现出这个网页的整体

风格。

制作网页,首先是确定主题,经过再三考虑,就做了个关于天水的旅游网站,

平时也总是浏览类似的网站,对这些还有些了解,于是确定主题,做一些类似的网