网页设计快速入门

《网页设计快速入门》由会员分享，可在线阅读，更多相关《网页设计快速入门（61页珍藏版）》请在金锄头文库上搜索。

1、网页设计快速入门网页设计快速入门Tianjin University of Science & TechnologyTianjin University of Science & TechnologyComputer CenterComputer Center2004.012004.01知知识点点n n网页设计的概念网页设计的概念n n网页设计软件网页设计软件n n网页制作过程网页制作过程n n建立网站的过程建立网站的过程n nHTMLHTML初步初步网网页设计的概念的概念n n网页与网站网页与网站uu网站是由网页集合而成网站是由网页集合而成n n信息资源以网页的形式存储在信息资源以网页的形式

2、存储在WWWWWW服务器中；服务器中；n n用户通过浏览器向用户通过浏览器向WWWWWW服务器发出请求，服务器根据客户请求服务器发出请求，服务器根据客户请求内容，将保存在内容，将保存在WWWWWW服务器中的某个页面发送给客户；服务器中的某个页面发送给客户；n n用户可以通过页面中的链接，方便地访问位于其他用户可以通过页面中的链接，方便地访问位于其他WWWWWW服务器服务器中的页面，或其他类型的网络信息资源；中的页面，或其他类型的网络信息资源；n n主页（主页（homepagehomepage）是一种特殊的是一种特殊的WebWeb页面，是指包含个人或机页面，是指包含个人或机构基本信息的页面，用于

3、对个人或机构进行综合性介绍，是访问构基本信息的页面，用于对个人或机构进行综合性介绍，是访问个人或机构详细信息的入口点。个人或机构详细信息的入口点。网网页设计的概念的概念主主页页包含的基本元素包含的基本元素：n n文本（文本（texttext）：）：最基本的元素，就是通常所最基本的元素，就是通常所说说的文字；的文字；n n图图像（像（imageimage）：）：WWWWWW浏览浏览器一般只器一般只识别识别GIFGIF与与JPGJPG两种两种图图像格像格式；式；n n表格（表格（tabletable）：）：类类似于似于WordWord中的表格，表格中的表格，表格单单元内容一般元内容一般为为字符字符

4、类类型；型；n n超超链链接（接（hyperlinkhyperlink）：）：用于将用于将HTMLHTML与其他主与其他主页页相相连连。网网页设计的概念的概念n nIPIP地址地址uuIPIP地址是地址是InternetInternet地址的一种表示形式；地址的一种表示形式；uu一台一台InternetInternet主机至少有一个主机至少有一个IPIP地址，而且地址，而且这这个个IPIP地址是全网地址是全网唯一的。唯一的。uuIPIP地址地址长长度度为为3232位，采用的格式来表示，每个位，采用的格式来表示，每个x x为为8 8位。例如，位。例如，202.113.29.119202.113.

5、29.119，每个，每个x x的的值为值为0 0255255。这这种格式的地址被称种格式的地址被称为为点分十点分十进进制地址；制地址；uu根据不同的取根据不同的取值值范范围围，IPIP地址可以分地址可以分为为五五类类。IPIP地址中前地址中前5 5位位用于用于标识标识IPIP地址的地址的类别类别，A A类类地址的第一位地址的第一位为为“0”“0”，B B类类地址地址的前两位的前两位为为“10”“10”，C C类类地址的前三位地址的前三位为为“110”“110”，D D类类地址的地址的前四位前四位为为“1110”“1110”，E E类类地址的前五位地址的前五位为为“11110”“11110”。其

6、中，。其中，A A类类、B B类类与与C C类类地址地址为为基本的基本的IPIP地址。地址。网网页设计的概念的概念n nIPIP地址地址网网页设计的概念的概念n n域名机制域名机制uu如果如果WWWWWW服服务务器地址器地址 IPIP地址用点分十地址用点分十进进制表示，例如制表示，例如为为202.113.19.122202.113.19.122，那么用，那么用户户很很难记难记住；住；uu如果告如果告诉诉用用户户WWWWWW服服务务器地址用字符表示器地址用字符表示为为，每个字符都有一定的意每个字符都有一定的意义义，并且，并且书书写有写有一定的一定的规规律，律，这样这样地址用地址用户户就容易理解，

7、又容易就容易理解，又容易记忆记忆，因此，因此提出了域名的概念；提出了域名的概念；uuInternetInternet的域名的域名结结构是由构是由TCP/IPTCP/IP协议协议集的域名系集的域名系统统（DNSDNS）定定义义的；的；uu域名系域名系统统也与也与IPIP地址的地址的结结构一构一样样，采用的是典型的，采用的是典型的层层次次结结构；构；网网页设计的概念的概念n n域名机制域名机制uu域名系域名系统统将整个将整个InternetInternet划分划分为为多个多个顶级顶级域，并域，并为为每个每个顶级顶级域域规规定了通用的定了通用的顶级顶级域名；域名；网网页设计的概念的概念我国的域名机制

8、我国的域名机制uu中国互中国互联联网信息中心（网信息中心（CNNICCNNIC）负责负责管理我国的管理我国的顶级顶级域，它域，它将将cncn域划分域划分为为多个二多个二级级域；域；uuInternetInternet主机域名的格式主机域名的格式为为：四：四级级域名域名. .三三级级域名域名. .二二级级域名域名. .顶顶级级域名。例如，主机域名域名。例如，主机域名代表中国南开大学代表中国南开大学计计算机系的主机。算机系的主机。网网页设计的概念的概念n n我国的域名机制我国的域名机制网网页设计的概念的概念n nURLURLuuURLURL（UniformResourceLocatorUnifor

9、mResourceLocator），），即统一资源定位符即统一资源定位符uuURLURL是是对对能从能从InternetInternet上得到的上得到的资资源的位置和源的位置和访问访问方法的一种方法的一种简洁简洁的表示的表示 ；uu标标准的准的URLURL由由3 3部分部分组组成：服成：服务务器器类类型、主机名和路径及文件型、主机名和路径及文件名名 httphttp：/ / /index.htmlindex.html协议类协议类型型主机名主机名路径及地址路径及地址网网页设计的概念的概念n nFTPFTP（文件传输协议）文件传输协议）uuFTPFTP的的访问访问方式方式FF命令方式命令方式FF浏

10、览浏览器器FF专专用用软软件件n nHTMLHTML（HypertextMarkupLanguageHypertextMarkupLanguage）uu即超文本即超文本标记语标记语言言uuHTMLHTML编辑编辑器器FF记记事本、事本、FrontPageFrontPage等等n n服服务务器器n nHTTPHTTP网网页设计的概念的概念n n网页设计软件网页设计软件uuFrontPageFrontPageuuDreamweaverDreamweaveruuFlashFlashuuFireworksFireworksn n其他技术其他技术uuVBScriptVBScript、JavaScript

11、JavaScriptuuASPASP、JSPJSP、PHPPHPuuCGICGI（通用网关接口，如通用网关接口，如DelphiDelphi、C+C+等）、等）、IDCIDC（网络数据网络数据库接口）、库接口）、ADOADO（ActiveXDataObjectActiveXDataObject）uuXMLXML（可扩展标记语言）可扩展标记语言）uuVRMLVRML（虚拟现实模型语言）虚拟现实模型语言）网网页设计的概念的概念n n网页制作过程网页制作过程uu分析阶段分析阶段uu设计阶段设计阶段uu实现阶段实现阶段uu测试阶段测试阶段uu维护阶段维护阶段网网页设计的概念的概念n n企业建立网站的过程

