计算机基础教程WidnowsXP与Office XP 林卓然 XP第9章(上)

《计算机基础教程WidnowsXP与Office XP 林卓然 XP第9章(上)》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第九章网页制作站点管理与第9章网页制作与站点管理Web是Internet网上最受欢迎的一种信息服务系统主要由两部分组成：一是服务器端即信息的提供者，也称Web站点；二是客户端即信息的接收者。客户端通过浏览器来访问Web站点。Web信息是以网页的方式来组织的本章主要内容网页和站点的基本操作创建超链接插入对象和设置特殊效果使用主题、表单和框架发布站点建立Web服务器HTML及脚本语言简介9.1基本概念1.站点与网页Web（WWW）由形形式式的Web站点组成Web站点由一系列精心策划和组织的网页组成网页文件2如Photo.htm站点视频素材图片素材网页文件1如Interest.htm主页文

2、件Index.htm……声音素材主页网页网页网页网页网页网页超链接2.Web特点超文本、图形界面、与平台无关，分布式、交互、动态3.HTTP协议实现Web服务器与客户机之间数据交换提供一个快速灵活的系统来发送超文本信息4.HTML语言超文本语言（标记性语言）用来编制网页文档(也称HTML文档)。并不需要经过编译，只需要通过浏览器来打开就可以看到结果采用了标记方式，描述了每个在网页上的组件，例如文本段落、文本格式、图像、超链接等通过超文本链接能方便地进行各种信息之间切换HTML版本欧洲粒子物理实验室(CERN)首次提出来的HTML2.0→HTML3.0→HTML3.2→HTML4.0DHTM

3、L（动态HTML）动态HTML能够使网页下载到浏览器以后仍然能够随时变换包含多种技术，如JavaScript,VBScript,DocumentObjectModel(DOM,文档对象模型),Layers和CSS等9.2网页和网站的基本操作借助于FrontPage，用户无需学会编程，就能快速地设计编制出具有专业水平的网页9.2.1FrontPage的窗口任务窗格视图栏编辑控制按钮网页编辑区在视图栏内有六个功能键网页、文件夹、报表、导航、超链接、任务在“网页”视图方式下，设有“普通”、“HTML”、“浏览”三个控制按钮“普通”方式：可以利用菜单中的命令或工具栏上的按钮来编辑网页“HTML”方式

4、：可以直接对网页的HTML代码进行编辑操作“预览”方式：可以预览当前的网页，让编制者观看自己当前所作的网页效果创建Internet站点的一般方法是：先在本地机中建立站点，即创建和编辑好该站点所必需的一系列按一定要求链接起来的网页文档及相关文件，再发布到指定的Web服务器，形成真正的站点1.创建新站点主要是用站点模板和站点向导来创建站点站点模板是由一组事先经过格式化的空白网页组成的，相当于一个站点的骨架，通过它可以容易地搭起整个站点的框架9.2.2创建、打开和删除站点在“我的文档”文件夹下建立个人站点“Myweb”(1)在“文件”菜单中指向“新建”，选择“站点或网页”，打开“新建网页或站点”任

5、务窗格(2)单击“Web站点模板”，弹出“Web站点模板”对话框(3)选择用来创建新站点的模板或向导。本例选择“个人站点”(4)在“指定新站点的位置”框中，键入或选择新站点的位置及名称本例选择的站点位置为“我的文档”，站点名为“Myweb”例9.1建立个人站点新建的“个人站点”新创建的“个人站点”包括4个基本网页和建立了两个文件夹：_Private和ImagesWeb站点的实质是计算机硬盘上的一个文件夹“文件夹列表“按钮文件夹列表2.关闭站点3.打开站点4.删除站点删除站点时，系统会将该站点内全部内容(包括网页、图片等)删除掉9.2.3普通网页的制作和测试1.新建网页选择“文件”菜单中的

6、“新建”，再选择“网页”命令，或单击“常用”工具栏上的“新建网页”按钮，此时在网页编辑区中即可看到新建的空白网页.HTM或.HTML与Word编辑文档的操作方法类似2.打开网页3.保存网页4.关闭网页5.测试网页“预览”选择“文件”菜单中的“在浏览器中预览”使用IE浏览器来打开指定的网页文档例10.2编制新网页“江南好”，并把网页加入到站点的导航系统中新建网页把该网页加入导航系统中9.3创建超链接超链接是Web的灵魂9.3.1三种超链接绝对链接（WWW超链接）相对链接（站点内的超链接）书签式超链接（网页内的超链接）选择“插入”菜单中的“超链接”命令，系统弹出“创建超链接”对话框建立“书签式超

7、链接”的方法整幅图片超链接/“热点”超链接将一幅图片分为几个区域，为每个区域单独建立超链接“热点”按钮图片热点图片热点9.3.2图片超链接一组特定格式的超链接，可实现站点中各个网页之间切换观看选择“插入”菜单中的“导航”命令,弹出“插入Web组件”对话框9.3.3导航栏选择导航栏的样式及方向后，在“链接栏属性”对话框中，为导航栏添加项目。示例如下：导航栏导航栏9.4插入对象和设置特殊效果9.4.1插入图片、横