动态网页设计与制作实验报告

1

动态网页制作讲义

第一部分 动态网页制作的准备

动态网页有着网页的外观，其实质上是建立在B/S（浏览器/服务器）架构上的服务器端脚本程序。制作动态网页有多种方法，我们学习的是在Dreamweaver MX2004平台下，如何制作自己的动态网页。在做网页前，要做一些准备工作。

一、 网页应用程序的概念

1．

动态网页

上网对大多数网民来说，不过是在浏览器中打开一个网页浏览信息，再从一个网页跳转到另一个网页。网页间的跳转通常有3种方式。

? 在浏览器的地址栏中键入网址打开一个网页。

? 点击一个超链接，即当鼠标光标在页面上变成手型时通过单击来打开一个网

页。

? 在网页的文本域中键入相关内容，然后点击旁边的按钮打开一个相关网页如图

1.1所示。

图1.1点击按钮跳转

在最后一种方式中，点击按钮后就会跳转到不同的相关页面中，这是交互式页面所具有的典型特征。这种交互式行为如果单纯地用HTML语言无法实现，它需要在网站的服务器端编写网页应用程序。

有网页应用程序反馈生成的网页就是所谓的动态网页，这个网页就是服务器渔用户进行交互的界面。

2． B/S架构

那么网页应用程序是如何工作的呢？

万维网技术作为Internet上信息资源共享的解决方案，是建立

11111

实训任务（2011 春）

郭明 2011年02月22日 文章浏览次数：54

责任教师联系方式： 郭明:guom@

资料来源：北京广播电视大学

实训任务

实训一（ASP编程环境设置）任务书

【实训目的】

1．学会Windows 2000/NT服务器上IIS（Internet服务管理器）的安装与配置；

2．学会创建虚拟目录；

3．学会运行ASP程序

【建议学时】 3课时

【项目类型】 必做

【实训内容】

11111

【样张】

【实施环境及提供的材料】

11111

1．能正常运行IIS服务器的计算机和操作系统

2．实训素材（与本任务书在同一目录中）

【拓展练习】

通过本实训的操练，同学具备了基本的操作能力，试着脱离指导步骤，独立安装服务器软件、熟练创建虚拟目录并正确运行ASP程序。

【思考题】

1．什么是IIS？

2．怎样安装和设置IIS?

3．是否一定要在 C:\Inetpub\wwwroot 下建立Web应用程序？可不可以放在别的文件夹下？

实训二（HTML标记的使用）任务书

【实训目的】

1．通过编写简单的网页文件，掌握HTML文档的基本结构；

2．掌握网页中图像、超链接、表格、表单等相关标记的使用，并能熟练应用这些标记进行网页设计；

3．了解网页设计中CSS样式的使用。

【建议学时】 6

网页设计与制作实验报告

班级:09电子商务 姓名:张洁 学号:09221003

一 实验名称：Photoshop基本操作 二 实验内容：

1.制作一个光盘封面

2.制作一个网站banner

3.制作一个网站logo

三 实验步骤：

1.制作一个光盘封面步骤：

? 新建文件。新建宽度、高度都为200像素，背景为白色的文件。

? 选择工具箱中的椭圆选框工具，在图层中画一个宽、高各

为360像素的圆，把圆填充为黑色；然后单击图层面板底部的“创建新图层”，在新的图层中画一个宽、高各位120的小圆，把圆填充为白色，把白色小圆移动到大圆的中心。选中两个图层单击右键选择菜单中的“合并图层”。

? 选择工具箱中的魔术工具，选中双环形选区，执行菜单“选

择?存储选区”命令，保存。按“ctrl+D”键取消画布上的选区。

? 打开一张图片，将图片复制粘贴到环形选区上。调整好位

子，执行菜单“选择?载入选区”命令，在弹出菜单中“选择?反向”命令，然后按“Delete”键删除，按“ctrl+D”

键取消选区。

? 选择工具箱中的钢笔工具，在光盘上输入“婚纱”，然后调整字体颜色字号和字形，最后保存

《网页设计与制作》

实验报告

院系名称： 管理学院 专业班级： 电子商务XXXX 学生姓名： XXX 学 号： XXXXXXXX

项目 实验一 （25分） 得分

2016年 5 月

实验二 （35分） 实验三 （40分） 总分 （100分）

实验一：HTML语言实验

一、实验目的

1、掌握利用HTML语言编写网页的能力； 2、掌握利用HTML语言编写表格的能力； 3、掌握利用HTML语言编写表单的能力。 二、实验课时

2学时 三、实验内容

1、表格实验的结果

1

2、表单实验的结果

四、实验小结

HTML语言是网页制作的基础，而利用表格布局是重中之重。在这两个实验中，第一个是要注重表格的宽高以及colspan和rowspan的设置，第二个是要注重表单的样式，其中要注意默认选项的设置，单选框name属性值相同，而复选框name属性值应该不同。 本次实验也让我更加注重细节，一遍遍的修改也使我更熟悉HTML语言以及编码的设置，这对于网页制作这门学科来说是一个铺垫。

4

实验二：FireWorks和CSS实验

一、实验目的

1、掌握为给定效果图规划切图方式的能力； 2、掌握利用Fir

《网页设计与制作》

实验报告

院系名称： 专业班级： 电 学生姓名： 学 号：

项目 实验一 （25分） 得分

2013年 5 月 26 日

实验二 （35分） 实验三 （40分） 总分 （100分）

实验一：HTML语言实验

一、实验目的

1、掌握利用HTML语言编写网页的能力； 2、掌握利用HTML语言编写表格的能力； 3、掌握利用HTML语言编写表单的能力。 二、实验课时

2学时 三、实验内容

1、表格实验的结果。 ①表格制作代码：

②网页表格制作截图：