12、企业建立网站的过程uu明确建立网站的目标和用户需求明确建立网站的目标和用户需求uu总体设计方案主题鲜明总体设计方案主题鲜明uu网站的版式设计网站的版式设计uu色彩在网页设计中的作用色彩在网页设计中的作用uu网页设计与内容相统一网页设计与内容相统一uu三维空间的构成和虚拟现实三维空间的构成和虚拟现实uu多媒体功能多媒体功能 的利用的利用uu结构清晣并且便于使用结构清晣并且便于使用uu导向清晣导向清晣uu内容更新与沟通内容更新与沟通在在Internet上安个家上安个家n n制作一个简单的网页制作一个简单的网页n n申请个人主页空间（申请个人主页空间（http:/http:/或或http:/http

13、:/）n n上传网页上传网页n n浏览网页浏览网页第一节第一节 FrantPage的基础知识的基础知识一、一、一、一、FrantPage 98FrantPage 98与与与与FrantPage 2000FrantPage 2000二、二、二、二、关于关于关于关于FrantPage 2000FrantPage 2000的文件的文件的文件的文件三、三、三、三、常用的概念和术语常用的概念和术语常用的概念和术语常用的概念和术语四、四、四、四、启动启动启动启动FrantPageFrantPageFrantPage 98与与20001 1、它们是创建和管理、它们是创建和管理、它们是创建和管理、它们是创建和

14、管理WebWeb站点及创建和编辑网页的常用软件站点及创建和编辑网页的常用软件站点及创建和编辑网页的常用软件站点及创建和编辑网页的常用软件2 2、 FrantPage 98FrantPage 98由两部分组成：由两部分组成：由两部分组成：由两部分组成：（1 1）FrantPage Explorer(FrantPage Explorer(浏览器浏览器浏览器浏览器) )：主要用于创建、编辑管理主要用于创建、编辑管理主要用于创建、编辑管理主要用于创建、编辑管理WebWeb站点站点站点站点（2 2） FrantPage Editor(FrantPage Editor(编辑器）：主要用于创建、编辑、管理编

15、辑器）：主要用于创建、编辑、管理编辑器）：主要用于创建、编辑、管理编辑器）：主要用于创建、编辑、管理网页网页网页网页3 3、 FrantPage 2000FrantPage 2000将二者合二为一将二者合二为一将二者合二为一将二者合二为一关于关于FrantPage 2000的文件的文件1 1、创建的文件类型：主要是、创建的文件类型：主要是、创建的文件类型：主要是、创建的文件类型：主要是HTMLHTML页面文件，扩展名为页面文件，扩展名为页面文件，扩展名为页面文件，扩展名为HTM/HTMLHTM/HTML；特点：包含特点：包含特点：包含特点：包含超链接和多媒体信息超链接和多媒体信息超链接和多媒体

16、信息超链接和多媒体信息2 2、FrantPage 2000FrantPage 2000所支持的文档类型：（九类）所支持的文档类型：（九类）所支持的文档类型：（九类）所支持的文档类型：（九类） HTMLHTML文件；预处理的文件；预处理的文件；预处理的文件；预处理的HTMLHTML文件（文件（文件（文件（*. *.HTX,*.ASP);Rich Text FormatHTX,*.ASP);Rich Text Format文件文件文件文件(*.(*.RTF);RTF);纯文本文件（纯文本文件（纯文本文件（纯文本文件（*. *.TXTTXT）；）；）；）；超文本模板文件（超文本模板文件（超文本模板文

17、件（超文本模板文件（*. *.HTTHTT）;Word;Word文档文档文档文档（*. *.DOCDOC）；）；）；）；Microsoft Word 3.0 4.0Microsoft Word 3.0 4.0文件（文件（文件（文件（*. *.WPS)WPS)；ExcelExcel工作簿工作簿工作簿工作簿（*. *.XLS,*.XLWXLS,*.XLW）;WordPerfect 6.x(*.WPD);WordPerfect 6.x(*.WPD)3 3、 FrantPage 2000 FrantPage 2000所支持的标准图形文件类型：所支持的标准图形文件类型：所支持的标准图形文件类型：所支持的

18、标准图形文件类型： GIFGIF、JPGJPG、BMPBMP、TIFTIF、WMFWMF、rasras、PCXPCX、TGATGA、EPSEPS等等等等4 4、所支持的多媒体文件：、所支持的多媒体文件：、所支持的多媒体文件：、所支持的多媒体文件：AVIAVI；WAVWAV第二节第二节 创建和管理创建和管理Web站点（网站）站点（网站）一、一、一、一、设计设计设计设计WebWeb站点的一般步骤站点的一般步骤站点的一般步骤站点的一般步骤二、二、二、二、创建一个新的站点创建一个新的站点创建一个新的站点创建一个新的站点三、三、三、三、WebWeb站点的管理站点的管理站点的管理站点的管理设计设计Web站

19、点的一般步骤站点的一般步骤1 1、作出具体规划：确定目的、确定类型、确定总体结构作出具体规划：确定目的、确定类型、确定总体结构作出具体规划：确定目的、确定类型、确定总体结构作出具体规划：确定目的、确定类型、确定总体结构2 2、准备素材：文本、图像等、准备素材：文本、图像等、准备素材：文本、图像等、准备素材：文本、图像等3 3、创建站点并制作网页：创建站点、制作网页、组织管理、创建站点并制作网页：创建站点、制作网页、组织管理、创建站点并制作网页：创建站点、制作网页、组织管理、创建站点并制作网页：创建站点、制作网页、组织管理4 4、测试、测试、测试、测试WebWeb站点：检查文本、图形、链接是否到

20、位，精确调整和修改站点：检查文本、图形、链接是否到位，精确调整和修改站点：检查文本、图形、链接是否到位，精确调整和修改站点：检查文本、图形、链接是否到位，精确调整和修改5 5、发布、发布、发布、发布WebWeb站点：上传到站点：上传到站点：上传到站点：上传到IntranetIntranet或或或或InternetInternet上上上上6 6、维护和更新、维护和更新、维护和更新、维护和更新启动启动FrantPage 20001 1、启动、启动、启动、启动2 2、窗口组成：、窗口组成：、窗口组成：、窗口组成： 标题栏、菜单栏、工具栏（常用、格式、动态效果、导航、图片、定位标题栏、菜单栏、工具栏（

21、常用、格式、动态效果、导航、图片、定位标题栏、菜单栏、工具栏（常用、格式、动态效果、导航、图片、定位标题栏、菜单栏、工具栏（常用、格式、动态效果、导航、图片、定位、报表、样式、表格）、视图栏、报表、样式、表格）、视图栏、报表、样式、表格）、视图栏、报表、样式、表格）、视图栏3 3、六种视图方式：、六种视图方式：、六种视图方式：、六种视图方式： 网页视图：为站点中的网页提供一个编辑环境网页视图：为站点中的网页提供一个编辑环境网页视图：为站点中的网页提供一个编辑环境网页视图：为站点中的网页提供一个编辑环境 文件夹视图：类似于文件夹视图：类似于文件夹视图：类似于文件夹视图：类似于WindowsWin

