一 、实训目的：

通过实训，掌握网页制作系列软件Dreamweaver、Fireworks、Flash和Photoshop的使用方法。达到全面理解、运用网页制作的知识，并使之得以融会贯通，在掌握理论的基础上再加以实践，进一步提高、加强设计、制作网站的综合能力。

二、 实训过程

1.资料的搜集：

收集的资料主要是汽车图片，以及运用做页面局部框架背景的图片。

2.熟悉制作软件软件：

软件：Dreamweaver \ Firework \ Photoshop CS \ Flash

硬件： PC机

技术： HTML＼CSS \ javascript\特效代码

项目设计及运行平台 ：Windows XP

3.构建站点框架：网站结构图如下：

4．设计制作页面：

◆ 网页名称:关于我们

◆ 网页的色彩：最主要是以白色背景为主导色，字体的主要色彩是黑色。链接字体颜色链接前设为蓝灰色，鼠标覆盖后为深红色。

◆ 网页富有动感，通过GIF动画来展示，页面的色彩好与首页和栏目页统一主要采取白色。 ◆ 页面的大小，在1024X768像素下显示效果最佳。

◆ 颜色调配设计，网页的色彩是树立网站形象的关键之一，各版块采用与网站首页同一色系的颜色，整个版块内部也尽量保持风格一致。

◆网页内容的安排相互链接关系 如下概述

最上面先放了一个724*100px的logo.

右边放了一个1024*100广告如下图：

再下来的表格中里放了一个我们用GIF的轮换效果展示知名品牌汽车，效果如图：

右侧是世界/中国地图及天气实况查询图。属特效代码。当鼠标覆盖时显示链接提示，点击即可查询各地当日天气情况，帮助驾车人员快速掌握天气情况。效果如下：

然后再表格里面分别放的是各种小版块。

分别记载有:QQ联系方式，用户只要单击即可打开QQ

聊天窗口与网站内部人员进行对话。

此外，页面载有客服热线，留言板。也是对用户提供的对话平台，方便用户咨询更多消息。

5．实现网页间的链接：

运用的链接方式有：超链接、明链图片链接, 锚点链接以及多媒体链接, 用以实 现QQ聊天界面的打开，留言提交，以及天气实况的显示。

6．整体效果图：

三、实训心得与体会：

在这次实训之后，我们对网站的设计与制作有了进一步的了解，我对flash的制作，图片的处理，表单的制作，css样式，模版的应用等技术有了更深层次的了解，并且能够很好的应用它们。在网站的制作过程中，我碰到了不少的问题，但是通过老师的耐心指导以及与队友的协商，这些问题最终都得到了较为完美的解决。所以我认为，团队的力量是强大的！而一个人的力量和想法是有限的，唯有集思广益，才能使得我们的作品更加优秀，内容更加丰富。这使得我对静态网页的制作产生了浓厚的兴趣，我将继续付诸实行，向动态网页的制作发动挑战！

 

第二篇：网页设计与制作实训报告

《网页设计与制作》

实习报告

指导老师：

实习地点：

实习时间：

实习班级：

学生姓名：

一、实习目的

① 学会制作新闻发布系统。

② 学会制作在线调查系统。

③ 熟悉购物网站的主要功能和栏目。

④ 学会购物网站数据库表的创建和数据库连接的创建。

⑤ 学会购物系统前台页面制作和后台管理制作。

二、实训内容

1.创建数据库表

① 启动Microsoft Access ，执行“文件”——“新建”命令，打开“新建文件”面板，在面板中单击“空数据库”。

② 弹出“文件新建数据库”对话框，在对话框中选择数据库保存的路径，“文件名”文本框中输入shop。

③ 单击“创建”按钮，在对话框中双击“使用设计器创建表”选项。

④ 弹出“表1：表”对话框，在对话框中输入“字段名称”和字段所对应的“数据类型”，将shopID字段设置为主键。

⑤ 执行“文件”——“保存”命令，弹出“另存为”对话框，在对话框的“表名称”文本框中输入products。