1

2、表单实验的结果 ①表单实验代码：

2

开封郑州洛阳

②表单实验截图：

四、实验小结

通过此次实验，我对在课堂上学习到的知识进行了实际操作，只有真正操作一遍才知道知识并不只是记住就算是会运用。在实验中，我熟悉了表格、表单的知识，操作熟练度也同时得到了提升。勤学多练才是提升的最好途径。

3

实验二：FireWorks和CSS实验

一、实验目的

1、掌握为给定效果图规划切图方式的能力； 2、掌握利用FireWorks切图的能力； 3、掌握利用CSS+D

课程设计名称 图书管理系统

目 录

1、引言 .................................................................. 3 1.1项目开发背景 ........................................................ 3 1.2 设计思想 ........................................................... 3

2、系统分析 .............................................................. 3 2.1 项目背景 ............................................................ 3 2.2 任务概述 ............................................................ 4 2.3 数据描述 ....................................................

一、填空题

1、 2、 3、 4、 5、 6、 7、 8、 9、 10、 11、 12、 13、 1、 2、 3、 4、 5、 6、 7、 8、 9、 10、 11、 1、 2、 3、 4、 5、 6、 7、 8、 9、 10、 1、

ASP（Active Server Pages)动态网页使用缺省的主脚本语言是（ VBScript ）。 不同于JavaScript在客户端执行，ASP程序代码是在（ 服务端 ）执行的。 ASP文件可能包括的组件有（HTML ）、（ ASP的内建对象 ）、（ ActiveX服务器组件 ）和（ Scripting Language )。

（ Form ）是浏览器用来收集用户的信息，实现与用户交互的场所。其处理方法有（ get ）和（ post ）两种。

从结构上讲，HTML文件由（ 元素 ）组成，它的起始标记叫（ 起始链接签 ），结束标记叫（ 结尾链接签 ）。

在ASP文件中，VBScript代码写在成对的（ <% %> ）标记之间。 在VBScript 中，如果定义了一个数组Dim array1（20，30），则它实际上是一个有（ 21）行（ 31）列的二

《动态网页设计与网站管理》

实 验 指 导 书

李桂芝 编写

北京信息科技大学 计算中心

2010.3.9

实验一 ASP运行环境的配置

一、实验学时：2学时 二、实验类型：验证性

该实验的目的在于验证已经学习过的ASP运行环境的配置。目的明确、原理清楚，所验证的知识点单一，实验方法、步骤制定完备，学生只需根据“实验指导书”中的操作步骤进行操作，就会在规定的时间内完成实验，得出实验结果，撰写实验报告。

三、实验目的

1．掌握 Windows 2000/XP上IIS的安装与配置； 2．理解虚拟目录的设置方法；

3．掌握ASP文件的编写和运行方法。

4．掌握Dreamweaver MX站点环境的设置。 四、实验内容

1．在自己的个人计算机上安装IIS。 2．配置IIS

3．ASP文件的编写和运行

4．Dreamweaver MX站点环境的设置 五、实验步骤

1．安装IIS

（1）将WINDOWS系统光盘插入光驱。 （2）将WINDOWS 2000系统光盘插入光驱，在“开始”->“设置”->“控制面板”->”添加删除程序”并单击“添加删除 windows组件”选项。

（3） 在弹出的“windows组件向导”对话框中选中“Internet信息服务（IIS）”复选

一、填空题

1、 2、 3、 4、 5、 6、 7、 8、 9、 10、 11、 12、 13、 1、 2、 3、 4、 5、 6、 7、 8、 9、 10、 11、 1、 2、 3、 4、 5、 6、 7、 8、 9、 10、 1、

ASP（Active Server Pages)动态网页使用缺省的主脚本语言是（ VBScript ）。 不同于JavaScript在客户端执行，ASP程序代码是在（ 服务端 ）执行的。 ASP文件可能包括的组件有（HTML ）、（ ASP的内建对象 ）、（ ActiveX服务器组件 ）和（ Scripting Language )。

（ Form ）是浏览器用来收集用户的信息，实现与用户交互的场所。其处理方法有（ get ）和（ post ）两种。

从结构上讲，HTML文件由（ 元素 ）组成，它的起始标记叫（ 起始链接签 ），结束标记叫（ 结尾链接签 ）。

在ASP文件中，VBScript代码写在成对的（ <% %> ）标记之间。 在VBScript 中，如果定义了一个数组Dim array1（20，30），则它实际上是一个有（ 21）行（ 31）列的二

《动态网页设计与网站管理》

实 验 指 导 书

李桂芝 编写

北京信息科技大学 计算中心

2010.3.9

实验一 ASP运行环境的配置

一、实验学时：2学时 二、实验类型：验证性

该实验的目的在于验证已经学习过的ASP运行环境的配置。目的明确、原理清楚，所验证的知识点单一，实验方法、步骤制定完备，学生只需根据“实验指导书”中的操作步骤进行操作，就会在规定的时间内完成实验，得出实验结果，撰写实验报告。

三、实验目的

1．掌握 Windows 2000/XP上IIS的安装与配置； 2．理解虚拟目录的设置方法；

3．掌握ASP文件的编写和运行方法。

4．掌握Dreamweaver MX站点环境的设置。 四、实验内容

1．在自己的个人计算机上安装IIS。 2．配置IIS

3．ASP文件的编写和运行

4．Dreamweaver MX站点环境的设置 五、实验步骤

1．安装IIS

（1）将WINDOWS系统光盘插入光驱。 （2）将WINDOWS 2000系统光盘插入光驱，在“开始”->“设置”->“控制面板”->”添加删除程序”并单击“添加删除 windows组件”选项。

（3） 在弹出的“windows组件向导”对话框中选中“Internet信息服务（IIS）”复选