22、dows的资源管理器的资源管理器的资源管理器的资源管理器 报表视图：为站点设计提供一个总览站点的有效手段报表视图：为站点设计提供一个总览站点的有效手段报表视图：为站点设计提供一个总览站点的有效手段报表视图：为站点设计提供一个总览站点的有效手段 导航视图：显示站点的导航结构导航视图：显示站点的导航结构导航视图：显示站点的导航结构导航视图：显示站点的导航结构 超链接视图：显示站点中各网页的跳转关系超链接视图：显示站点中各网页的跳转关系超链接视图：显示站点中各网页的跳转关系超链接视图：显示站点中各网页的跳转关系 任务视图任务视图任务视图任务视图：用于站点设计中的任务管理用于站点设计中的任务管理用于站

23、点设计中的任务管理用于站点设计中的任务管理创建一个新的站点创建一个新的站点1 1、选、选、选、选“ “文件文件文件文件”/“”/“新建新建新建新建”/“”/“站点站点站点站点” ”2 2、“ “新建新建新建新建” ”对话框中的对话框中的对话框中的对话框中的8 8个图标：个图标：个图标：个图标： “ “创建只有一个网页的站点创建只有一个网页的站点创建只有一个网页的站点创建只有一个网页的站点” ”、“ “公司展示向导公司展示向导公司展示向导公司展示向导” ”、“ “导入站点向导导入站点向导导入站点向导导入站点向导” ”、“ “讨论站点向导讨论站点向导讨论站点向导讨论站点向导” ”、“ “客户支持站

24、点模板客户支持站点模板客户支持站点模板客户支持站点模板” ”、“ “空站点模板空站点模板空站点模板空站点模板” ”、“ “个人站点模个人站点模个人站点模个人站点模板板板板” ”、“ “项目站点模板项目站点模板项目站点模板项目站点模板” ”3 3、8 8个图标包含了创建站点的四类方法：个图标包含了创建站点的四类方法：个图标包含了创建站点的四类方法：个图标包含了创建站点的四类方法： 从零开始法、导入法、向导法和模板法从零开始法、导入法、向导法和模板法从零开始法、导入法、向导法和模板法从零开始法、导入法、向导法和模板法4 4、对话框右边的、对话框右边的、对话框右边的、对话框右边的“ “选项选项选项选

25、项” ”栏目下的栏目下的栏目下的栏目下的“ “指定站点的位置指定站点的位置指定站点的位置指定站点的位置” ”框内的下位列表是为框内的下位列表是为框内的下位列表是为框内的下位列表是为创建新站点命名和指定存放位置的。创建新站点命名和指定存放位置的。创建新站点命名和指定存放位置的。创建新站点命名和指定存放位置的。5 5、创建网站的四类方法、创建网站的四类方法、创建网站的四类方法、创建网站的四类方法创建网站的四类方法创建网站的四类方法1 1、从零开始法：选择从零开始法：选择从零开始法：选择从零开始法：选择“ “创建只有一个网页创建只有一个网页创建只有一个网页创建只有一个网页” ”的图标，创建的站点只有

26、一个名为的图标，创建的站点只有一个名为的图标，创建的站点只有一个名为的图标，创建的站点只有一个名为“ “Index.htm”Index.htm”主页；若选择主页；若选择主页；若选择主页；若选择“ “格式格式格式格式” ”菜单中的菜单中的菜单中的菜单中的“ “共享边框共享边框共享边框共享边框” ”命令，在网页中自动添命令，在网页中自动添命令，在网页中自动添命令，在网页中自动添加导航按钮；用户可添加新的网页。加导航按钮；用户可添加新的网页。加导航按钮；用户可添加新的网页。加导航按钮；用户可添加新的网页。2 2、导入法：选择、导入法：选择、导入法：选择、导入法：选择“ “导入站点法导入站点法导入站点

27、法导入站点法” ”图标；图标；图标；图标；若选择从本地硬盘导入，则必须选定若选择从本地硬盘导入，则必须选定若选择从本地硬盘导入，则必须选定若选择从本地硬盘导入，则必须选定“ “从本地计算机或网络上的文件源目录从本地计算机或网络上的文件源目录从本地计算机或网络上的文件源目录从本地计算机或网络上的文件源目录” ”单选项；然单选项；然单选项；然单选项；然后在后在后在后在“ “位置位置位置位置” ”框中指定路径并选定一个文件；框中指定路径并选定一个文件；框中指定路径并选定一个文件；框中指定路径并选定一个文件；若从若从若从若从WWWWWW上的某一个站点导入文件，则必须选定上的某一个站点导入文件，则必须选

28、定上的某一个站点导入文件，则必须选定上的某一个站点导入文件，则必须选定“ “从全球文域网站点从全球文域网站点从全球文域网站点从全球文域网站点” ”单选项，并在单选项，并在单选项，并在单选项，并在“ “位置位置位置位置” ”框中输入要导入站点的框中输入要导入站点的框中输入要导入站点的框中输入要导入站点的URLURL。3 3、向导法：向导法：向导法：向导法： 使用使用使用使用“ “公司展示公司展示公司展示公司展示” ”向导：为小公司生成一个完整而复杂的站点。向导：为小公司生成一个完整而复杂的站点。向导：为小公司生成一个完整而复杂的站点。向导：为小公司生成一个完整而复杂的站点。 使用使用使用使用“

29、“讨论站点向导讨论站点向导讨论站点向导讨论站点向导” ”：创建一个讨论组站点，允许用户为自己的站点添加一个完整：创建一个讨论组站点，允许用户为自己的站点添加一个完整：创建一个讨论组站点，允许用户为自己的站点添加一个完整：创建一个讨论组站点，允许用户为自己的站点添加一个完整而标准的讨论场所。而标准的讨论场所。而标准的讨论场所。而标准的讨论场所。4 4：模板法：模板创建新网站的外壳；四种模板（个人站点、客房支持站点、项目站点、：模板法：模板创建新网站的外壳；四种模板（个人站点、客房支持站点、项目站点、：模板法：模板创建新网站的外壳；四种模板（个人站点、客房支持站点、项目站点、：模板法：模板创建新网

30、站的外壳；四种模板（个人站点、客房支持站点、项目站点、空站点）空站点）空站点）空站点） 使用使用使用使用“ “个人站点个人站点个人站点个人站点” ”创建：生成五个网页文件：主页（创建：生成五个网页文件：主页（创建：生成五个网页文件：主页（创建：生成五个网页文件：主页（index.htmindex.htm）、）、）、）、喜好站点喜好站点喜好站点喜好站点（favorite.htmfavorite.htm）、）、）、）、兴趣（兴趣（兴趣（兴趣（interest.htminterest.htm）相册（相册（相册（相册（photo.htmphoto.htm）；）；）；）；还有两个文件夹：还有两个文件夹：

31、还有两个文件夹：还有两个文件夹：_ _private(private(存放系统文件存放系统文件存放系统文件存放系统文件) )、images(images(存放图片文件存放图片文件存放图片文件存放图片文件) ) 使用使用使用使用“ “客户支持站点客户支持站点客户支持站点客户支持站点” ”：创建向用户提供服务的站点，如文件下载、用户填写的表格：创建向用户提供服务的站点，如文件下载、用户填写的表格：创建向用户提供服务的站点，如文件下载、用户填写的表格：创建向用户提供服务的站点，如文件下载、用户填写的表格等。等。等。等。 使用使用使用使用“ “项目站点项目站点项目站点项目站点” ”：创建一个项目管理站

