web网站设计实验讲义

《web网站设计实验讲义》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、《Web程序设计（ASP版）》实验指导书实验一：HTML语言静态网页设计11.1实验目的11.2实验内容及要求1实验二：IIS的配置和管理22.1实验目的22.2实验知识点22.3实验内容及要求5实验三：ASP的建立及控件的熟悉63.1实验目的63.2实验知识点63.3实验内容及要求6实验四：访问数据库75.1实验目的75.2实验知识点错误!未定义书签。5.3实验内容及要求7实验一：HTML语言静态网页设计如果说一个网站是一座大厦，那么构成网站的每个栏目就是构成大厦的房间，而构建每个房间的砖瓦就应是每一张网页了！

2、网页与一般文档类似，它们都耍求字体清晰、格式正确、排列整齐、布局合理、图文并茂，这就需要对网页的内容进行修饰。网页在排版上有较高的要求，排版的好坏是网页成败的关键因索之一。而表格是实现页面排版的有效工具，通过使用表格可以很方便有效地控制页面各元素的位置。与表格类似的框架则可以通过分割屏幕使得在一个屏幕上打开多个网页。1.1实验目的1）熟悉HTML语言开发环境和HTML语言的语法规则；2）熟悉HTML语言的各元素的属性，文字、图片的颜色设置，网页的表格及对齐；3）掌握CSS网页风格的定义及使用；4）表单元素的设计。

3、5）能够设计普通的有一定特色的静态网页。1.2实验内容及要求1、实验内容实验利用HTML自带的元素，设计一个“三”型框架的网页，网页主要框架如下。其中：1）框架边框为1，灰色，里而嵌入了一张图片、2个网页，如图所示。所有的链接使用相对路径，假设C:html为根目录。2）l.htnil:背景图片=C:htmlimg2.jpg；表单提交到网页：C:htmlasplogin.asp。3）2.html：左上角为浅绿色背景滚动文本框，左下脚为链接：新闻1链接到网页:C:htmlewsl.html；新闻

4、2链接到网页：C:htmlews2.html04）写一个cs.css文件，使l.html和2.html的风格都是：超链在点击Z前都为黑色;鼠标移动上去都是蓝色、有下划线；点击Z后恢复原貌。实验二：IIS的配置和管理网站发展至今，人机交互和信息快速更新必须要很方便快捷的进行。而常规的静态网页对这两方面功能基本上是不予支持的，因此现在的网站设计必须是以动态网页为模式的。动态网页设计是指：综合利用静态网页技术、中间件技术、数据库技术，实现网页与用户之间的相互操作。静态网页无法反馈信息。动态网页的界面、布局、基本

5、内容以及修饰都必须以静态网页为基础。2.1实验目的1）了解Web服务器的工作原理，2）常握Windows2000/XP服务器上IIS的安装与配置；3）了解并掌握庞拟目录的设置方法；2.2实验知识点1、IIS的安装与配置ASP必须运行在服务器上，因此实验的第一项工作是构建服务器运行环境。本实验指导以WindowsXP操作系统下的IIS5.0进行操作说明。1）安装IIS（实雏聿已安装,.否再進行也步骤）开始一＞控制面板一＞添加删除程序一＞添加/删除Windows组件一＞Windows组件向导，则出现如下对话框：若没选

6、取IIS信息服务(IIS),则选择,并点按“下一步”按钮，按屏幕提示安装。(2)配置HS5.0开始一＞控制面板一〉管理工具一〉Internet服务管理器，则出现如下对话框：对“默认网站”单击鼠标右键，出现弹出菜单，选择“属性”，则屏幕显示:可根据需要修改默认网站的属性，一般多为“主目录”和“文档”。主目录中主要包括网站在本地机器中的实际路径以及相关读写权限；文档则设置网站启用的默认文档。3）检验安装当做完首页之后，可以在IE浏览器的地址栏输入：http://loca.lhost或http://127.0.0.1,

7、观察其结果。如果在运行的时候服务器要求输入登录用户名和密码，应在目录安全性中的身份验证里面将匿名访问和集成windows验证打钩。如下图WebSitel属性目录安全性HTTP头呂定义错谣ASPHET虚拟目录文档匿名访问和身份湘曲IP地址和域名限制安全通信涯时，要求安全通值并启用客瑕消4)虚拟目录的设置要从主目录以外的其他目录中进行发布，就必须创建虚拟目录。“虚拟目录”不包含在主目录中，但在显示给客户浏览器时就象位于主FI录中一样。虚拟FI录有一个“别名”，供Web浏览器用于访问此目录。别名通常要比目录的路径名短，

8、便于用户输入。使用别名更安全，因为用户不知道文件是否真的存在于服务器上，所以便无法使用这些信息来修改文件。本实验以对实际路径(例如：d:asptemp)创建虚拟目录来说明其操作过程。A.在硬盘上创建一个实际目录：d:asptempB.为d:asptemp创建虚拟目录^-Internet信息服务”窗口，在“默认网站”单击鼠标右键，选择“新建”一＞，嘘拟目录”，按提示操