其在浏览器中显示的效果如图6－8所示。

图6-8 一个简单的网页

3．如何在浏览器中查看网页的HTML源代码

1）在浏览器中用鼠标右键点击任意一个正在打开的网页；

2）在弹出的快捷菜单中点击“查看”菜单下的“源文件”命令，即可看到该页面的HTML源代码。

4．几点注意事项

1）HTML标记可以嵌套，标记中可以有其他标记，如：

欢迎访问我的主页<／CENTER>

1） HTML标记的属性值，也可以使用半角的双引号引起来，如：

和的效果相同； 2） 不同的浏览器支持不同标记的格式，同一个HTML文件在不同的浏览器的显示效果

可能有所不同； 3） HTML文档中需要加上注解文字时，可以“<！”开始和以“－－>”结尾。

1..16 FrontPage应用软件概述

HTML是制作网页的基础，早期的网页都是直接用HTML代码编写的，不过现在有很多智能化的网页制作软件（常用的如FrontPage，DreamWeaver等），通常不需要人工去写代码，而是由这些软件自动生成，这里我们主要介绍FrontPage软件的应用。

FrontPage是由Microsoft公司推出，全中文操作界面，FrontPage使网页制作者能够更加方便、快捷地创建和发布网页，也可建立和管理网站，具有直观的网页制作和网站管理方法，满足多数用户的需求。 1．FrontPage软件安装

微软公司开发的中文Office套装软件中含有中文网页编辑器软件FrontPage，用户安装中文版Office软件的时候将同时可以选择是否安装中文FrontPage。

2．基本操作

FrontPage 的启动和退出、文件的打开和保存与Office中其它应用程序基本相同。用户在电脑桌面上的双击FrontPage应用程序图标后，将启动中文FrontPage并打开其窗口（如图6-9所示）：

标题栏 工作编辑区

工具栏

菜单栏

网页视图切换标签

图6-9 中文网页编辑器软件FrontPage 窗口

图6-9 FrontPage程序界面

状态栏

窗口由标题栏、菜单栏、工具栏（常用工具栏和格式工具栏）、视图栏、状态栏（用于显示当前操作的相关信息、超链接的URL地址、预计的下载时间及数字键的锁定状态等）和工作编辑区（用于编辑和显示网页内容）。

在编辑区左下方有四个网页视图切换标签，“设计”、“拆分”，“代码”和“预览”。单击标签后，系统将在对应的视图中显示当前网页的内容。

1） 设计方式：编辑网页最常用的显示方式，一般在此方式下工作，系统会自动产

生由HTML标记语言产生的网页文件 2） 拆分方式：将编辑区拆分成代码窗口和设计窗口，可以同时显示HTML代码和设

计页面两种内容。 3） 代码方式：在需要直接编辑或查看网页文件的HTML代码时使用，一般是为了实现某种特殊效果（如在网页中动态显示时间）而经常使用。 4） 预览方式：可预先查看网页在浏览器内的显示效果

1..17 创建网页与编辑文本

FrontPage 为网页制作提供了常规、框架网页、样式表3套共几十种模板供选择，如图6-10所示，利用网页模板可以方便地制作各种专业网页。

图6-10 FrontPage网页模板

也可使用常用工具栏上的“新建”按钮来建立一个空白的新网页。

FrontPage中可以保存的文件格式有5种，分别是：网页文件（*.htm）、模板文件（*.tem）、Active Server Pages文件（*.asp）、超文本模板文件（*.htt）和超文本样式文件（*.css）。其中较常用的是网页文件（*.htm）和Active Server Pages文件（*.asp）。 1．文本的操作

启动FrontPage后，系统自动创建一个空白网页（名为new_page_1.htm），并在文本编辑区中出现一个闪烁的插入点，此时，用户可直接在文本编辑区中输入文本或插入网页元素。 文本输入过程中，FrontPage会自动换行，使文本一直保持在页边界内，所以在行末不用按回车键。另外，由于微软IE浏览器的版本人为规定和HTML规则的原因，空格键有时会不起作用，所以在设置文本水平位置时，还可以使用制表符、缩进、表格或段落对齐方式等功能进行设置。

FrontPage中文本的删除、撤消和恢复、移动和复制等操作都与WORD中的相应操作一致。在FrontPage中还可进行“选择性粘贴”，可选择粘贴时的轮换的格式。在执行“编辑”菜单下的“选择性粘贴”命令时，可打开“转换文本”对话框，如图6-11所示，可按要求选择相应的选项。

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• >>
• 10

搜索更多关于： 第5章计算机网络 的文档