32、点（项目成员、进展情况、工作计划等）：创建一个项目管理站点（项目成员、进展情况、工作计划等）：创建一个项目管理站点（项目成员、进展情况、工作计划等）：创建一个项目管理站点（项目成员、进展情况、工作计划等） 使用使用使用使用“ “空站点空站点空站点空站点” ”：创建几个空文件夹，再由用户添加新网页：创建几个空文件夹，再由用户添加新网页：创建几个空文件夹，再由用户添加新网页：创建几个空文件夹，再由用户添加新网页选择要创建的新网站的类型选择要创建的新网站的类型n n只有一页的网站（只有一页的网站（只有一页的网站（只有一页的网站（One Page OnlyOne Page Only）n n导入一个已存

33、在的网站（导入一个已存在的网站（导入一个已存在的网站（导入一个已存在的网站（Import an Existing WebImport an Existing Web）: :从已有的网从已有的网从已有的网从已有的网站或本地硬盘导入文件，启动导入向导站或本地硬盘导入文件，启动导入向导站或本地硬盘导入文件，启动导入向导站或本地硬盘导入文件，启动导入向导n n从精灵或范本来建立（从向导和模板建立）从精灵或范本来建立（从向导和模板建立）从精灵或范本来建立（从向导和模板建立）从精灵或范本来建立（从向导和模板建立）n n单击单击单击单击“ “更改更改更改更改” ”接钮改变网站名称和网址接钮改变网站名称和网址

34、接钮改变网站名称和网址接钮改变网站名称和网址打开已有的网站打开已有的网站1 1、在、在、在、在FrantPageFrantPage浏览器中选浏览器中选浏览器中选浏览器中选“ “文件文件文件文件”/“”/“开启开启开启开启FrantPageFrantPage网站网站网站网站” ”；或在；或在；或在；或在“ “开始开始开始开始” ”对话框中的已有网站列表中选择一个网站对话框中的已有网站列表中选择一个网站对话框中的已有网站列表中选择一个网站对话框中的已有网站列表中选择一个网站2 2、若为、若为、若为、若为“ “开启开启开启开启FrantPageFrantPage网站网站网站网站” ”对话框，在对话框

35、，在对话框，在对话框，在“ “选择一个服务器或磁盘选择一个服务器或磁盘选择一个服务器或磁盘选择一个服务器或磁盘位置位置位置位置” ”框中输入或选择要打开的网站名称框中输入或选择要打开的网站名称框中输入或选择要打开的网站名称框中输入或选择要打开的网站名称3 3、单击、单击、单击、单击“ “列出网站列出网站列出网站列出网站” ”接钮，选择一个网站，单击接钮，选择一个网站，单击接钮，选择一个网站，单击接钮，选择一个网站，单击“ “确定确定确定确定” ”，或直接双，或直接双，或直接双，或直接双击要打开的网站名。击要打开的网站名。击要打开的网站名。击要打开的网站名。Web站点的管理站点的管理1 1、在网

36、站中增加新网页；在网站中增加新网页；在网站中增加新网页；在网站中增加新网页；2 2、在网站中删除网页；、在网站中删除网页；、在网站中删除网页；、在网站中删除网页；3 3、调整网站的结构层次；、调整网站的结构层次；、调整网站的结构层次；、调整网站的结构层次；4 4、WebWeb站点的删除：站点的删除：站点的删除：站点的删除：n n打开要删除的网站，选打开要删除的网站，选打开要删除的网站，选打开要删除的网站，选“ “文件文件文件文件”/“”/“删除删除删除删除FrantPageFrantPage网站网站网站网站“ “n n选定，按选定，按选定，按选定，按deldel4 4、关闭网站：选关闭网站：选

37、关闭网站：选关闭网站：选“ “文件文件文件文件”/“”/“关闭关闭关闭关闭”七种视方式七种视方式n n“ “文件夹文件夹文件夹文件夹” ”视图：同资源管理器，用于创建、移动、复制、删除文件夹等视图：同资源管理器，用于创建、移动、复制、删除文件夹等视图：同资源管理器，用于创建、移动、复制、删除文件夹等视图：同资源管理器，用于创建、移动、复制、删除文件夹等n n“ “所有文件所有文件所有文件所有文件” ”视图：列出所有网站中的所有文件视图：列出所有网站中的所有文件视图：列出所有网站中的所有文件视图：列出所有网站中的所有文件n n“ “组织图组织图组织图组织图” ”视图：观察层次结构；修改网页名称（

38、视图：观察层次结构；修改网页名称（视图：观察层次结构；修改网页名称（视图：观察层次结构；修改网页名称（“ “文件文件文件文件”/“”/“重命名重命名重命名重命名” ”）；改）；改）；改）；改变层次关系（拖放）；添加新网页（单击变层次关系（拖放）；添加新网页（单击变层次关系（拖放）；添加新网页（单击变层次关系（拖放）；添加新网页（单击“ “添加添加添加添加” ”按钮）按钮）按钮）按钮）n n“ “超链接超链接超链接超链接” ”视图：显示跳转关系视图：显示跳转关系视图：显示跳转关系视图：显示跳转关系n n“ “超链接状态超链接状态超链接状态超链接状态” ”视图：列出所有超链接（内部和外部）；左侧的

39、小圆圈（绿：视图：列出所有超链接（内部和外部）；左侧的小圆圈（绿：视图：列出所有超链接（内部和外部）；左侧的小圆圈（绿：视图：列出所有超链接（内部和外部）；左侧的小圆圈（绿：完好；黄：不确定；红：断开）完好；黄：不确定；红：断开）完好；黄：不确定；红：断开）完好；黄：不确定；红：断开）n n“ “主题主题主题主题” ”视图：为网站选择一个主题视图：为网站选择一个主题视图：为网站选择一个主题视图：为网站选择一个主题n n“ “任务任务任务任务” ”视图：创建网站的计划；创建任务（切换到其他视图，在某文件上单视图：创建网站的计划；创建任务（切换到其他视图，在某文件上单视图：创建网站的计划；创建任务

40、（切换到其他视图，在某文件上单视图：创建网站的计划；创建任务（切换到其他视图，在某文件上单击右键）；查看任务（击右键）；查看任务（击右键）；查看任务（击右键）；查看任务（“ “查看查看查看查看”/“”/“任务历史任务历史任务历史任务历史” ”）第三节第三节 网页制作网页制作一、一、一、一、网页的创建网页的创建网页的创建网页的创建二、二、二、二、网页的编辑网页的编辑网页的编辑网页的编辑三、三、三、三、网页的格式设置与修饰网页的格式设置与修饰网页的格式设置与修饰网页的格式设置与修饰四、四、四、四、在网页中插入活动元素在网页中插入活动元素在网页中插入活动元素在网页中插入活动元素五、五、五、五、表单的

