1、第1页，共27页。Web是是Internet网上最受欢迎的一种信息服务系统网上最受欢迎的一种信息服务系统 主要由两部分组成：一是服务器端即信息的提供者，也称主要由两部分组成：一是服务器端即信息的提供者，也称Web站站点；二是客户端即信息的接收者。客户端通过浏览器来访问点；二是客户端即信息的接收者。客户端通过浏览器来访问Web站站点。点。Web信息是以网页的方式来组织的信息是以网页的方式来组织的 本章主要内容 网页和站点的基本操作网页和站点的基本操作 创建超链接创建超链接 插入对象和设置特殊效果插入对象和设置特殊效果 使用主题、表单和框架使用主题、表单和框架 发布站点发布站点 建立建立Web服务
2、器服务器 HTMLHTML及脚本语言简介及脚本语言简介第2页，共27页。9.1 9.1 基本概念基本概念 1.1.站点与网页站点与网页 Web（WWW）由形形式式的）由形形式式的Web站点组成站点组成 Web站点由一系列精心策划和组织的网页组成站点由一系列精心策划和组织的网页组成 网页文件网页文件2如如Photo.htm站点站点视频素材视频素材图片素材图片素材网页文件网页文件1如如Interest.htm主页文件主页文件 Index.htm声音素材声音素材第3页，共27页。主页主页网页网页网页网页网页网页网页网页网页网页网页网页超链接超链接第4页，共27页。2.Web特点特点 超文本、图形界面
3、、与平台无关，分布式、交互、动态超文本、图形界面、与平台无关，分布式、交互、动态 3.HTTP协议协议 实现实现Web服务器与客户机之间数据交换服务器与客户机之间数据交换 提供一个快速灵活的系统来发送超文本信息提供一个快速灵活的系统来发送超文本信息 4.HTML语言语言 超文本语言（标记性语言）超文本语言（标记性语言）用来编制网页文档用来编制网页文档(也称也称HTML文档文档)。并不需要经过编译，只。并不需要经过编译，只需要通过浏览器来打开就可以看到结果需要通过浏览器来打开就可以看到结果 采用了标记方式，描述了每个在网页上的组件，例如文本段落、文本格采用了标记方式，描述了每个在网页上的组件，例
4、如文本段落、文本格式、图像、超链接等式、图像、超链接等第5页，共27页。通过超文本链接能方便地进行各种信息之间切换通过超文本链接能方便地进行各种信息之间切换 HTML版本版本 欧洲粒子物理实验室欧洲粒子物理实验室(CERN)首次提出来的首次提出来的 HTML2.0 HTML3.0 HTML3.2 HTML4.0 DHTML（动态（动态HTML）动态动态HTML能够使网页下载到浏览器以后仍然能够随时变换能够使网页下载到浏览器以后仍然能够随时变换 包含多种技术，如包含多种技术，如JavaScript,VBScript,Document Object Model(DOM,文档对象模型文档对象模型),
5、Layers和和CSS等等第6页，共27页。9 9.2 .2 网页和网站的基本操作网页和网站的基本操作 借助于借助于FrontPage，用户无需学会编程，就能快速地设计编制出，用户无需学会编程，就能快速地设计编制出具有专业水平的网页具有专业水平的网页 9.2.1 FrontPage的窗口的窗口 视视图图栏栏网页编辑区网页编辑区编辑控编辑控制按钮制按钮第7页，共27页。在视图栏内有在视图栏内有六个功能键六个功能键 网页、文件夹、报表、导航、超链接、任务网页、文件夹、报表、导航、超链接、任务 在在“网页网页”视图方式下，设有视图方式下，设有“普通普通”、“HTML”、“浏览浏览”三个控制按钮三个控
6、制按钮 “普通普通”方式：方式：可以利用菜单中的命令或工具栏上的按钮来编辑网可以利用菜单中的命令或工具栏上的按钮来编辑网页页 “HTML”方式：方式：可以直接对网页的可以直接对网页的HTML代码进行编辑操作代码进行编辑操作 “预览预览”方式：方式：可以预览当前的网页，让编制者观看自己当可以预览当前的网页，让编制者观看自己当前所作的网页效果前所作的网页效果第8页，共27页。创建创建Internet站点的一般方法是：站点的一般方法是：先在本地机中建立站点，即创先在本地机中建立站点，即创建和编辑好该站点所必需的一系列按一定要求链接起来的网页文档及相关建和编辑好该站点所必需的一系列按一定要求链接起来的
7、网页文档及相关文件，再发布到指定的文件，再发布到指定的Web服务器，形成真正的站点服务器，形成真正的站点 1.创建新站点创建新站点 主要是用站点模板和站点向导来创建站点主要是用站点模板和站点向导来创建站点 站点模板是由一组事先经过格式化的空白网页组成的，相当于一个站站点模板是由一组事先经过格式化的空白网页组成的，相当于一个站点的骨架，通过它可以容易地搭起整个站点的框架点的骨架，通过它可以容易地搭起整个站点的框架 9.2.29.2.2 创建、打开和删除站点创建、打开和删除站点第9页，共27页。在在“我的文档我的文档”(或或“My Documents”)文件夹下建立个人站点文件夹下建立个人站点“M
8、yweb”(1)在在“文件文件”菜单中选择菜单中选择“新建新建”，再选择，再选择“站点站点”，系统弹，系统弹出出“新建新建”对话框对话框 (2)在在“站点站点”列表中，选择用来创建新站点的模板或向列表中，选择用来创建新站点的模板或向导。本例要求创建个人站点，则选择导。本例要求创建个人站点，则选择“个人站点个人站点”模板模板 (3)在在“指定新站点的位置指定新站点的位置”框中，键入或选择新站点的位置及名框中，键入或选择新站点的位置及名称。本例采用称。本例采用“C:My DocumentsMyweb”例例9.1 建立个人站点建立个人站点第10页，共27页。新创建的新创建的“个人站点个人站点”包括包
9、括4个基本网页和建立了两个文件夹：个基本网页和建立了两个文件夹：_Private和和Images Web站点的实质是计算机硬盘上的一个文件夹站点的实质是计算机硬盘上的一个文件夹新建的新建的“个人站点个人站点”文件夹文件夹列表列表 “文件夹文件夹列表列表“按按钮钮第11页，共27页。2.关闭站点关闭站点 3.打开站点打开站点 4.删除站点删除站点 删除站点时，系统会将该站点内全部内容删除站点时，系统会将该站点内全部内容(包括网页、图片包括网页、图片等等)删除掉删除掉 第12页，共27页。9.2.3 9.2.3 普通网页的制作和测试普通网页的制作和测试 1.新建网页新建网页 选择选择“文件文件”菜
10、单中的菜单中的“新建新建”，再选择，再选择“网页网页”命令，或单击命令，或单击“常常用用”工具栏上的工具栏上的“新建网页新建网页”按钮，此时在网页编辑区中即可看到新建的按钮，此时在网页编辑区中即可看到新建的空白网页空白网页 .HTM 或或.HTML 与与Word编辑文档的操作方法类似编辑文档的操作方法类似 2.打开网页打开网页 3.保存网页保存网页 4.关闭网页关闭网页 5.测试网页测试网页 “预览预览”选择选择“文件文件”菜单中的菜单中的“在浏览器中预览在浏览器中预览”使用使用IE浏览器来打开指定的网页文档浏览器来打开指定的网页文档第13页，共27页。例例10.210.2 编制新网页编制新网
11、页“江南好江南好”，并把网页加，并把网页加入到站点的导航系统中入到站点的导航系统中新建网页新建网页 把该网页加入导航系统中把该网页加入导航系统中第14页，共27页。9.3 9.3 创建超链接创建超链接 超链接是超链接是Web的灵魂的灵魂 9.3.1 9.3.1 三种超链接三种超链接 绝对链接（绝对链接（WWWWWW超链接）超链接）相对链接（站点内的超链接）相对链接（站点内的超链接）书签式超链接（网页内的超链接）书签式超链接（网页内的超链接）选择选择“插入插入”菜单中的菜单中的“超链接超链接”命令，系统弹出命令，系统弹出“创建超链接创建超链接”对话框对话框 建立建立“书签式超链接书签式超链接”的
12、方法的方法第15页，共27页。整幅图片超链接整幅图片超链接/“热点热点”超链接超链接 将一幅图片分为几个区域，为每个区域单独建立将一幅图片分为几个区域，为每个区域单独建立各自的超链接各自的超链接 “热点热点”按钮按钮图片热点图片热点图片热点图片热点 9.3.2 图片超链接图片超链接第16页，共27页。一组特定格式的超链接，可实现站点中各个网页之间切换观看一组特定格式的超链接，可实现站点中各个网页之间切换观看 9.3.39.3.3 导航栏导航栏导航栏导航栏第17页，共27页。9.49.4 插入对象和设置特殊效果插入对象和设置特殊效果 9.4.1 插入图片、横幅及声音插入图片、横幅及声音 1.插入
13、图片插入图片 选择选择“插入插入”菜单中的菜单中的“图片图片”命令命令 插入活动图片插入活动图片第18页，共27页。2.横幅横幅 横幅是一种快速为网页添加标题的方法横幅是一种快速为网页添加标题的方法 选择选择“插入插入”菜单中的菜单中的“网页横幅网页横幅”命令命令 3.设置声音设置声音 设置声音的两种方法：背景声音设置声音的两种方法：背景声音/“插件插件”插入横幅及声音插入横幅及声音第19页，共27页。1.插入字幕插入字幕 在网页中设置移动字幕，可以使某段文字在网页上循环作水平移动在网页中设置移动字幕，可以使某段文字在网页上循环作水平移动 2.悬停按钮悬停按钮 悬停按钮是个动感按钮，当访问者将
14、鼠标指向该按钮时，按钮就会改悬停按钮是个动感按钮，当访问者将鼠标指向该按钮时，按钮就会改变颜色或形状变颜色或形状 3.横幅广告管理器横幅广告管理器 在网页的同一地方轮流显示不同的图片，可以在有限的网页页在网页的同一地方轮流显示不同的图片，可以在有限的网页页面中提供尽可能多的信息面中提供尽可能多的信息 4.站点计数器站点计数器 站点计数器通常添加在主页中，用于统计和显示站点被访问的站点计数器通常添加在主页中，用于统计和显示站点被访问的次数次数9.4.2 9.4.2 插入插入WebWeb组件组件第20页，共27页。1.1.动态动态HTMLHTML效果效果 设置动态设置动态HTML效果后，当打开网页
15、、进行单击、双击或鼠标悬停效果后，当打开网页、进行单击、双击或鼠标悬停等操作时，网页内指定的文本、图像、按钮、字幕、链接等对象能够实等操作时，网页内指定的文本、图像、按钮、字幕、链接等对象能够实现某种动画效果，如飞出、缩放等现某种动画效果，如飞出、缩放等 2.2.网页过渡网页过渡 网页过渡是指进入或离开网页时的特殊效果网页过渡是指进入或离开网页时的特殊效果 例例10.2 在网页在网页“江南好江南好”中插入滚动字幕、超链接及动态中插入滚动字幕、超链接及动态HTML效果效果 9.4.3 9.4.3 动态效果及网页过渡动态效果及网页过渡第21页，共27页。9.59.5 使用主题使用主题 每一个主题中
16、都有一套设计好的背景图案、项目符号、横幅、超链每一个主题中都有一套设计好的背景图案、项目符号、横幅、超链接和导航栏等接和导航栏等 使用主题可以快速地建立一个美观的网页，并使网页具有统一的风使用主题可以快速地建立一个美观的网页，并使网页具有统一的风格格 9.5.1 对站点或网页应用主题对站点或网页应用主题 9.5.2 更改主题的颜色和图形更改主题的颜色和图形第22页，共27页。9.69.6 使用表单使用表单 表单是网页中收集信息、与访问者进行交互的主要元素表单是网页中收集信息、与访问者进行交互的主要元素 类似类似Windows对话框对话框 “网上报名网上报名”、“网上选课网上选课”等都是表单的具
17、体应用等都是表单的具体应用 单选按钮文本框第23页，共27页。先插入一个表单框先插入一个表单框 再添加文本和插入所需的表单元素再添加文本和插入所需的表单元素 文本框（单行文本框）文本框（单行文本框）文本区（滚动文本框）文本区（滚动文本框）选项按钮（单选按钮）选项按钮（单选按钮）复选框复选框 下拉框下拉框 按钮按钮 “提交提交”按钮和按钮和“重置重置”按钮按钮 9.6.1 9.6.1 创建表单创建表单 第24页，共27页。例例9.4 9.4 插入一个插入一个“留言簿留言簿”多行文本框多行文本框 在在“江南好江南好”网页的末尾处插入一个网页的末尾处插入一个“留言簿留言簿”从从“插入插入”菜单中选择
18、菜单中选择“表单表单”，再选，再选“表单表单”，在当前，在当前位置上会出现一个表单框位置上会出现一个表单框 再次选择再次选择“插入插入”菜单中的菜单中的“表单表单”，再选，再选“滚动文本滚动文本框框”，则在插入点处插入一个多行文本框，则在插入点处插入一个多行文本框 在在“滚动文本框属性滚动文本框属性”对话框中设置对话框中设置 在表单框内的文本框的左侧在表单框内的文本框的左侧,键入文字键入文字“留言簿留言簿”第25页，共27页。第26页，共27页。9.6.2 处理表单结果处理表单结果 发送到文件发送到文件 电子邮件发送结果电子邮件发送结果 保存在现有的数据库保存在现有的数据库 发送到其他对象发送到其他对象第27页，共27页。
