《网页设计与制作》试验报告

一、实验目的及要求： 

(一)目的

通过本实验使得学生掌握IIS服务器的安装设置以及学会安装网页设计所需要的一些软件。

 (二)内容及要求

1)在Windows XP或Windows 2003环境下安装IIS服务器；

2)ADOBE公司网页设计套装软件安装；

3)AcdSee 软件安装；

4)其他动画制作软件的安装。

二、仪器用具

1)多媒体电脑，组建内部局域网，并且接入国际互联网。

2)Windows XP安装光盘。

3)ADOBE公司网页设计套装软件（Dreamweaver、Flash、Fireworks 、PHOTOSHOP CS5）等网页设计软件安装光盘；

4)Acdsee等图形处理与制作软件安装版；

5)其他一些动画与图形处理或制作软件。

三、实验原理

通过本实验使得学生掌握IIS服务器的安装设置以及学会安装网页设计所需要的一些软件。

四、实验方法与步骤

1)在Windows XP或Windows 2003环境下安装IIS服务器；

2)ADOBE公司网页设计套装软件安装；

3)AcdSee 软件安装；

4)其他动画制作软件的安装。

五、实验结果与数据处理

Windows7 旗舰版Iis安装

1、进入Win7的 控制面板，选择左侧的 打开或关闭Windows功能 。

2、现在出现了安装Windows功能的选项菜单，注意选择的项目，我们需要手动选择需要的功能，下面这张图片把需要安装的服务都已经选择了，大家可以按照图片勾选功能。

3、安装完成后，再次进入 控制面板，选择 管理工具，双击 Internet(IIS)管理器 选项，进入IIS设置。

4、现在进入到IIS7控制面板。 选择 Default Web Site，并双击 ASP 的选项。

5、IIS7中ASP 父路径 是没有启用的，要 开启父路径，选择True，搞定父路径选项。

6、配置IIS7的站点。 单击右边的高级设置选项，可以设置网站的目录。

8、点击右侧的 绑定...，设置网站的 端口 。 

9、点击默认文档， 设置网站的默认文档。

10、权限设置—安全—“everyone”—“编辑”，全部选择。

ADOBE公司网页设计套装软件安装（以dreamweaver cs5为例）

一、下载完软件，要先解压出来。

二、安装，到了输入注册码界面时，选试用30天的选项，不要输入注册码。安装界面是全中文的，安装完软件是英文的。

3、打开软件，会跳出输入注册码界面，使用上网查到的的注册码，1192-1013-2621- 8434-6884-0175输入，点下一步，进软件。

四、先退出软件，找到C:\\WINDOWS\\system32\\drivers\\etc里面的hosts文件,去掉其只读的属性，双击打开，选用记事本打开，

输入127.0.0.1 activate.adobe.com（中间有个空格），保存，退出, 屏蔽adobe激活服务器。 

五、再打开软件则不会跳出激活界面。

六、讨论与结论

本次实验的主要内容为IIS服务器的安装及ADOBE公司网页设计套装软件安装。个人觉得win7旗舰版iis的安装相对于其他系统来说比较复杂一些，但关键是要按要求的步骤一步一步进行设置，如父路径的启用、物理路径的设置、默认目录的设置、安全权限的设置等。不断的调试，发现问题，遇到不明白的地方可以请教老师或根据显示出的错误代码上网查找原因。安装adobe套件需要先上网下载软件并解压，但对于我们来说是不会有正版授权的，因此要找到破解方法，上面实验上我在网上找的一种方法，这边还有一种方法也可以试试：

1、下载Adobe CS5系列正版软件，下载Adobe CS5破解补丁

    2、安装Adobe CS5软件，输入序列号时选择试用。

    3、安装好以后，解压Adobe CS5破解补丁，然后将amtlib.dll文件替换Adobe CS5安装目录中的amtlib.dll文件。

因此像这些我们常用的软件是可以用破解方法使用正版的，虽然侵犯了公司的专权利，但考虑到我们学生的身份，还是可以谅解的。不过如果有能力用正版还是建议用正版，这样才会促进技术的进步。

实验报告评分表

实验二：网页图像处理

一、实验目的及要求： 

(一)目的

本实验的目的是学会使用AcdSee 软件进行基本图像的浏览与处理，学会使用Photoshop CS5软件进行按钮、导航条、Logo和Banner 设计以及网页版式结构设计。

 (二)内容及要求

1)使用AcdSee 软件进行基本图像的浏览与处理；

2)按钮设计；

3)导航条设计；

4)Logo设计；

5)Banner 设计；

6)网页版式结构设计。

二、仪器用具

1)生均一台多媒体电脑，组建内部局域网，并且接入国际互联网。

2)Windows XP操作系统；建立IIS服务器环境，支持ASP。

3)ADOBE公司网页设计套装软件；

4)Acdsee等图形处理与制作软件；

5)其他一些动画与图形处理或制作软件。

三、实验原理

本实验的目的是学会使用AcdSee 软件进行基本图像的浏览与处理，学会使用Photoshop CS5软件进行按钮、导航条、Logo和Banner 设计以及网页版式结构设计。

四、实验方法与步骤

1)使用AcdSee 软件进行基本图像的浏览与处理；

2)用Photoshop进行按钮设计；

3)用Photoshop进行导航条设计；

4)用Photoshop和AAA_LOGO软件进行Logo设计；

5)用Photoshop和Flash横幅广告创建软件进行Banner 设计；

6)用Photoshop和Dreamweaver软件进行网页版式结构设计。

五、实验结果与数据处理

Logo设计