41、使用表单的使用表单的使用表单的使用六、六、六、六、超级链接超级链接超级链接超级链接网页的创建网页的创建1 1、一般网页的创建一般网页的创建一般网页的创建一般网页的创建2 2、框架网页的创建框架网页的创建框架网页的创建框架网页的创建一般网页的创建一般网页的创建1 1、选、选、选、选“ “文件文件文件文件”/“”/“新建新建新建新建”/“”/“网页网页网页网页” ”2 2、在模板和向导列表中选择创建网页的类型或方法、在模板和向导列表中选择创建网页的类型或方法、在模板和向导列表中选择创建网页的类型或方法、在模板和向导列表中选择创建网页的类型或方法3 3、用说明框右上方的两个图标切换列表的显示方式、用

42、说明框右上方的两个图标切换列表的显示方式、用说明框右上方的两个图标切换列表的显示方式、用说明框右上方的两个图标切换列表的显示方式4 4、在选项栏目下，若选择、在选项栏目下，若选择、在选项栏目下，若选择、在选项栏目下，若选择“ “当前框架中打开当前框架中打开当前框架中打开当前框架中打开”；若选中；若选中；若选中；若选中“ “仅添加站点仅添加站点仅添加站点仅添加站点的任务的任务的任务的任务” ”，新创建的页面将加到，新创建的页面将加到，新创建的页面将加到，新创建的页面将加到“ “任务任务任务任务” ”视图中视图中视图中视图中框架网页的创建框架网页的创建n n框架也称为帧，它将框架也称为帧，它将框架

43、也称为帧，它将框架也称为帧，它将WebWeb浏览器窗口划分几个区域，每个区域是浏览器窗口划分几个区域，每个区域是浏览器窗口划分几个区域，每个区域是浏览器窗口划分几个区域，每个区域是一个独立的可滚动的页面或图像，一组框架结构的网页称为框架一个独立的可滚动的页面或图像，一组框架结构的网页称为框架一个独立的可滚动的页面或图像，一组框架结构的网页称为框架一个独立的可滚动的页面或图像，一组框架结构的网页称为框架网页。网页。网页。网页。n n在在在在“ “新建新建新建新建” ”对话框中单击对话框中单击对话框中单击对话框中单击“ “框架网页框架网页框架网页框架网页” ”标签，在框架模板（标签，在框架模板（标

44、签，在框架模板（标签，在框架模板（1010个）个）个）个）列表中选择所需的框架列表中选择所需的框架列表中选择所需的框架列表中选择所需的框架n n每一个框架中都有两个按钮：每一个框架中都有两个按钮：每一个框架中都有两个按钮：每一个框架中都有两个按钮：“ “设置初始页设置初始页设置初始页设置初始页” ”和和和和“ “新建网页新建网页新建网页新建网页” ”n n框架页面下的五种视图方式：框架页面下的五种视图方式：框架页面下的五种视图方式：框架页面下的五种视图方式：启动启动FrantPage编辑器编辑器1 1、启动：、启动：、启动：、启动：n n“ “开始开始开始开始”/“”/“程序程序程序程序”/“

45、”/“FrantPage”/FrantPage”/单击工具栏上的单击工具栏上的单击工具栏上的单击工具栏上的“ “显示显示显示显示FrantPageFrantPage编辑器编辑器编辑器编辑器” ”；n n资源管理器中选资源管理器中选资源管理器中选资源管理器中选“ “c:Program FileMicrosoft FrantPageFrantPage c:Program FileMicrosoft FrantPageFrantPage EditorEditorn n选选选选“ “开始开始开始开始”/“”/“程序程序程序程序”/“”/“Internet Explorer”“ FrantPage Ed

46、itor”Internet Explorer”“ FrantPage Editor”2 2、窗口组成窗口组成窗口组成窗口组成3 3、三种视图方式、三种视图方式、三种视图方式、三种视图方式: :NormalNormal（普通）普通）普通）普通）HTMLHTML（HTMLHTML代码）代码）代码）代码） PreviewPreview（预览：预览：预览：预览：必须安装了必须安装了必须安装了必须安装了IEIE）创建新网页创建新网页1 1、选、选、选、选“ “File”File”中的中的中的中的“ “New”New”2 2、在在在在“ “New”New”对话框中选中对话框中选中对话框中选中对话框中选中“

47、 “Page”Page”标签标签标签标签uu若选若选若选若选“ “Normal Page”Normal Page”，则创建一个普通网页则创建一个普通网页则创建一个普通网页则创建一个普通网页uu若在模板列表中选择一种模板，单击若在模板列表中选择一种模板，单击若在模板列表中选择一种模板，单击若在模板列表中选择一种模板，单击“ “确定确定确定确定” ”，则可使用模板创建，则可使用模板创建，则可使用模板创建，则可使用模板创建网页网页网页网页3 3、若选中、若选中、若选中、若选中“ “Frame(Frame(框架框架框架框架) )” ”标签，可从框架页面模板中选择一个以创建框架标签，可从框架页面模板中选

48、择一个以创建框架标签，可从框架页面模板中选择一个以创建框架标签，可从框架页面模板中选择一个以创建框架网页网页网页网页使用模板创建新网页使用模板创建新网页1 1、模板与向导的区别、模板与向导的区别、模板与向导的区别、模板与向导的区别n n模板（模板（模板（模板（TempleteTemplete）和向导（和向导（和向导（和向导（WizardWizard）都是创建站点和页面的快捷方式都是创建站点和页面的快捷方式都是创建站点和页面的快捷方式都是创建站点和页面的快捷方式n n模板是新网页的外壳模板是新网页的外壳模板是新网页的外壳模板是新网页的外壳n n向导则是提供一个或几个屏幕，允许用户回答或选择信息，

49、然后产生一向导则是提供一个或几个屏幕，允许用户回答或选择信息，然后产生一向导则是提供一个或几个屏幕，允许用户回答或选择信息，然后产生一向导则是提供一个或几个屏幕，允许用户回答或选择信息，然后产生一个自定义的文档作为结果个自定义的文档作为结果个自定义的文档作为结果个自定义的文档作为结果2 2、使用模板、使用模板、使用模板、使用模板3 3、使用向导：、使用向导：、使用向导：、使用向导：n n选选选选“ “开始开始开始开始”/“”/“程序程序程序程序”/“”/“Internet Explorer”“ FrantPage Express”Internet Explorer”“ FrantPage Ex

50、press”n n选选选选“ “File”File”菜单中的菜单中的菜单中的菜单中的“ “New”:New”:普通网页、表单向导、调查表单、个人主普通网页、表单向导、调查表单、个人主普通网页、表单向导、调查表单、个人主普通网页、表单向导、调查表单、个人主页向导、确认表单页向导、确认表单页向导、确认表单页向导、确认表单网页的编辑网页的编辑1 1、文本编辑文本编辑文本编辑文本编辑2 2、使用表格使用表格使用表格使用表格3 3、使用框架使用框架使用框架使用框架4 4、插入图像插入图像插入图像插入图像5 5、网页的保存、关闭与打开网页的保存、关闭与打开网页的保存、关闭与打开网页的保存、关闭与打开文本编

51、辑文本编辑1 1、输入文本、输入文本、输入文本、输入文本2 2、删除、插入文本、删除、插入文本、删除、插入文本、删除、插入文本3 3、剪切、复制、粘贴文本、剪切、复制、粘贴文本、剪切、复制、粘贴文本、剪切、复制、粘贴文本4 4、使用、使用、使用、使用OfficeOffice文档中的资料：文档中的资料：文档中的资料：文档中的资料：n n选选选选“ “插入插入插入插入” ”中的中的中的中的“ “文件文件文件文件” ”n n使用复制、粘贴命令使用复制、粘贴命令使用复制、粘贴命令使用复制、粘贴命令n n鼠标拖放鼠标拖放鼠标拖放鼠标拖放使用表格使用表格1 1、创建表格、创建表格、创建表格、创建表格n n

