《中文FrontPage2003网页制作》由会员分享，可在线阅读，更多相关《中文FrontPage2003网页制作（48页珍藏版）》请在金锄头文库上搜索。
1、第8章 中文FrontPage2003网页制作8.1 HTML语言基础8.2 FrontPage2003简介8.3 网页的修饰8.4 框架网页 8.5 表单的操作8.6 FrontPage 2003 组件Date18.1.1 什么叫HTMLHTML的全称为Hyper Text Markup Language,中文译为超 文本标记语言。它是一种专门用于编写网页源代码的计算机语言。使 用超文本标记语言HTML可编制出各种各样的HTML文件（即网页文件） ，HTML文件的扩展名为.html或.htm。 HTML是纯文本类型的语言，使用HTML编写的网页文件也是标准的 纯文本文件。在用浏览器打开某网页
2、时，通过相应的查看“源文件” 命令，可查看该网页的HTML源代码。 用HTML编写的超文本文档称为HTML文档，一个HTML文档包括了一 些特殊的命令来告诉浏览器应该如何来显示文本、图像以及网页的背 景。这些命令加入到HTML文档中,被称为HTML标志。通过HTML将所表 达的信息按某种规则写成HTML文件，再通过专用的浏览器来识别。Date28.1.2 一个简单的例子源代码如下：欢迎新生 1热烈欢迎新同学!祝新同学德、智、体、美全面发 展！显示的效果如图9-1所示源代码说明： 表示文件的开头和 结尾。 表示文件的头开始 和结尾。表示标题的开始和 结尾。表示文件体的开始和 结尾。标记是用于段落
3、分隔。是注释标记的格式Date38.1.3 文字处理标志 HTML的文字处理包括字体标志、字体颜色、 字体大小三种。1. 标题字体标志2. 字体大小及颜色标志 3. 修饰字体标志4.字体对齐标志Date41标题字体标志标题字体标志包括六级，标题都是采用黑体字风格，其语言风格为：(文字) 一级标题字体标志(文字) 六级标题字体标志其中H1一级标题字体最大,依次到H6六级标题字体.说 明了从H1标题字体到H标题字体的各种属性。Date5【例9-1】用不同的标题字体显示“新年快乐!”源程序为：用不同的字体显示示例新年快乐!新年快乐!新年快乐!新年快乐!新年快乐!新年快乐!祝你春节愉快!显示的效果如图
4、。段落对齐 示例Date62字体大小及颜色标志 (1)字体大小标志的格式：.(2)字体指定颜色的格式为：Date73修饰字体标志不同文档网页需要不同的字体风格。以下列出了修饰字体的各种标志。（1）以比普通字体大的字体显示。（2）以比普通字体小的字体显示。（3）表示下标。（4）表示上标。（5）表示以黑体字体显示，即加粗字体。（6）表示以等宽字体显示。（7）表示斜体。（8）表示加下划线。（9） 表示加删除线，即在字符中间加上一水平横 线 Date8字体对齐标志网页文本的字体排版、上下文结构的安排需要用 到字体对齐标志。以下是几种字体的对齐标志。（1）表示文字分段。（2）表示文字的分区显示。（3）表
5、文字的标题。（4）表示文字居中。以上的“#”号表示left,center,right，n的取值为1 到6。 Date98.1.4 HTML列表标志网页中常常试用列表编排文本顺序或提供选择列 表，不同的顺序使用不同的列表标志。而列表包括 有序列表和无序列表，有序列表使用（1，2，3， ）、（a,b,c,d）等有序格式编排的列表， 而无序列表使用实心圆、空心圆、空心方块等无序 格式编排列表。 1有序列表2无序列表Date108.1.5 HTML超链接标志创建一个超链接（Hyperlink）是HTML语言中的 一个重要部分。一个超链接又称作锚（Anchor）， 它唯一指向另一个Web信息页。超链接如
6、同把Gopher 中可触发的菜单项融于正文之中，因此超链接更具 有上下文的含义。.创建链接页面2.创建链接标签标志Date11. 创建链接页面 一个Web信息页是用URL(Universal Resource Location统一资源定位器)来唯一标识的,URL的一般 格式为:访问方式:/服务器域名/路径及文件名 其中:访问方式有HTTP、FTP、TELNET、GOPHER、WAIS、NEWS、FILE等。 随着访问方式的不同，冒号后面的参数格式也会不 同。Date122. 创建链接标签标志通常超链接只指向一个文件的头部，若要指向一个文件内 的某一特定位置，就要用到超链接标志的另一个属性hre
7、f，其 格式如下：sensible-text这里超链接文本并不被浏览 器特殊显示,也不能被触发,它 仅仅 表示一个被指向的目的地,而超链接名就是这一目的地的 名字。如触发以高恢度显示的“sensible-text”（超链接文本及 图像），可转向访问 由“destination-url”（超链接名）定 位的文件。Date13网页编辑器（Editor） 网页编辑器是网页制作的主要场所。 1、设计模式2、拆分模式3、代码模式4、预览模式 Date148.1.6 HTML图像标志HTML文档能把多种媒体的信息综合在一起,使 显示的信 息更加多姿多彩.而图像就是使用最多的多媒体，目前有几种 图像的格式能
8、被Web浏览 器直接解解，GIF格式(.gif文件,支持 256色)、X位图格式（.XBM文件，黑白图像）、JPEG格式（JPG 、.JPEG文件，支持RGB色）。HTML图像标志的格式为：Date158.1.7 HTML表格标志表格在网页制作中通常以简单明了的形式表达信息，成为 HTML语句中的重要部分。HTML表格标志的基本格式为：;表格开标志；表格标题标志;创建表中的一行；表头标志.；表格数据标志；表中行结束标志.；表格结束标志Date168.2 FrontPage2003简介8.2.1 FrontPage 2003的启动和退出 8.2.2 FrontPage 2003的窗口界面组成8.
9、2.3 制作网页的一般步骤Date178.2.1 FrontPage 2003的启动和退出1. FrontPage 2003的启动方法一、从Windows XP开始菜单中启动。 启动Windows XP后，单击桌面的“开始”按钮，显示“开始” 菜单。 将鼠标移到“程序”处，弹出“程序”子菜单，用鼠标左键单 击“Microsoft FrontPage”图标即可启动FrontPage 2003。方法二、通过桌面的FrontPage 2003图标启动。如果FrontPage 2003的应用程序图标或其快捷图标被放在 桌面上，可用鼠标双击图标来启动FrontPage 2003。FrontPage 20
10、03启动后，显示FrontPage 2003封面，随即转为 FrontPage 2003界面，这时，FrontPage 2003就算启动完毕 。Date182. FrontPage 2003的退出 系统提供了多种方法来退出FrontPage 2003，用户可以选择下列任何一种方式。（1）单击FrontPage 2003界面窗口标题栏 的“ ”按钮。（2）选择“文件”菜单的“退出”命令。（3）双击菜单栏左上角的FrontPage 2003 图标。Date198.2.2 FrontPage 2003的窗口界面组成1. 标题栏2. 菜单栏3. 工具栏4. 视图区5. 工作区6. 状态栏Date208
11、.2.3 制作网页的一般步骤制作一个网页的步骤如下:1在“文件”菜单中选择“新建”命令，在拉出的菜单中点击“网页或站点”命令，打开任务窗格。2在网页编辑器中，像在word中那样键入文字，用“格式工具栏”上的工具按钮设置字体、字号、字型，对文字进行排版，设置对齐方式等。3. 插入各种网页元素。4将网页保留到磁盘上。5. 保存网页。Date218.3 网页的修饰8.3.1 添加水平线8.3.2 使用图片8.3.3 设置网页背景8.3.4 使用超级链接 8.3.5 使用书签8.3.6 使用图像映射（Image map） 8.3.7 使用表格 8.3.8 设置主题Date228.3.1 添加水平线 水
12、平线主要用于将网页分隔成几个部分，以增强网页的可读性。操作步骤：1、 将光标置于要插入水平线的地方，单击“插入”菜单下的“水平线”命令，出现水平线。2、 双击水平线，打开“水平线属性”对话框。Date238.3.2 使用图片方法：（1）打开网页（2）在“插入”菜单下选择“图片”选项，再选择“剪贴画”命 令。（3）在“搜萦文字”中输入“幻想”，再点击“搜索”，可搜索 到剪贴画。（4）再用鼠标双击搜索到的图片，可将图片插入到文本中。（5）设置图片属性，在“格式”菜单中选择“属性”命令。（6）保存含图片的网页Date248.3.3 设置网页背景步骤：（1）在“格式”菜单中选择“背景”命令，打开“网页
13、属性”对 话框。（2）在“背景”选项卡的“颜色”栏中，可以对背景及图片的颜 色进行修改。（3）如果要用图片做背景，可选中“背景图片”复选框，再单击 “浏览”按钮，选择一个图片文件，该图片文件将平铺于网页上 。（4）在“高级”选项卡中，选择“启用超级链接翻转效果”复选 框。当将鼠标光标指向超级链接时会显示翻转的效果。（5）如果想添加音乐背景，可以在“常规”选项卡中为网页添加 音乐背景。Date258.3.4 使用超级链接 超级链接（即超链接），是指从一点到另一个目的端点 的链接关系。 每一个超级链接至少有两个部分：1、链接项2、链接目标。 在HTML语言中，超链接用URL（统一定位器）来表示。D
14、ate26创建和编辑超链接的步骤：（1）在网页编辑器“普通”选项卡中，选择用做超级链接的 文本或图形。（2）在“插入”菜单中选择“超链接”命令，打开 “插入超 链接”对话框。（3）根据需要，在“连接到”下面的列表中，选择链接，目 标的大类，然后继续选择具体的目标。（4）单击“确定”按钮，将返回网页编辑器。Date279.3.5 使用书签 步骤：(1) 将插入点置于网页中某位置。(2) 在“插入”菜单中选择“书签”命令，将打开 “书签”对话 框。(3) 在打开的对话框中输入书签的名字。(4) 按“确定”按钮。(5) 在该页的另一处选主页作为链接项的文本，单击工具栏上的 “超级链接”按钮。(6)
15、在“创建超级链接”对话框的“书签”列表中选择刚才所创 建的书签名，按“确定”按钮即可。Date289.3.6 使用图像映射（Image map）步骤：（1）选定网页中的一幅GIF图片，从“图片”工具栏中选择一种热点 按钮。（2）用鼠标拖放操作在图中画出所选形态的区域。（3）释放鼠标时，打开“创建超级链接”对话框，从中设置该热点的超级链接。（4）选定该图片后，从图片工具栏中选择“文字”按钮。（5）图片上显示出一个文本框，向其中输入文字，将文本框拖到热点 区域上。Date299.3.7 使用表格创建表格的步骤：（1） 在网页编辑状态下，确定要插入表格的位置，将鼠标移到 该位置。（2） 单击“表格”
16、菜单，从“插入”菜单中选择“表格”命令,弹出 “ 插入表格”对话框。（3） 在“行数”、 “列数”框中分别输入数字。（4） 在“布局”栏中可以设定表格的对齐方式，边框及单元格的 一些属性，分别根据需要进行设定。 （5） 选中“指定宽度”复选框，则下面的设置框将变为可选，其 中还能选择两种方式进行设定。 （6） “列数”单击“确定”按钮可生成一个新表格。Date30步骤：(1) 选择“格式”菜单中的“主题”命令，打开“主题”方 格。如图所示。(2) 在“主题”对话框中选择合适的主题风格，然后单击“确定”按钮即可。9.3.8 设置主题Date31创建框架网页的操作步骤：（1）在“文件”菜单中选择“新建”命令。（2）在“新建”对话框中选择“框架网页”选项卡。（3）在以上图中提供了10种框架模板，从中选择“标 题、页脚和目录”模板，按“确定”按钮。（4）如果要改变框