一、用Photoshop进行照片处理

二、用AAA LOGO 2010进行logo设计成型

Banner设计

一、用Photoshop进行照片处理

二、用swftext进行banner设计

三、网页浏览效果图

网页版式结构设计

（1）新建一个网页文档；

（2）绘制布局表格；

（3）单击“布局”面板中的“表格”按钮，输入行列值，边框值。

（4）将版面进行功能分区，如下图所示，从上至下分别为banner、导航条、主页、版权声明区。

最终设计结果截图

六、讨论与结论

Logo和banner设计相对简单，只要运用合适的软件就能够设计出美观实用的的logo和banner来，在这里主要使用AAA-LOGO 进行logo的设计，如果原图形有瑕疵要处理的话，可以先用photoshop进行美化，然后再运用于logo设计当中。在这里我用一朵荷花作为标识，在两旁插入“江南”的汉语拼音做成一个简洁的logo。Banner主要是在swftext设计软件中完成，这个软件可以满足制作的基本需要，同样如果对使用的图片不满意也可以先ps一下。

板式结构的设计也有好几种方法，在这里我使用表格进行布局相对来说比较简单实用，总的来说，要先做出优秀logo和banner还要更高的要求，要不断的学习，掌握更多的技术。

实验报告评分表

实验三：网页设计

一、实验目的及要求： 

(一)目的

通过本实验使得学生掌握利用Dreamweaver软件进行网页的设计。

 (二)内容及要求

1)站点的定义与设置；

2)网站首页设计；

3)其他网页设计。

二、仪器用具

1)生均一台多媒体电脑，组建内部局域网，并且接入国际互联网。

2)Windows XP操作系统；建立IIS服务器环境，支持ASP。

3)Dreamweaver网页设计软件；

三、实验原理

通过本实验使得学生掌握利用Dreamweaver软件进行网页的设计。

四、实验方法与步骤

1)确定自己网站的主题，在Dreamweaver中进行站点的定义与设置；

2)运用Dreamweaver网页设计软件进行网站首页设计；

3)运用Dreamweaver网页设计软件进行分页面设计。

5、实验结果与数据处理

站点定义

（1）启动Dreamweaver cs5，选择“站点”|“新建站点”命令，弹出“站点定义”对话框。

（2）从“分类”列边框中选择“本地信息”选项，在“站点名称”文本框中输入新建站点的名称“zwjcall”，在“本地根文件夹”文本框中输入本地站点根目录的位置：F:\\zwj，默认图片文件夹F:\\zwj\\images

（3）打开站点管理窗口，在弹出的“编辑站点”对话框中，选中“zwjcall”这个站点，单击“删除”按钮则删除了该站点。

网站首页及分页面设计

1、首页

一、插入banner

二、插入导航条 

三、页面主题设置，插入背景图

四、插入文字，根据导航栏设置主页与其他网页间的超链接，结果如下图所示。

分页面

一、“单车记忆”截图

二、分页面“音乐魅力”截图

三、分页面“彩云之南”截图

四、分页面“芳香四溢”截图

6、讨论与结论

站点定义可以按照上面的步骤根据实际情况进行设置，问题不大。首页的设计中插入了banner，导航条，背景图片等要素，结果如上图所示，还有文字的插入主要用到了层和文本域进行文字输入，并设置css规则，规范文字样式。完成后将首页设置成为模板，然后以首页进行各分页面的设置，

分页面的设置与主页的设置相似，将图片或文字换成与之相对应的主题即可。

实验报告评分表

实验四：开源软件修改

一、实验目的及要求： 

(一)目的

通过本实验使得学生能够从网络上获取相关的开源软件，并修改成自己需要的网站。

 (二)内容及要求

1)论坛的建立；

2)博客的建立；

二、仪器用具

1)生均一台多媒体电脑，组建内部局域网，并且接入国际互联网。

2)安装Windows XP操作系统；建立IIS服务器环境，支持ASP。

3)网页设计三剑客软件；

4)其他一些软件。

三、实验原理

通过本实验使得学生能够从网络上获取相关的开源软件，并修改成自己需要的网站。

四、实验方法与步骤

1)上网搜索及下载相关源代码，运用相关软件，建立论坛；

2)上网搜索及下载相关源代码，运用相关软件，建立博客；

5、实验结果与数据处理

BBS的建立

一、注册申请，进入论坛

二、填写基本信息

三、进入主页面

四、进入后台管理

五、后台主页面

六、论坛基本设置

点击确认时会出现“./../../Resource\\Template_1\\pub_FaceEmot.htm文件不存在！请检查,或者恢复官方模板数据！”

解决办法：删除admin/inc/const.asp第33行：template.Folder ="../"&template.Folder

七、版权信息修改结果

八、logo修改结果截图

9、增设版面

十、版面增加结果截图

十一、查看版主信息

BLOG的建立

一、输入基本资料，进入blog主页面

二、管理员登入

三、查看版面基本信息

四、设置版面基本信息

五、选择页面样式

六、新建文件（UBB）编辑

七、查看主页设置效果

六、讨论与结论

    Bbs和blog是在第一个实验iis已经安装的前提下才能建立起来，两者建立的原理是相似的，都有后台管理，进入后台管理时，首先要设置基本信息，将它变成自己的东西。bbs论坛包含的权限很多，我们要登入后台，将自己设置成为论坛管理者，再根据自己的实际需要进行各种设置。Blog也有后台，主要用于blog的更新与维护等。这两种东西是我们经常接触的，因此能学好这个并加以运用对自己而言是相当有益的。

实验报告评分表