52、“ “表格表格表格表格”/“”/“插入表格插入表格插入表格插入表格” ”n n“ “表格表格表格表格”/“”/“画表画表画表画表” ”n n单击常用工具栏上的单击常用工具栏上的单击常用工具栏上的单击常用工具栏上的“ “插入表格插入表格插入表格插入表格” ”按钮按钮按钮按钮2 2、表格编辑：插入行列、插入标题、表中插入表、文表转换、表格编辑：插入行列、插入标题、表中插入表、文表转换、表格编辑：插入行列、插入标题、表中插入表、文表转换、表格编辑：插入行列、插入标题、表中插入表、文表转换3 3、表格属性：布局、边框、背景、表格属性：布局、边框、背景、表格属性：布局、边框、背景、表格属性：布局、边框、

53、背景4 4、单元格属性：布局、边框、背景、单元格属性：布局、边框、背景、单元格属性：布局、边框、背景、单元格属性：布局、边框、背景使用框架使用框架1 1、框架的作用、框架的作用、框架的作用、框架的作用2 2、创建框架页面（五种视图方式）、创建框架页面（五种视图方式）、创建框架页面（五种视图方式）、创建框架页面（五种视图方式）3 3、定义和调整框架页面：改变框架大小、增加新框架、删除框架、定义和调整框架页面：改变框架大小、增加新框架、删除框架、定义和调整框架页面：改变框架大小、增加新框架、删除框架、定义和调整框架页面：改变框架大小、增加新框架、删除框架4 4、设置框架页面的属性：单击右键或选、设

54、置框架页面的属性：单击右键或选、设置框架页面的属性：单击右键或选、设置框架页面的属性：单击右键或选“ “框架框架框架框架” ”中的中的中的中的“ “框架属性框架属性框架属性框架属性” ”5 5、保存框架、保存框架、保存框架、保存框架插入图像插入图像1 1、图像格式：使用最多的是、图像格式：使用最多的是、图像格式：使用最多的是、图像格式：使用最多的是GIFGIF和和和和JPEGJPEG。GIFGIF是与设备无关的图像是与设备无关的图像是与设备无关的图像是与设备无关的图像格式；格式；格式；格式；JPEGJPEG支持多达支持多达支持多达支持多达1616MM种颜色，压缩比为种颜色，压缩比为种颜色，压缩

55、比为种颜色，压缩比为4 4：1 1，是以损失质，是以损失质，是以损失质，是以损失质量为代价的压缩方式量为代价的压缩方式量为代价的压缩方式量为代价的压缩方式2 2、插入图像：、插入图像：、插入图像：、插入图像：“ “插入插入插入插入”/“”/“图像图像图像图像” ”；单击；单击；单击；单击“ “插入图像插入图像插入图像插入图像” ”按钮。（从按钮。（从按钮。（从按钮。（从当前网站、从本地硬盘、从当前网站、从本地硬盘、从当前网站、从本地硬盘、从当前网站、从本地硬盘、从WWWWWW）3 3、使用图像工具栏：使用图像工具栏：使用图像工具栏：使用图像工具栏：“ “查看查看查看查看”/“”/“工具栏工具栏

56、工具栏工具栏” ”网页的保存、关闭与打开网页的保存、关闭与打开1 1、保存：、保存：、保存：、保存：n n“ “文件文件文件文件”/“”/“保存保存保存保存”/“”/“另存为另存为另存为另存为”/“”/“全部保存全部保存全部保存全部保存” ”2 2、打开：（四种方法）、打开：（四种方法）、打开：（四种方法）、打开：（四种方法）3 3、关闭：、关闭：、关闭：、关闭：“ “文件文件文件文件”/“”/“关闭关闭关闭关闭” ”网页的格式设置与修饰网页的格式设置与修饰1 1、设置字体：、设置字体：、设置字体：、设置字体：“ “格式格式格式格式”/“”/“字体字体字体字体” ”；格式工具栏；格式工具栏；格

57、式工具栏；格式工具栏2 2、设置动态效果：、设置动态效果：、设置动态效果：、设置动态效果：“ “格式格式格式格式”/“”/“动态效果动态效果动态效果动态效果” ”3 3、设置段落格式：插入换行符（、设置段落格式：插入换行符（、设置段落格式：插入换行符（、设置段落格式：插入换行符（Shift+Shift+回车）；设置段落样式（回车）；设置段落样式（回车）；设置段落样式（回车）；设置段落样式（“ “格式格式格式格式”/“”/“段段段段落落落落” ”）；设置对齐方式；设置缩进）；设置对齐方式；设置缩进）；设置对齐方式；设置缩进）；设置对齐方式；设置缩进4 4、设置项目符号和编号：、设置项目符号和编号

58、：、设置项目符号和编号：、设置项目符号和编号：“ “格式格式格式格式”/“”/“项目符号和编号项目符号和编号项目符号和编号项目符号和编号” ”；按钮；按钮；按钮；按钮5 5、设置网页背景：、设置网页背景：、设置网页背景：、设置网页背景：“ “格式格式格式格式”/“”/“背景背景背景背景” ”6 6、插入水平线：、插入水平线：、插入水平线：、插入水平线：“ “插入插入插入插入”/“”/“水平线水平线水平线水平线” ”；单击右键设置属性；单击右键设置属性；单击右键设置属性；单击右键设置属性7 7、使用主题：、使用主题：、使用主题：、使用主题：“ “格式格式格式格式”/“”/“主题主题主题主题” ”

59、在网页中插入活动元素在网页中插入活动元素选选选选“ “插入插入插入插入” ”中的中的中的中的“ “组件组件组件组件” ”n n活动按钮活动按钮活动按钮活动按钮n n横幅广告管理器（广告图片、切换顺序、时间）横幅广告管理器（广告图片、切换顺序、时间）横幅广告管理器（广告图片、切换顺序、时间）横幅广告管理器（广告图片、切换顺序、时间）n n字幕字幕字幕字幕n n搜索表单搜索表单搜索表单搜索表单n n计数器：记录访问该网站的人次计数器：记录访问该网站的人次计数器：记录访问该网站的人次计数器：记录访问该网站的人次n n附加组件附加组件附加组件附加组件表单的使用表单的使用1 1、基本概念基本概念基本概念

60、基本概念2 2、创建表单创建表单创建表单创建表单3 3、插入表单域、插入表单域、插入表单域、插入表单域:(6:(6种种种种) ) “ “插入插入插入插入”/“”/“表单表单表单表单” ”表单的基本概念表单的基本概念1 1、功能：收集客户信息，实现与客户的交互、功能：收集客户信息，实现与客户的交互、功能：收集客户信息，实现与客户的交互、功能：收集客户信息，实现与客户的交互2 2、组成：表单域和说明性文字、组成：表单域和说明性文字、组成：表单域和说明性文字、组成：表单域和说明性文字3 3、6 6种表单域：文本框、滚动文本框、复选框、单选框、下拉种表单域：文本框、滚动文本框、复选框、单选框、下拉种表

