第五章互动网页设计5．1 用Dreamweaver制作静态网页Dreamweaver MX是建立Web站点和应用程序的专业工具。
它将可视布局工具、应用程序开发功能，和代码编辑支持组合为一个强大的工具，利用它可快速地创建符合标准的站点和应用程序。
开发人员可以将其选择的服务器技术与Dreamweaver配合使用，建立将用户连接到数据库、Web服务和旧式系统的强大Internet应用程序。
下面介绍用DreamWeaver来制作一个静态网页的方法。
演示：“华中大在线”预备：在D盘根目录下建一个文件夹“MyWeb”5.1.1 制作网站主页启动DreamWeaver；单击“文件”菜单的“新建”命令；选择“常规”选项中“基本页”的“HTML”；然后单击“创建”按钮。
打开一个默认的htm类型的文件（untitled-1*）。
选择“设计”选项后，在此基础上进行编辑。
1、建立并保存主页文档在“标题”栏中输入“华中大在线”单击“修改”菜单下的“页面属性”命令在出现的“页面属性”对话框中设置：背景：白色；文本：黑色(2004在“外观”中)超级链接：红色(2004在“链接”中)单击“文件”菜单下“保存”命令，将该文件保存在文件夹D:\MyWeb中，文件名为index.htm。
2主页的设计(演示、分析：主页)（1）插入主页的画面单击“插入”菜单的“图像”命令，弹出“选择图像源”对话框；在文件夹“D:\MyWeb\image”中：选择文件“bg1.jpg”后，单击“确认”按钮（2）在主页中建立超级链接右击出现的图片后，选择“属性”命令；在“属性”对话框中选择“矩形热点工具”。
在图片上用鼠标选择“新闻”区域为热点区域。
打开该热点的“属性”对话框，进行属性的设置：链接：为当前文件夹D:\MyWeb下的web/xinwen.htm即在网页中单击此热点时，链接到web目录下的xinwen.htm页面；目标：选择_self”，表示不另外打开新的浏览器窗口替代：键入“浏览新闻”，表示链接提示信息关闭“属性”面板，“新闻”已设置为超级链接。
类似地，再将“论坛”区域设置为超级链接：链接为：web/luntan.htm；替代为：论坛（3）保存主页单击“文件”菜单下“保存”命令保存编辑好的index.htm文件按F12键，可浏览已经修改了的主页单击超级链接“新闻”，可进入到相应的子页面。
(不过由于要访问的子页面还没有建立，所以浏览器显示“该页无法显示”等信息)5.1.２建立一个子页面(新闻页)１、设计“新闻页”的框架(演示、分析：新闻页) “新闻页”的框架如下图所示：页标动画子子页选项主要内容2、建立“新闻页”的文档单击“文件”菜单的“新建”命令；选择“常规”选项中“基本页”的“HTML”然后单击“创建”按钮，创建一个新的html文档在“标题”栏中输入“华中大新闻中心”单击“修改”菜单的“页面属性”命令进行与主页相应的设置：单击“文件”菜单“保存”命令，将文件保存在文件夹Ｄ:\MyWeb\Web中，文件名为xinwen.htm３、新闻页的设计(1) 用表格实现粗框架单击“插入”菜单“表格”命令，在对话框中的行数和列数中输入“2”和“1”然后单击“确定”按钮。
在表格第一行单击鼠标，使之处于编辑状态用同样方法在该行内插入一个1行、2列的表格(2) 设计“页标”的宽和高激活新插入的表格的第一行、第一列此时状态栏如图所示：<td>加重表示已经激活，即：编辑已经处于该列、或单元格中。
在属性框中将该列的宽、和高分别设置为:241和106象素:(3) 插入一张图片作为页标单击“插入”菜单“图象”命令插入文件“MyWeb/image/online.gif”中的图片(4) 设计动画的框架在第1行、第2列中再插入一个2行、1列的表格使编辑处于这个新插入表格的第1行在该行的属性框中设置高为60象素。
(5) 在该行中插入一张Flash动画单击“插入”菜单“媒体”的“Flash”命令；插入文件“MyWeb/flash/xqbanner.swf”中的动画。
在该动画的“属性”对话框中，将其宽设置为535(或525)，高为60，其他设置如图：保存后，按F12进行显示。
（若限制Flash动画的显示，单击提示栏，选择“允许阻止的内容”）(6) 设计“子页选项”在第2行的属性框中进行如下设置：高为46，背景颜色为黑色，字体颜色为白色：在该行中输入一些导航性的文字：校内快讯|专题报道|校报在线|高校动态|返回首页选择文字后，打开属性对话框：选择字的“大小”(如18)并加粗选择字体：如：华文新魏。
若没有，可添加字体：先打开“字体”框的“编辑字体列表”单击按钮“＋”添加列表项；单击按钮“«”将所选择的字体添加到列表中将每个文字项目依次设置为超级链接，分别链接到相应的页面。
如选中文字“返回首页”，然后在“属性”对话框中的“链接”框中输入“..\index.htm”，如图所示。
保存编辑好的文件后。
按F12键，可浏览新闻页的部分内容。
(7) 设计“主要内容”部分编辑最开始插入的表格的第2行将其编辑成一则图文并茂的新闻。
(a)先将以下文字输入到单元格内：华中科技大学校庆大典新闻发布会举行９月7日下午4点，华中科技大学校庆大典新闻发布会在8号楼的报告厅举行。
校长樊明武，校党委副书记冯友梅，刘献君等校领导出席发布会。
中央电视台，新华社，湖北日报报业集团以及香港文汇报，大公报等全国多家媒体的领导和记者参加了本次新闻发布会。
最后，新华社湖北分社，湖北日报报业集团和武汉晚报的代表们纷纷表示：华中科技大学是“人才的摇篮，新闻的富矿，真挚的朋友。
”会后在校领导的陪同下，各个媒体的领导和记者参观了我校的新貌。
选择文字后，可在“属性”对话框中设置：字的“大小”（如标题为36、内容为24）、“颜色”（如蓝色）、“字体”等。
(b)在文字中插入图片选中“全角”后（或按Shift+空格键）插入一空行、及几个空格；单击“插入”菜单的“图像”命令插入校庆图片“MyWeb/image/id_img.jpg”; 然后将版面进行适当的调整。
(8) 设计该页的控制按钮在最底端写上文字“【关闭窗口】”选中“关闭窗口”，在“属性”对话框中，设置链接为：javascript:window.close( )，及其他属性保存文件后，按F12在IE中浏览效果。
4、制作其它子页面类似的，其他子页面的制作也是如此，关键是对于页面的构架设计。
至此，我们已经用DreamWeaver建立了一些静态页面，并可以在IE中看到相应的效果。
５. 3动态网页背景知识简介5.3.1 HTML语言HTML(Hypertext Markup Language)，即超文本标记语言，是用来描述超文本文档(结构)的标记(说明)语言(通过解释的方式执行)。
现在多用于编写Internet网页(静态网页可以只使用HTML。
其文档通常可由系统根据用户的设计自动生成，以后也可用代码修改)。
(演示：用“代码”方式，看已编的网页)HTML文档由HTML标记和用来表示信息的文本组成。
HTML标记是HTML文档的控制语言，用于指定浏览器显示和打印文档的方式。
它是用“<”、“>”括起来的短语和符号，如：<Html></Body>．．．．．．许多HTML标记以成对的方式出现(称为成对标记)，以说明所标记的文本内容的属性。
如：<head>．．．</head><body>．．．</body>每个HTML文档都应至少都有如下的成对标记：<HTML>、<HEAD>、和<BODY>（有的是<HTML><HEAD>和<FRAMESET>）。
一个HTML文档，可分为头部(Head)和主体(Body)两部分。
头部是用成对标记<Head>标出的部分，它主要说明了文档的类型、性质、与其它文档的关系等。
主体用成对标记<Body>标出，描述了文档的内容。
5.3.2 ASPASP即Active Server Pages，是微软开发的一套服务器端脚本环境。
通过ASP，结合HTML网页、ASP指令和ActiveX 元件，用户可以建立动态、交互的WEB 服务器应用程序。
通过ASP，使得用户编写的代码程序，都能在服务器端执行。
服务器将执行的结果返回给客户浏览器。
ASP提供了可在脚本中使用的内建对象。
用来收集通过浏览器发送的请求信息，响应浏览器、以及存储用户信息。
下面介绍实例中用到的、ASP中几个最常用的内建对象。
1、Request 对象使用Request对象，可以访问任何基于HTTP请求传递的所有信息。
通过Request对象，客户端能够向服务器发送二进制的数据。
2、Response对象与Request相反，Response对象用来控制服务器发送给客户端的信息。
包括：直接发送信息给浏览器；重定向浏览器到另一个URL；或设置cookie的值。
3、Server对象Server对象提供对服务器上的方法和属性的访问。
其中大多数是作为实用程序的功能服务。
通过Server 对象，可以在服务器上启动ActiveX 对象例程，并使用Active Server服务提供的象HTML 和URL编码这样的函数。
5.3.3 脚本描述语言VB ScriptMicrosoft Visual Basic Scripting Edition(简称为VB Script) ，是程序开发语言Visual Basic家族的成员。
在ASP文件中，可以使用VB Script来编写脚本，用于创建、或运行：动态、交互的Web服务器应用程序。
ASP使用定界符<% 和%> 界定脚本命令。
通过ASP，用户可以完成想要做的任何工作(只要这些命令对正在使用的脚本语言有效)。
5.3.4 SQL语言SQL(Structured Query Language)的含意为结构化查询语言。
主要功能是：建立同各种数据库联系；对数据库执行的操作可分为：创建数据库更新数据库中的数据从数据库中提取数据等1.创建表格建立数据库表格的格式为：create table tablename (column1 data type,column2 data type, column3 data type…);例如：create table employee (firstname varchar(15), lastname varchar(20), age number(3),address varchar(30), city varchar(20));2.数据查询在众多的SQL命令中，select语句应该算是使用最频繁的。