⑥ 单击“确定”按钮，保存表。按以上步骤的方法，创建表fen和admin。

2.创建数据库连接

新建一个网页文件夹，打开IIS信息服务，创建IIS虚拟目录，在文件夹安全性把来宾用户的权限修改为完全控制，并导入数据库。

3.制作购物网系统页面

① 用index.html创建zhanshi.asp商品分类展示页，新建站点，导入shop.mdb数据库文件建立数据库连接。插入表格并插入图片、文字，创建记录集并在表格相应位置绑定数据。在服务器行为里为表格设置重复区域，创建记录集RS2并在左边的商品分类表格里绑定

数据，在服务器行为里为左侧的表格添加重复区域和转到详细页，制作记录集导航条。

② 用index.html创建xiangxi.asp商品详细信息页，首先创建记录集并制作左侧的商品分类表格，之后在中间区域插入表格，在表格中插入图片、文字，创建记录集RS2并将数据绑定在表格相应位置。

③ 用index.html创建denglu.asp商品详细信息页,创建记录集并制作左侧的商品分类表格，在中间区域插入表单，在表单里插入表格，在表格里插入文字、文本域、表单按钮，并为表单设置检查表单。创建记录集RS2并在服务器行为里添加登录用户。

④ 用index.html创建fenlei.asp添加商品分类页，插入表单，在表单里插入文字、文本域、表单按钮，创建记录集并在服务器行为里添加插入记录和限制对页的访问。再用index.html创建fenleiok.asp,在其中插入表格输入文字，并设置返回链接。

⑤ 用index.html创建tianjia.asp添加商品页，创建记录集，用插入记录表单向导创建插入记录表单，在服务器行为里添加限制对页的访问。再用index.html创建tianjiaok.asp,在其中插入表格输入文字，并设置返回链接。

⑥ 用index.html创建guanli.asp商品管理页，创建记录集并制作左侧的商品分类表格，在中间区域插入表格并插入文字，创建记录集RS2并在表格相应位置绑定数据，为该表格设置服务器行为的重复区域，制作修改和删除链接，制作记录集导航条。

⑦ 用tianjia.asp创建xiugai.asp修改页面，创建记录集在对应的文本域中绑定数据，把服务器行为里的插入记录删除并添加更新记录。在服务器行为里添加限制对页的访问。再用index.html创建xiugaiok.asp,在其中插入表格输入文字，并设置返回链接。

⑧ 用index.html创建shanchu.asp删除页面,插入表格并插入文字，建立记录集，在表格相应位置绑定数据，插入表单和表单按钮，创建服务器行为限制对页的访问和删除记录。再用index.html创建shanchuok.asp,在其中插入表格输入文字，并设置返回链接。

三、疑难解惑

① 网页不能正常打开，电脑用户权限没有修改，在文件夹安全性把来宾用户的权限修改为完全控制。

② 创建重复区域时，总显示相同的内容，仔细阅读教材，发现创建重复区域时要选中表格，而不是文字内容。

③ 登陆页面不能登陆，把表格放入表单后，重新登录，问题解决。

④ 创建添加商品页面时，无法显示商品分类。在插入记录表单时，应将feileiID"显

示为"下拉列表中选择“菜单”，并在“菜单属性”里的“域”列表中选择fenlei。

⑤ 修改页面点进去初始内容都一样 ，“唯一键列”下拉列表中应选择shpID。

⑥ 商品分类点进去每个种类都一样，查找原因，发现记录集中筛选是shpID，把记录集中的筛选改为fenleiID解决。

四、实训心得

经过一周动态网页的实训，使我们对本学期的这门课进行了整体的汇总。在这汇总期间，也算是对自己本学期的一个考核，此次实训暴露出了许多我自身存在的问题，同时也对自身有了很大的提高。