61、单域：文本框、滚动文本框、复选框、单选框、下拉种表单域：文本框、滚动文本框、复选框、单选框、下拉菜单及普通按钮菜单及普通按钮菜单及普通按钮菜单及普通按钮4 4、插入表单：、插入表单：、插入表单：、插入表单：“ “插入插入插入插入”/“”/“表单域表单域表单域表单域” ”；“ “查看查看查看查看”/“”/“表单域表单域表单域表单域” ”，显示表单工具栏，显示表单工具栏，显示表单工具栏，显示表单工具栏创建表单创建表单1 1、创建调查表单：、创建调查表单：、创建调查表单：、创建调查表单：“ “文件文件文件文件”/“”/“新建新建新建新建”/“”/“调查表单调查表单调查表单调查表单” ”模板模板模板模

62、板( (Feed Back Form)Feed Back Form)2 2、“ “用户注册表单用户注册表单用户注册表单用户注册表单” ”模板模板模板模板: :“ “文件文件文件文件”/“”/“新建新建新建新建”/“”/“User Registration”User Registration”3 3、表单向导表单向导表单向导表单向导: :“ “文件文件文件文件”/“”/“新建新建新建新建”/“”/“Form Page Wizard”Form Page Wizard”超级链接超级链接1 1、超级链接的两个要素超级链接的两个要素超级链接的两个要素超级链接的两个要素2 2、创建链接创建链接创建链接创建

63、链接3 3、编辑超级链接编辑超级链接编辑超级链接编辑超级链接超级链接的两个要素超级链接的两个要素1 1、超链源（超级链接源）：可以是：字符、英文单词、一个短语、超链源（超级链接源）：可以是：字符、英文单词、一个短语、超链源（超级链接源）：可以是：字符、英文单词、一个短语、超链源（超级链接源）：可以是：字符、英文单词、一个短语、一个按钮、一个图像等；一个按钮、一个图像等；一个按钮、一个图像等；一个按钮、一个图像等；2 2、超链目标（超级链接目标）：可以是同一页中的其他内容、站点、超链目标（超级链接目标）：可以是同一页中的其他内容、站点、超链目标（超级链接目标）：可以是同一页中的其他内容、站点、超

64、链目标（超级链接目标）：可以是同一页中的其他内容、站点中的其他页面、中的其他页面、中的其他页面、中的其他页面、InternetInternet中的一站点中的一站点中的一站点中的一站点二者的关系：超链源链接到超链目标，且不可逆转二者的关系：超链源链接到超链目标，且不可逆转二者的关系：超链源链接到超链目标，且不可逆转二者的关系：超链源链接到超链目标，且不可逆转创建链接创建链接1 1、创建链接的类型：内部、外部、书签、创建链接的类型：内部、外部、书签、创建链接的类型：内部、外部、书签、创建链接的类型：内部、外部、书签2 2、创建各种链接创建各种链接创建各种链接创建各种链接3 3、在文本中创建超链接、

65、在文本中创建超链接、在文本中创建超链接、在文本中创建超链接4 4、创建导航栏：创建导航栏：创建导航栏：创建导航栏：“ “插入插入插入插入”/“”/“导航栏导航栏导航栏导航栏5 5、建立图片超链接建立图片超链接建立图片超链接建立图片超链接6 6、建立书签超链接建立书签超链接建立书签超链接建立书签超链接创建各种链接创建各种链接1 1、选、选、选、选“ “插入插入插入插入”/“”/“超链接超链接超链接超链接” ”或单击或单击或单击或单击“ “超链接超链接超链接超链接” ”按钮按钮按钮按钮2 2、建立外部链接的四个按钮：与、建立外部链接的四个按钮：与、建立外部链接的四个按钮：与、建立外部链接的四个按钮

66、：与WWWWWW上的对象链接、与本地硬盘上的对上的对象链接、与本地硬盘上的对上的对象链接、与本地硬盘上的对上的对象链接、与本地硬盘上的对象链接、与电子邮件地址链接、链接到一个新页面象链接、与电子邮件地址链接、链接到一个新页面象链接、与电子邮件地址链接、链接到一个新页面象链接、与电子邮件地址链接、链接到一个新页面3 3、创建各种链接、创建各种链接、创建各种链接、创建各种链接n n创建当前创建当前创建当前创建当前WebWeb站点中某个页面的链接站点中某个页面的链接站点中某个页面的链接站点中某个页面的链接n n创建与其他站点中某个页面的链接创建与其他站点中某个页面的链接创建与其他站点中某个页面的链接

67、创建与其他站点中某个页面的链接n n创建与创建与创建与创建与WWWWWW上某个页面的链接上某个页面的链接上某个页面的链接上某个页面的链接n n创建与一个创建与一个创建与一个创建与一个E-MailE-Mail地址的链接地址的链接地址的链接地址的链接n n创建与本地计算机中某个文件的链接创建与本地计算机中某个文件的链接创建与本地计算机中某个文件的链接创建与本地计算机中某个文件的链接建立图片超链接建立图片超链接（1 1）一般链接（同前）一般链接（同前）一般链接（同前）一般链接（同前）（2 2）热区：长方形热区、圆形热区、多边形热区）热区：长方形热区、圆形热区、多边形热区）热区：长方形热区、圆形热区、

68、多边形热区）热区：长方形热区、圆形热区、多边形热区（3 3）创建图片上的文本热区：单击）创建图片上的文本热区：单击）创建图片上的文本热区：单击）创建图片上的文本热区：单击“ “文本文本文本文本” ”按钮按钮按钮按钮（4 4）选定热区和突出显示热区：单击图片工具栏上的）选定热区和突出显示热区：单击图片工具栏上的）选定热区和突出显示热区：单击图片工具栏上的）选定热区和突出显示热区：单击图片工具栏上的“ “突出显示热突出显示热突出显示热突出显示热点点点点” ”建立书签超链接建立书签超链接（1 1）创建书签：）创建书签：）创建书签：）创建书签：“ “插入插入插入插入”/“”/“书签书签书签书签” ”（

69、2 2）建立与书签的超链接：单击）建立与书签的超链接：单击）建立与书签的超链接：单击）建立与书签的超链接：单击“ “超链接超链接超链接超链接” ”按钮，在按钮，在按钮，在按钮，在“ “书签书签书签书签” ”框内框内框内框内输入书签名输入书签名输入书签名输入书签名（3 3）删除书签：）删除书签：）删除书签：）删除书签：“ “插入插入插入插入”/“”/“书签书签书签书签”/“”/“清除清除清除清除” ”（4 4）访问书签：本网页中的书签，不用建超链也能访问；不在本网）访问书签：本网页中的书签，不用建超链也能访问；不在本网）访问书签：本网页中的书签，不用建超链也能访问；不在本网）访问书签：本网页中的

70、书签，不用建超链也能访问；不在本网页中需建超链接才能访问页中需建超链接才能访问页中需建超链接才能访问页中需建超链接才能访问编辑超级链接编辑超级链接1 1、改变超链接源的文本内容，不影响超链接目标、改变超链接源的文本内容，不影响超链接目标、改变超链接源的文本内容，不影响超链接目标、改变超链接源的文本内容，不影响超链接目标2 2、更改超链接目标：选定超链接源，单击、更改超链接目标：选定超链接源，单击、更改超链接目标：选定超链接源，单击、更改超链接目标：选定超链接源，单击“ “创建或编辑超链接创建或编辑超链接创建或编辑超链接创建或编辑超链接” ”按钮，重按钮，重按钮，重按钮，重新选择超链接目标新选择

