《计算机与信息技术基础(第3版)第九章.ppt》由会员分享，可在线阅读，更多相关《计算机与信息技术基础(第3版)第九章.ppt（44页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、 第一章第一章 概论概论 第二章第二章 计算机基础知识计算机基础知识 第三章第三章 中文中文Windows XP 第四章第四章 中文文字处理系统中文文字处理系统Word 2003 第五章第五章 中文电子表格处理系统中文电子表格处理系统Excel 2003 第六章第六章 中文幻灯片演示文稿中文幻灯片演示文稿PowerPoint 2003 第七章第七章 多媒体技术基础多媒体技术基础 第八章第八章 计算机网络基础计算机网络基础 第九章第九章 网页制作初步网页制作初步 第十章第十章 计算机信息应用技术计算机信息应用技术2121世纪高等学校公共课计算机教材世纪高等学校公共课计算机教材计算机计算机与信息技
2、术与信息技术基础基础http:/ 第九章第九章第九章第九章 网页制作初步网页制作初步网页制作初步网页制作初步 9.1 9.1 网页的基本概念网页的基本概念网页的基本概念网页的基本概念 9.2 HTML9.2 HTML语言简介语言简介语言简介语言简介 9.3 FrontPage 20039.3 FrontPage 2003简介简介简介简介 9.4 9.4 使用使用使用使用FrontPage 2003FrontPage 2003制作网页制作网页制作网页制作网页 9.5 9.5 网页布局网页布局网页布局网页布局 9.6 9.6 创建表单页面创建表单页面创建表单页面创建表单页面 9.7 9.7 网页动
3、态效果的使用网页动态效果的使用网页动态效果的使用网页动态效果的使用 9.8 9.8 网站的发布与管理网站的发布与管理网站的发布与管理网站的发布与管理计算机计算机与信息技术与信息技术基础基础http:/2121世纪高等学校公共课计算机教材世纪高等学校公共课计算机教材4第九章第九章 网页制作初步网页制作初步9.1 9.1 网页的基本概念网页的基本概念p9.1.2 9.1.2 网网页p9.1.1 9.1.1 超文本和超媒体超文本和超媒体p9.1.3 9.1.3 网网站站与与主主页5第九章第九章 网页制作初步网页制作初步9.1 9.1 网页的基本概念网页的基本概念站点站点网页网页超文本文件超文本文件超
4、媒体超媒体首页首页6第九章第九章 网页制作初步网页制作初步 9.1.1 超文本和超媒体超文本和超媒体WWWWWW的信息组织形式的信息组织形式的信息组织形式的信息组织形式 :超文本超文本超文本超文本和和和和超媒体超媒体超媒体超媒体uu超文本超文本超文本超文本（HypertextHypertext）:通过链接关系，形成复杂的网状方式来组织通过链接关系，形成复杂的网状方式来组织通过链接关系，形成复杂的网状方式来组织通过链接关系，形成复杂的网状方式来组织信息形式，就称为超文本。信息形式，就称为超文本。信息形式，就称为超文本。信息形式，就称为超文本。uu超媒体超媒体超媒体超媒体（HypermediaHy
5、permedia）:多种媒体类型的信息媒体多种媒体类型的信息媒体多种媒体类型的信息媒体多种媒体类型的信息媒体,如文本、图像、如文本、图像、如文本、图像、如文本、图像、动画、声音或影像等动画、声音或影像等动画、声音或影像等动画、声音或影像等,称为超媒体。称为超媒体。称为超媒体。称为超媒体。7第九章第九章 网页制作初步网页制作初步 9.1.2 网页网页uu网页网页网页网页(Web PageWeb Page)是通过是通过是通过是通过WWWWWW发布的包含有文本、图片、声音和动画等多媒体信发布的包含有文本、图片、声音和动画等多媒体信发布的包含有文本、图片、声音和动画等多媒体信发布的包含有文本、图片、声
6、音和动画等多媒体信息的页面。它是一个文本文件，其扩展名通常为息的页面。它是一个文本文件，其扩展名通常为息的页面。它是一个文本文件，其扩展名通常为息的页面。它是一个文本文件，其扩展名通常为.htmhtm或或或或htmlhtml。uu网页一般可分为以下两种：网页一般可分为以下两种：网页一般可分为以下两种：网页一般可分为以下两种：静态网页静态网页静态网页静态网页：该网页文件中不含程序代码，只有：该网页文件中不含程序代码，只有：该网页文件中不含程序代码，只有：该网页文件中不含程序代码，只有HTMLHTML标记，一经生成，内标记，一经生成，内标记，一经生成，内标记，一经生成，内容就不会再变化。常利用网页
7、制作软件容就不会再变化。常利用网页制作软件容就不会再变化。常利用网页制作软件容就不会再变化。常利用网页制作软件:如如如如FrontPage FrontPage、DreamweaverDreamweaver等方等方等方等方 便地生便地生便地生便地生成。成。成。成。动态网页动态网页动态网页动态网页：该网页文件不仅含有：该网页文件不仅含有：该网页文件不仅含有：该网页文件不仅含有HTMLHTML标记，而且含有程序代码。动态网标记，而且含有程序代码。动态网标记，而且含有程序代码。动态网标记，而且含有程序代码。动态网页能够根据不同的时间、不同的来访者而显示不同的内容。常通过页能够根据不同的时间、不同的来访
8、者而显示不同的内容。常通过页能够根据不同的时间、不同的来访者而显示不同的内容。常通过页能够根据不同的时间、不同的来访者而显示不同的内容。常通过ASPASP、PHPPHP、JSPJSP、ASP.NETASP.NET等语言进行编程实现。等语言进行编程实现。等语言进行编程实现。等语言进行编程实现。8第九章第九章 网页制作初步网页制作初步 9.1.3 网站与主页网站与主页uu网站网站网站网站（web siteweb site）:是存储在是存储在是存储在是存储在WebWeb服务器的共享目录中的一系列网页文件和其他相服务器的共享目录中的一系列网页文件和其他相服务器的共享目录中的一系列网页文件和其他相服务器
9、的共享目录中的一系列网页文件和其他相关联的网页、图形、文档、多媒体等文件的集合，实际它是一个文件夹。关联的网页、图形、文档、多媒体等文件的集合，实际它是一个文件夹。关联的网页、图形、文档、多媒体等文件的集合，实际它是一个文件夹。关联的网页、图形、文档、多媒体等文件的集合，实际它是一个文件夹。uu主页主页主页主页（Home pageHome page）又叫首页，是指用户使用又叫首页，是指用户使用又叫首页，是指用户使用又叫首页，是指用户使用WWWWWW浏览器访问浏览器访问浏览器访问浏览器访问InternetInternet上的任上的任上的任上的任何何何何WWWWWW服务器服务器服务器服务器（即（即
10、（即（即WebWeb主机）所看到的第一个页面。通常将其命名为主机）所看到的第一个页面。通常将其命名为主机）所看到的第一个页面。通常将其命名为主机）所看到的第一个页面。通常将其命名为“index.htmindex.htm”或或或或“index.htmlindex.html”或或或或“default.htmdefault.htm”或或或或“default.htmldefault.html”。9第九章第九章 网页制作初步网页制作初步9.2 HTML9.2 HTML语言简介语言简介p9.2.2 HTML9.2.2 HTML基基础p9.2.1 HTML9.2.1 HTML概概述述10第九章第九章 网页制
11、作初步网页制作初步 9.2.1 HTML概述概述u HTMLHTML （HyperTextHyperText Markup Language Markup Language超文本标记语言）是一种用于网页制作超文本标记语言）是一种用于网页制作超文本标记语言）是一种用于网页制作超文本标记语言）是一种用于网页制作的排版语言。的排版语言。的排版语言。的排版语言。uuHTMLHTML主要功能主要功能主要功能主要功能：格式化文本。格式化文本。格式化文本。格式化文本。创建列表。创建列表。创建列表。创建列表。插入图像。插入图像。插入图像。插入图像。创建表格。创建表格。创建表格。创建表格。加入多媒体。加入多媒体
12、。加入多媒体。加入多媒体。建立超链接。建立超链接。建立超链接。建立超链接。提供交互式窗体等。提供交互式窗体等。提供交互式窗体等。提供交互式窗体等。uuHTMLHTML的编辑环境的编辑环境的编辑环境的编辑环境:用用用用HTMLHTML语言编写的网页是语言编写的网页是语言编写的网页是语言编写的网页是纯文本文件纯文本文件纯文本文件纯文本文件，可以用任何文本编，可以用任何文本编，可以用任何文本编，可以用任何文本编辑器进行编辑辑器进行编辑辑器进行编辑辑器进行编辑,存盘时，其文件名扩展名为存盘时，其文件名扩展名为存盘时，其文件名扩展名为存盘时，其文件名扩展名为.htmhtm或或或或.html.html,称
13、为称为称为称为HTMLHTML文件，也称为文件，也称为文件，也称为文件，也称为WebWeb文件。可以通过浏览器读取并解释文件。可以通过浏览器读取并解释文件。可以通过浏览器读取并解释文件。可以通过浏览器读取并解释HTMLHTML文件。文件。文件。文件。11第九章第九章 网页制作初步网页制作初步 9.2.2 HTML基础基础 HTMLHTML的基本语法的基本语法的基本语法的基本语法HTMLHTMLHTMLHTML文件由文件由文件由文件由标记标记标记标记（TagTag）、文本文本文本文本和和和和URLURLURLURL组成。组成。组成。组成。HTMLHTMLHTMLHTML的的的的控控控控制制制制标
14、标标标记记记记对对对对大大大大小小小小写写写写不不不不敏敏敏敏感感感感，同同同同时时时时控控控控制制制制标标标标记记记记用用用用“”进行区分。大多数成对出现。进行区分。大多数成对出现。进行区分。大多数成对出现。进行区分。大多数成对出现。格式为：格式为：格式为：格式为：受标记影响的内容受标记影响的内容 例如例如例如例如:清华大学主页清华大学主页清华大学主页清华大学主页 A 清华大学主页清华大学主页清华大学主页清华大学主页 FONTsize=3 color=“red”属性示例属性示例属性示例属性示例 12第九章第九章 网页制作初步网页制作初步 9.2.2 HTML基础基础2 2HTMLHTML文件
15、的基本结构文件的基本结构文件的基本结构文件的基本结构1 1 声明声明声明声明HTMLHTMLHTMLHTML文件的版本信息。文件的版本信息。文件的版本信息。文件的版本信息。22 网页文档标记网页文档标记网页文档标记网页文档标记33 头部元素头部元素头部元素头部元素44 标题元素标题元素标题元素标题元素 55 文档正文标记文档正文标记文档正文标记文档正文标记HTMLHTML文件的基本结构一般可描述如下：文件的基本结构一般可描述如下：网页的标题网页的标题 网页的内容网页的内容 演示例演示例演示例演示例9.19.19.19.113第九章第九章 网页制作初步网页制作初步9.3 FrontPage 20
16、039.3 FrontPage 2003p9.3.1 FrontPage 20039.3.1 FrontPage 2003的界面的界面组成成p9.3.2 FrontPage 20039.3.2 FrontPage 2003的基本的基本视图14第九章第九章 网页制作初步网页制作初步 FrontPage 2003FrontPage 2003FrontPage 2003FrontPage 2003是是是是MicrosoftMicrosoftMicrosoftMicrosoft公司推出的公司推出的公司推出的公司推出的Office 2003Office 2003Office 2003Office 200
17、3系系系系列办公套装软件之一，使用方便，充分体现了列办公套装软件之一，使用方便，充分体现了列办公套装软件之一，使用方便，充分体现了列办公套装软件之一，使用方便，充分体现了“所见即所所见即所所见即所所见即所得得得得”制作效果，操作简单和交互能力强，较之前的版本新制作效果，操作简单和交互能力强，较之前的版本新制作效果，操作简单和交互能力强，较之前的版本新制作效果，操作简单和交互能力强，较之前的版本新增和改进了许多功能，如新增了增和改进了许多功能，如新增了增和改进了许多功能，如新增了增和改进了许多功能，如新增了“智能标记智能标记智能标记智能标记”、“数据库数据库数据库数据库接口向导接口向导接口向导接
18、口向导”、“访问状况分析报表访问状况分析报表访问状况分析报表访问状况分析报表”、“发布单一页面发布单一页面发布单一页面发布单一页面”、“SharePointSharePointSharePointSharePoint团队服务功能团队服务功能团队服务功能团队服务功能”等。等。等。等。9.3 FrontPage 20039.3 FrontPage 200315第九章第九章 网页制作初步网页制作初步菜单栏菜单栏菜单栏菜单栏工具栏工具栏工具栏工具栏工作区工作区工作区工作区标题栏标题栏标题栏标题栏标记栏标记栏标记栏标记栏视图切换区视图切换区视图切换区视图切换区状态栏状态栏状态栏状态栏 9.3.1 用户界
19、面用户界面默认文件名默认文件名默认文件名默认文件名16第九章第九章 网页制作初步网页制作初步FrontPage 2003FrontPage 2003FrontPage 2003FrontPage 2003提供了提供了提供了提供了7 7 7 7种视图方式种视图方式种视图方式种视图方式1.1.1.1.网页视图网页视图网页视图网页视图5.5.5.5.超链接视图超链接视图超链接视图超链接视图 2.2.2.2.文件夹视图文件夹视图文件夹视图文件夹视图6.6.6.6.任务视图任务视图任务视图任务视图3.3.3.3.报表视图报表视图报表视图报表视图 7.7.7.7.远程网站远程网站远程网站远程网站 4.4.
20、4.4.导航视图导航视图导航视图导航视图 网页视图上，有网页视图上，有网页视图上，有网页视图上，有4 4 4 4种页面模式种页面模式种页面模式种页面模式1.1.1.1.设计标签设计标签设计标签设计标签 2.2.2.2.代码标签代码标签代码标签代码标签3.3.3.3.拆分标签拆分标签拆分标签拆分标签 4.4.4.4.预览标签预览标签预览标签预览标签 9.3.2 FrontPage 2003的基本视图的基本视图17第九章第九章 网页制作初步网页制作初步9.4 9.4 使用使用FrontPage 2003FrontPage 2003制作网页制作网页p9.4.1 9.4.1 创建站点建站点p9.4.2
21、 9.4.2 基本基本网网页编辑p9.4.3 9.4.3 在在网网页中中插插入入图片片p9.4.4 9.4.4 表格表格处理理p9.4.5 9.4.5 创建超建超链接接18第九章第九章 网页制作初步网页制作初步 9.4.1 创建站点创建站点1 1创建站点创建站点创建站点创建站点站点站点是一个文件夹，通常是一个文件夹，通常所有要发布的网页文件和所有要发布的网页文件和相互链接的共享文件、图相互链接的共享文件、图像等均要放入站点内。像等均要放入站点内。p建立站点的方法：建立站点的方法：u使用向导建立新的站点使用向导建立新的站点 “文件文件”菜单菜单 /新建新建 /由一个网页组成的站点由一个网页组成的
22、站点/“常规常规”选项卡选项卡/向导向导u使用模板创建新的站点使用模板创建新的站点 “文件文件”菜单菜单/新建新建 /其他模板其他模板u自定义站点自定义站点 “文件文件”菜单菜单/新建新建 /由一个网页组成的站点由一个网页组成的站点 /“常规常规”选项卡选项卡 /空白网站空白网站p更改站点的名称和设置更改站点的名称和设置 “工具工具”菜单菜单/“网站设置网站设置”命令命令p删除站点删除站点 “编辑编辑”菜单菜单/删除命令删除命令19第九章第九章 网页制作初步网页制作初步 9.4.1 创建站点创建站点2 2创建网页创建网页创建网页创建网页p创建网页的方法有三种创建网页的方法有三种:u建立空白网页
23、建立空白网页单击常用工具栏中的单击常用工具栏中的“新建新建”按钮，按钮，u使用现有网页来建立新的网页使用现有网页来建立新的网页单击单击“文件文件”菜单菜单“新建新建”“新建网页新建网页”“根据现有网页根据现有网页”命令命令u使用模板来建立新的网页使用模板来建立新的网页单击单击“文件文件”菜单菜单“新建新建”命令命令“新建网页新建网页”“其他网页模板其他网页模板”网页网页是构成网站的基本元是构成网站的基本元素，是信息的主要载体，素，是信息的主要载体，可以作为网站的一部分存可以作为网站的一部分存在，也可以独立存在。在，也可以独立存在。p保存网页保存网页“文件文件”菜单菜单 保存文件保存文件或或常用
24、常用“工具工具”栏中的栏中的“保存保存”按钮按钮注意：注意：如果网页中含有图片，在保存网页时将弹出如果网页中含有图片，在保存网页时将弹出“保存嵌入文件保存嵌入文件”对话框，指定图对话框，指定图片保存到站点的位置和文件名。片保存到站点的位置和文件名。20第九章第九章 网页制作初步网页制作初步 9.4.2 基本网页编辑基本网页编辑1 1 1 1输入和编辑文本输入和编辑文本输入和编辑文本输入和编辑文本u段落输入符段落输入符 enterenter键；键；u换行符换行符 shift+entershift+enter键键或或“插入插入”/“换行符换行符”u文本的字体和字号文本的字体和字号：HTMLHTML
25、文本字体大小以文本字体大小以1 1到到7 7，其中，其中PtPt表示像素。表示像素。u文本和段落的其他编辑与格式同文本和段落的其他编辑与格式同WordWord操作。操作。2 2插入特殊文本元素插入特殊文本元素插入特殊文本元素插入特殊文本元素u“插入插入”菜单向网页中添加菜单向网页中添加 4 4种特殊文本元素：种特殊文本元素：换行符换行符、水平线水平线、符符号号和和注释注释。演示例演示例演示例演示例9.29.29.29.221第九章第九章 网页制作初步网页制作初步 9.4.2 基本网页编辑基本网页编辑3 3设置网页属性设置网页属性设置网页属性设置网页属性u设置网页标题设置网页标题 单击单击“文件
26、文件”菜单菜单“属性属性”“常规常规”选项卡选项卡 标题文本框中输标题文本框中输入网页的标题入网页的标题u设置网页背景设置网页背景单击单击“文件文件”菜单菜单“属性属性”“格式格式”选项卡选项卡 “背景背景”选择选择颜色或颜色或“背景图片背景图片”u设置背景音乐设置背景音乐 单击单击“文件文件”菜单菜单“属性属性”“常规常规”选项卡选项卡 背景音乐背景音乐22第九章第九章 网页制作初步网页制作初步 9.4.3 在网页中插入图片在网页中插入图片1 1在网页中插入图像在网页中插入图像在网页中插入图像在网页中插入图像u网页中可用的图像类型网页中可用的图像类型：GifGif格式、格式、SwfSwf 格
27、式、格式、JpegJpeg格式、格式、PngPng格式格式u在网页中插入图像：在网页中插入图像：“插入插入”菜单菜单“图片图片”“来自文件来自文件”或或“剪切画剪切画”2 2图片属性设置图片属性设置图片属性设置图片属性设置选中图片，单击选中图片，单击“格式格式”菜单菜单“属性属性”命令命令“外观外观”选项卡选项卡23第九章第九章 网页制作初步网页制作初步 9.4.3 在网页中插入图片在网页中插入图片3 3图片编辑图片编辑图片编辑图片编辑 u在在“设计设计”视图下，右击要转换的图像视图下，右击要转换的图像”图片属性图片属性”命令命令u使用使用“图片图片”工具栏工具栏4 4图片保存图片保存图片保存
28、图片保存每次保存页面时，每次保存页面时，Frontpage 2003都会自检上次保存的页面和插入的图像，如都会自检上次保存的页面和插入的图像，如果用户应用了其他的文件图像，则果用户应用了其他的文件图像，则自动弹出自动弹出“保存嵌入式文件保存嵌入式文件”对话框对话框,一般情一般情况下要将所有的图片存放在当前的站点文件夹中况下要将所有的图片存放在当前的站点文件夹中。24第九章第九章 网页制作初步网页制作初步 9.4.4 表格处理表格处理在在WebWeb中，表格可以有效的组织、规划和布局页面。中，表格可以有效的组织、规划和布局页面。表格是有效地组织和处理数据的一种形式表格是有效地组织和处理数据的一种
29、形式 。1 1创建表格创建表格创建表格创建表格u使用工具栏的使用工具栏的“插入表格插入表格”按钮创建表格按钮创建表格u选择选择“表格表格”菜单中的菜单中的“插入插入”下的下的“表格表格”命令创建表格命令创建表格u选择选择“表格表格”菜单下的菜单下的“绘制表格绘制表格”命令手工绘制表格命令手工绘制表格2 2编辑表格编辑表格编辑表格编辑表格u选中表格，利用选中表格，利用“表格表格”工具栏工具栏或单击鼠标右键的快捷菜单或单击鼠标右键的快捷菜单3 3 格式化表格格式化表格格式化表格格式化表格 u选中表格或单元格，单击鼠标右键选中表格或单元格，单击鼠标右键 快捷菜单快捷菜单“表格属性表格属性”命令命令
30、25第九章第九章 网页制作初步网页制作初步 9.4.5 超链接超链接 在在在在FrontPage 2003FrontPage 2003FrontPage 2003FrontPage 2003中，将链接被定义为两部分组成：中，将链接被定义为两部分组成：中，将链接被定义为两部分组成：中，将链接被定义为两部分组成：超链接主体超链接主体和和和和超链接目标地址超链接目标地址。超链接主体是指引导超链接的部分（包含文本。超链接主体是指引导超链接的部分（包含文本。超链接主体是指引导超链接的部分（包含文本。超链接主体是指引导超链接的部分（包含文本和图像）和图像）和图像）和图像）,超链接的目标包括网页、页面中的书
31、签、文件或电子邮件超链接的目标包括网页、页面中的书签、文件或电子邮件超链接的目标包括网页、页面中的书签、文件或电子邮件超链接的目标包括网页、页面中的书签、文件或电子邮件等。等。等。等。当鼠标指针移动到超链接的主体上时，鼠标指针将会变成一当鼠标指针移动到超链接的主体上时，鼠标指针将会变成一当鼠标指针移动到超链接的主体上时，鼠标指针将会变成一当鼠标指针移动到超链接的主体上时，鼠标指针将会变成一个手的形状。超链接目标地址是指鼠标单击后，将要显示内容，个手的形状。超链接目标地址是指鼠标单击后，将要显示内容，个手的形状。超链接目标地址是指鼠标单击后，将要显示内容，个手的形状。超链接目标地址是指鼠标单击后
32、，将要显示内容，即切换对象。即切换对象。即切换对象。即切换对象。1 1 1 1创建超链接创建超链接创建超链接创建超链接在网页中，在网页中，超链接分为外部超链超链接分为外部超链接和内部超链接两种。接和内部超链接两种。26第九章第九章 网页制作初步网页制作初步书签用来标记网页中的信息位置，书签用来标记网页中的信息位置，书签用来标记网页中的信息位置，书签用来标记网页中的信息位置，因而建立页内超链接。当一个页面文因而建立页内超链接。当一个页面文因而建立页内超链接。当一个页面文因而建立页内超链接。当一个页面文件很大或者要定位光标位置时，书签件很大或者要定位光标位置时，书签件很大或者要定位光标位置时，书签
33、件很大或者要定位光标位置时，书签超链发挥积极的作用。创建书签超链超链发挥积极的作用。创建书签超链超链发挥积极的作用。创建书签超链超链发挥积极的作用。创建书签超链接时，首先必须定义书签，然后再把接时，首先必须定义书签，然后再把接时，首先必须定义书签，然后再把接时，首先必须定义书签，然后再把超链接指向书签。超链接指向书签。超链接指向书签。超链接指向书签。9.4.5 超链接超链接 2 2 2 2书签链接书签链接书签链接书签链接27第九章第九章 网页制作初步网页制作初步 9.4.5 超链接超链接 将光标移到文本载体的内部或是单击选定图片将光标移到文本载体的内部或是单击选定图片u利用利用“常用常用”工具
34、栏中的工具栏中的“插入超链接插入超链接”按钮按钮,编辑超链接编辑超链接u单击鼠标右键单击鼠标右键 快捷菜单快捷菜单 编辑超链接编辑超链接3 3 3 3编辑超链接编辑超链接编辑超链接编辑超链接4 4 4 4超链接管理超链接管理超链接管理超链接管理查看站点中的超链接结构，了解站点的结构和各个文件的超链接是查看站点中的超链接结构，了解站点的结构和各个文件的超链接是否正确。否正确。u“视图视图”菜单菜单“超链接超链接”命令命令28第九章第九章 网页制作初步网页制作初步9.5 9.5 网页布局网页布局 FrontPage 2003提供了提供了表格表格表格表格和和框架框架框架框架两种页面布局的方法两种页面
35、布局的方法，其中，其中框架技术框架技术框架技术框架技术可以将页面分成若干个子窗格，总体上有一个总控可以将页面分成若干个子窗格，总体上有一个总控HTML文件将各个窗格联系起来，同时每个窗格里单独放置一个文件将各个窗格联系起来，同时每个窗格里单独放置一个HTML文件。文件。注意：注意：多框架网页的保存中，每个框架都将单独生成一个文多框架网页的保存中，每个框架都将单独生成一个文件，包含框架的网页也将生成一个文件，因此，含件，包含框架的网页也将生成一个文件，因此，含n个框架个框架的网页将产生的网页将产生n+1个文件个文件。29第九章第九章 网页制作初步网页制作初步9.6 9.6 制作交互式表单网页制作
36、交互式表单网页表单表单提供了提供了交互传递信息的方法交互传递信息的方法，为用户提供了将信息传送回，为用户提供了将信息传送回webweb站点站点创建者和管理者的可能性。如果没有表单，创建者和管理者的可能性。如果没有表单，WebWeb就是一条单程的街道。就是一条单程的街道。表单在表单在WebWeb上有很多用途，包括上有很多用途，包括调查调查、电子商务电子商务、客户订单客户订单、民意调查民意调查甚至甚至实时自定义图形实时自定义图形创建。每个表单都需要到创建。每个表单都需要到WebWeb服务器上的连接，这服务器上的连接，这种连接常采用种连接常采用CGI(CGI(公共网关接口公共网关接口)脚本的形式，但
37、也可使用脚本的形式，但也可使用JSP,VSPJSP,VSP。当然程序员还常常需要编写对表单信息进行收集和处理的程序。当然程序员还常常需要编写对表单信息进行收集和处理的程序。30第九章第九章 网页制作初步网页制作初步9.6 9.6 制作交互式表单网页制作交互式表单网页3 3自定义表单自定义表单u“插入插入”/“表单表单”/u 利用利用“表单表单”工具栏工具栏 演示例演示例演示例演示例9.39.39.39.3插入表单插入表单单行文本框单行文本框滚动文本框滚动文本框复选框复选框单选按钮单选按钮下拉菜单下拉菜单按钮按钮图片图片标签标签创建表单的方法常有：创建表单的方法常有：表单模板、表单向导、自定义表
38、单表单模板、表单向导、自定义表单 1 1利用模板创建表单利用模板创建表单u单击单击“文件文件”菜单菜单“新建新建”命令命令“其他网页模板其他网页模板”选项选项“常规常规”选项卡选项卡 表表单模板选项单模板选项2 2利用表单网页向导创建表单利用表单网页向导创建表单u单击单击“文件文件”菜单菜单“新建新建”命令命令“其他网页模板其他网页模板”选项选项“常规常规”选项卡选项卡 “表单网页向导表单网页向导”选项。选项。31第九章第九章 网页制作初步网页制作初步p9.7.19.7.1 字幕字幕p9.7.29.7.2 站点站点计数数器器p9.7.4 9.7.4 交互式按交互式按钮p9.7.3 9.7.3
39、网网页过渡效果渡效果9.7 9.7 网页动态效果的使用网页动态效果的使用 32第九章第九章 网页制作初步网页制作初步9.7 9.7 网页动态效果的使用网页动态效果的使用 在网上浏览网页时，经常可以看到有些元素在运动，为了在网上浏览网页时，经常可以看到有些元素在运动，为了能够容易制作网页的动态效果，能够容易制作网页的动态效果，FrontPage 2003提供了提供了13类动类动态效果制作技术，并把这些动态元素作为组件集中在一起，通态效果制作技术，并把这些动态元素作为组件集中在一起，通过过“插入插入插入插入”菜单中菜单中“WebWebWebWeb组件组件组件组件”选项（或工具栏中的组件按钮）选项（
40、或工具栏中的组件按钮）可以插入动态元素。可以插入动态元素。动态元素只有在动态元素只有在IE浏览器中，其动态效果才能正常地显示。浏览器中，其动态效果才能正常地显示。33第九章第九章 网页制作初步网页制作初步可以滚动的文字一般称为字幕。在很多网页中都可以可以滚动的文字一般称为字幕。在很多网页中都可以看到滚动字幕，特别醒目，经常用来发布一些站点的通看到滚动字幕，特别醒目，经常用来发布一些站点的通知或提示信息等。滚动字幕在网页中的效果是：包含一知或提示信息等。滚动字幕在网页中的效果是：包含一些文字或小图片的一个方框沿着一个方向滚动或来回滚些文字或小图片的一个方框沿着一个方向滚动或来回滚动。动。演示例演
41、示例演示例演示例9.49.49.49.4 9.7.1 字幕字幕34第九章第九章 网页制作初步网页制作初步站点计数器的主要功能是显示被访问的次数。浏站点计数器的主要功能是显示被访问的次数。浏览者访问网页时，站点计数器中的数字就会增加，览者访问网页时，站点计数器中的数字就会增加，就可以实现访问统计的目的。就可以实现访问统计的目的。只有将包含计数器的只有将包含计数器的网页从网页从Web服务器进行发布后，站点计数器才能正服务器进行发布后，站点计数器才能正常工作。常工作。9.7.2 站点计数器站点计数器站点计数器操作方法如下：“插入”菜单“Web组件”命令；在“组件类型”域中选择“计数器”；打开“计数器
42、属性”对话框进行设置；35第九章第九章 网页制作初步网页制作初步 网页过渡效果是指当浏览者进入或离开网页时所产网页过渡效果是指当浏览者进入或离开网页时所产生的效果。生的效果。9.7.3 网页过渡效果网页过渡效果36第九章第九章 网页制作初步网页制作初步悬停按钮是一个动感按钮，如果把鼠标移到该按钮悬停按钮是一个动感按钮，如果把鼠标移到该按钮上，就会它会改变颜色和亮度，如果单击该按钮时，上，就会它会改变颜色和亮度，如果单击该按钮时，就会链接到另一个页面。缺省情况下，悬停按钮是一就会链接到另一个页面。缺省情况下，悬停按钮是一个彩色方框的文字按钮。个彩色方框的文字按钮。9.7.4 交互式按钮交互式按钮
43、37第九章第九章 网页制作初步网页制作初步9.8 9.8 网站的发布与管理网站的发布与管理 p9.8.19.8.1 管理站点管理站点p9.8.2 9.8.2 测试站点站点p9.8.4 9.8.4 发布站点布站点p9.8.3 9.8.3 维护站点站点38第九章第九章 网页制作初步网页制作初步 9.8.1 管理站点管理站点p网站中各个任务的具体情况可以通过网站的网站中各个任务的具体情况可以通过网站的“任务任务”视图进行查看。视图进行查看。p“任务任务”视图下，单击鼠标右键，在弹出的快捷菜单中，我们可视图下，单击鼠标右键，在弹出的快捷菜单中，我们可“编编辑任务辑任务”、“添加新任务添加新任务”、“标
44、记任务完成标记任务完成”和和“删除任务删除任务”。39第九章第九章 网页制作初步网页制作初步 9.8.2 测试站点测试站点测试站点是为了及时发现存在问题、完善站点。测试站点是为了及时发现存在问题、完善站点。1.1.设置站点兼容性设置站点兼容性u如果用户在设置站点时，站点中包含多个动态或交互的网页，就必须考虑它们能否在浏览如果用户在设置站点时，站点中包含多个动态或交互的网页，就必须考虑它们能否在浏览器中正常显示或运行。器中正常显示或运行。Frontpage2003Frontpage2003允许用户指定站点与哪些浏览器兼容或使用哪些技允许用户指定站点与哪些浏览器兼容或使用哪些技术。在术。在Fron
45、tpage2003Frontpage2003中，用户可以指定中，用户可以指定Microsoft Internet ExplorerMicrosoft Internet Explorer或或Netscape Netscape NavigatorNavigator等浏览器或是自己设定可采用的技术。等浏览器或是自己设定可采用的技术。u选择选择 “工具工具”/“网页选项网页选项”/“创作创作”标签命令标签命令2.2.测试下载速度测试下载速度u测试网页下载速度：在测试网页下载速度：在“视图视图”菜单菜单/“报表报表”视图视图/“问题问题”/“慢速网页慢速网页”中，用中，用户可对整个站点的大小及其中慢速网
46、页的一览无余。户可对整个站点的大小及其中慢速网页的一览无余。u注意：注意：如果用户将站点中的某些文件或文件夹隐藏了起来，这些文件将不统计在内。如果用户将站点中的某些文件或文件夹隐藏了起来，这些文件将不统计在内。可可选择选择 “工具工具”/“网站设置网站设置”/“高级高级”标签标签/勾选勾选“显示隐藏文件或文件夹显示隐藏文件或文件夹”。u“慢速网页慢速网页”的设置：的设置：“工具工具”/“选项选项”命令命令/“报表视图报表视图”对话框对话框40第九章第九章 网页制作初步网页制作初步 9.8.3 维护站点维护站点维护站点维护站点维护站点维护站点我们常进行以下操作我们常进行以下操作我们常进行以下操作
47、我们常进行以下操作:1.1.检查网页中的拼写错误：检查网页中的拼写错误：u设置默认的拼写语言设置默认的拼写语言:选择选择“工具工具”菜单菜单/”网页选项网页选项”/“常规常规”选向卡选向卡/默认的拼默认的拼写检查语言命令写检查语言命令u进行拼写检查：进行拼写检查：选择选择“工具工具”菜单菜单/“拼写检查拼写检查”命令命令2.2.重命名站点重命名站点：站点名称是指向站点服务器或文件系统的一个目录名。：站点名称是指向站点服务器或文件系统的一个目录名。u选择选择“工具工具”/”网站设置网站设置”/“常规常规”选向卡选向卡/“网站名称网站名称”命令命令u注意：注意：如果站点发布后对其重命名，则需要重新
48、发布整个站点。重命名站点后链接自如果站点发布后对其重命名，则需要重新发布整个站点。重命名站点后链接自其他网站地址的超链接将不能正常工作其他网站地址的超链接将不能正常工作3.3.设置站点语言：设置站点语言：用户可以自行设定用于站点服务器向浏览器返回错误信息时用户可以自行设定用于站点服务器向浏览器返回错误信息时所使用的语言。所使用的语言。u选择选择“工具工具”/”网站设置网站设置”/“语言语言”命令命令41第九章第九章 网页制作初步网页制作初步 9.8.4 发布站点发布站点1 1发布前的准备工作发布前的准备工作发布前的准备工作发布前的准备工作 申请域名。申请域名。确定服务器。确定服务器。浏览测试：
49、浏览测试：重要的是重要的是检查超链接。检查超链接。u“工具工具”/“重新计算超链接重新计算超链接”可对当前站点的链接状态进行验证。可对当前站点的链接状态进行验证。u“视图视图”/“报表报表”/“问题问题”/“超链接超链接”命令，修复断开的超链接。命令，修复断开的超链接。u双击双击“超链接超链接”下拉列表框中的一个超链接下拉列表框中的一个超链接/“编辑网页编辑网页”按钮，可修改链按钮，可修改链接源。接源。42第九章第九章 网页制作初步网页制作初步2 2发布网站发布网站发布网站发布网站（1）设置文件的发布状态：设置文件的发布状态：决定了站点中的相应文件是否发布决定了站点中的相应文件是否发布.u在在
50、“报表报表”视图下，选择视图下，选择“视图视图”/“报表报表”/“工作流工作流”/“发布状态发布状态”命令命令,查看站查看站点的所有文件的发布状态。点的所有文件的发布状态。u如果用户希望不发布站点中的某个文件，可选中如果用户希望不发布站点中的某个文件，可选中“发布状态发布状态”列表框的一个文件并列表框的一个文件并且右击，选择且右击，选择“不发布命令不发布命令”。（2）使用文件系统发布站点：使用文件系统发布站点：u在网页视图中，在网页视图中，打开要发布的站点打开要发布的站点。u单击单击“文件文件”菜单菜单/“发布网站发布网站”命令命令/打开打开“远程网站属性远程网站属性”对话框。对话框。u在在“