在这次实训中，我也有许多收获。首先，我体会到了作为一个计算机专业的人，不会用DW的痛苦和尴尬。在制作的过程中遇到问题，可以说得是困难重重，这毕竟是第一次独自制作动态网页，难免会遇到过各种各样的问题，同时在制作的过程中发现了自己的不足之处，对以前所学过的知识理解得不够深刻，掌握得不够牢固。在此过程当中弥补了我许多知识上的缺陷，弄清的以前没有搞懂的知识点。经过多番的努力和辛酸，我成功地完成了这次过程艰辛的实训，而且我从中体会到了一种叫做‘成功的喜悦’的感觉，那种小有成就的兴奋是只有置身其中的人才能体会的。

在实训过程中，我更体会到了基础知识的重要性，也许我们正在迷惘，我们是否学到了东西，但事实说明零零散散的知识，在项目开发当中起到了非常关键的作用，我们不缺少时间和工具，我们只是缺少经验和动手能力，如果我们以后能更好的在各方面增长自己的经验，相信我们能在长长的就业队伍中脱颖而出的！相信自己，相信未来。今后我将会更加努力的学习，不断提高自身素质，为我将来的就业打下良好的基础

 

第三篇：网页设计与制作个人实训报告

一 、实训目的：

通过实训，掌握网页制作系列软件Dreamweaver、Fireworks、Flash和Photoshop的使用方法。达到全面理解、运用网页制作的知识，并使之得以融会贯通，在掌握理论的基础上再加以实践，进一步提高、加强设计、制作网站的综合能力。

二、 实训过程

1.资料的搜集：

收集的资料主要是汽车图片，以及运用做页面局部框架背景的图片。

2.熟悉制作软件软件：

软件：Dreamweaver \ Firework \ Photoshop CS \ Flash

硬件： PC机

技术： HTML＼CSS \ javascript\特效代码

项目设计及运行平台 ：Windows XP

3.构建站点框架：网站结构图如下：

4．设计制作页面：

◆ 网页名称:关于我们

◆ 网页的色彩：最主要是以白色背景为主导色，字体的主要色彩是黑色。链接字体颜色链接前设为蓝灰色，鼠标覆盖后为深红色。

◆ 网页富有动感，通过GIF动画来展示，页面的色彩好与首页和栏目页统一主要采取白色。 ◆ 页面的大小，在1024X768像素下显示效果最佳。

◆ 颜色调配设计，网页的色彩是树立网站形象的关键之一，各版块采用与网站首页同一色系的颜色，整个版块内部也尽量保持风格一致。

◆网页内容的安排相互链接关系 如下概述

最上面先放了一个724*100px的logo.

右边放了一个1024*100广告如下图：

再下来的表格中里放了一个我们用GIF的轮换效果展示知名品牌汽车，效果如图：

右侧是世界/中国地图及天气实况查询图。属特效代码。当鼠标覆盖时显示链接提示，点击即可查询各地当日天气情况，帮助驾车人员快速掌握天气情况。效果如下：

然后再表格里面分别放的是各种小版块。

分别记载有:QQ联系方式，用户只要单击即可打开QQ

聊天窗口与网站内部人员进行对话。

此外，页面载有客服热线，留言板。也是对用户提供的对话平台，方便用户咨询更多消息。

5．实现网页间的链接：

运用的链接方式有：超链接、明链图片链接, 锚点链接以及多媒体链接, 用以实 现QQ聊天界面的打开，留言提交，以及天气实况的显示。

6．整体效果图：

三、实训心得与体会：

在这次实训之后，我们对网站的设计与制作有了进一步的了解，我对flash的制作，图片的处理，表单的制作，css样式，模版的应用等技术有了更深层次的了解，并且能够很好的应用它们。在网站的制作过程中，我碰到了不少的问题，但是通过老师的耐心指导以及与队友的协商，这些问题最终都得到了较为完美的解决。所以我认为，团队的力量是强大的！而一个人的力量和想法是有限的，唯有集思广益，才能使得我们的作品更加优秀，内容更加丰富。这使得我对静态网页的制作产生了浓厚的兴趣，我将继续付诸实行，向动态网页的制作发动挑战！