71、超链接目标新选择超链接目标新选择超链接目标3 3、更改超链接的文字背景：、更改超链接的文字背景：、更改超链接的文字背景：、更改超链接的文字背景：“ “格式格式格式格式”/“”/“背景背景背景背景” ”4 4、删除超链接：、删除超链接：、删除超链接：、删除超链接：“ “编辑编辑编辑编辑”/“”/“取消链接取消链接取消链接取消链接” ”条四节条四节 Web网页的发布网页的发布一、一、一、一、网页发布的有关知识网页发布的有关知识网页发布的有关知识网页发布的有关知识二、二、二、二、使用使用使用使用FrantPageFrantPage上载网页上载网页上载网页上载网页三、三、三、三、申请免费主页空间发布主

72、页的方法申请免费主页空间发布主页的方法申请免费主页空间发布主页的方法申请免费主页空间发布主页的方法网页发布的有关知识网页发布的有关知识1 1、“ “WebWeb网页发布网页发布网页发布网页发布” ”的定义的定义的定义的定义2 2、发布网页的几种情况发布网页的几种情况发布网页的几种情况发布网页的几种情况3 3、关于关于关于关于FrantPageFrantPage服务器扩展服务器扩展服务器扩展服务器扩展4 4、选择选择选择选择ISPISP“Web网页发布网页发布”的定义的定义所谓所谓所谓所谓“ “WebWeb网页发布网页发布网页发布网页发布” ”，就是把自己制作的网页文件传送到每时每刻，就是把自己

73、制作的网页文件传送到每时每刻，就是把自己制作的网页文件传送到每时每刻，就是把自己制作的网页文件传送到每时每刻都与都与都与都与InternetInternet相连的相连的相连的相连的WebWeb服务器上。也就是把自己计算机上的所服务器上。也就是把自己计算机上的所服务器上。也就是把自己计算机上的所服务器上。也就是把自己计算机上的所有网页文件复制到有网页文件复制到有网页文件复制到有网页文件复制到Intermet/IntranetIntermet/Intranet上指定的一台计算机的过程。上指定的一台计算机的过程。上指定的一台计算机的过程。上指定的一台计算机的过程。这台计算机将会随时保存我们上载的网页

74、文件，并把它传送到访这台计算机将会随时保存我们上载的网页文件，并把它传送到访这台计算机将会随时保存我们上载的网页文件，并把它传送到访这台计算机将会随时保存我们上载的网页文件，并把它传送到访问者的浏览器上。问者的浏览器上。问者的浏览器上。问者的浏览器上。发布网页的几种情况发布网页的几种情况1 1、将网页发布到单位内部的、将网页发布到单位内部的、将网页发布到单位内部的、将网页发布到单位内部的WebWeb服务器上，供服务器上，供服务器上，供服务器上，供IntranetIntranet客户浏览；客户浏览；客户浏览；客户浏览；2 2、通过专线连接，将网页发布到、通过专线连接，将网页发布到、通过专线连接，

75、将网页发布到、通过专线连接，将网页发布到InternetInternet上，供全球客户浏览；上，供全球客户浏览；上，供全球客户浏览；上，供全球客户浏览；3 3、通过拨号连接，将、通过拨号连接，将、通过拨号连接，将、通过拨号连接，将WebWeb页先发布到页先发布到页先发布到页先发布到ISPISP的的的的WebWeb服务器。这必须选择服务器。这必须选择服务器。这必须选择服务器。这必须选择一个一个一个一个ISPISP，获得账号和密码，并获得获得账号和密码，并获得获得账号和密码，并获得获得账号和密码，并获得WebWeb服务器上一定的存储空间，服务器上一定的存储空间，服务器上一定的存储空间，服务器上一定

76、的存储空间，且确保有读写的权限且确保有读写的权限且确保有读写的权限且确保有读写的权限关于关于FrantPage服务器扩展服务器扩展1 1、FrantPageFrantPage服务器扩展（服务器扩展（服务器扩展（服务器扩展（FrantPage Sever Extensions,FSE)FrantPage Sever Extensions,FSE)是上种功能强是上种功能强是上种功能强是上种功能强大的标准软件，它可运行在任何大的标准软件，它可运行在任何大的标准软件，它可运行在任何大的标准软件，它可运行在任何HTTPHTTP服务器平台。服务器平台。服务器平台。服务器平台。2 2、功能：、功能：、功能：

77、、功能：n nWebWeb站点的管理与制作：当用户修改站点的管理与制作：当用户修改站点的管理与制作：当用户修改站点的管理与制作：当用户修改WebWeb站点时，站点时，站点时，站点时，FSEFSE替用户完成管理器一替用户完成管理器一替用户完成管理器一替用户完成管理器一方的工作，如文件夹的移动、新文件夹的生成、更新超级链接等方的工作，如文件夹的移动、新文件夹的生成、更新超级链接等方的工作，如文件夹的移动、新文件夹的生成、更新超级链接等方的工作，如文件夹的移动、新文件夹的生成、更新超级链接等n nWebWeb站点的权限管理：控制哪些人能修改、哪些人能浏览、哪些人能管理、站点的权限管理：控制哪些人能修

78、改、哪些人能浏览、哪些人能管理、站点的权限管理：控制哪些人能修改、哪些人能浏览、哪些人能管理、站点的权限管理：控制哪些人能修改、哪些人能浏览、哪些人能管理、哪些人能创建新站点并删除已存在的站点哪些人能创建新站点并删除已存在的站点哪些人能创建新站点并删除已存在的站点哪些人能创建新站点并删除已存在的站点n n服务器一侧的激活和服务器一侧的激活和服务器一侧的激活和服务器一侧的激活和WebWeb页的改善页的改善页的改善页的改善选择选择ISPn n选择选择选择选择ISPISP：账号、提供适当的硬盘空间、密码、账号、提供适当的硬盘空间、密码、账号、提供适当的硬盘空间、密码、账号、提供适当的硬盘空间、密码、

79、URLURLn n价格、价格、价格、价格、FSEFSE是否安装是否安装是否安装是否安装发布前的准备发布前的准备1 1、安装有、安装有、安装有、安装有“ “WebWeb发布向导发布向导发布向导发布向导” ”2 2、在本地计算机的、在本地计算机的、在本地计算机的、在本地计算机的PWSPWS（Personal Web SeverPersonal Web Sever）服务器上测试自服务器上测试自服务器上测试自服务器上测试自己的网页，保证成功己的网页，保证成功己的网页，保证成功己的网页，保证成功3 3、IISIISPhotoImpact简介n nUleadUlead公司公司 UleadPhotoImpactUleadPhotoImpact软件软件uu免费下载地址：免费下载地址：uu不但提供专业水平的设计能力；不但提供专业水平的设计能力；uu提供功能强大的提供功能强大的“ “部件设计器部件设计器” ”uu部件设计器：部件设计器：FF有设计向导；有设计向导；FF可以完成：图标、按钮、分隔符等各式常用可以完成：图标、按钮、分隔符等各式常用WebWeb图像图像