《网页设计》PPT教学课件-第5章 Frontpage2000进阶.pptVIP

第5章 Frontpage2000进阶 学习目的与要求 通过本章学习，学生应掌握使用FrontPage2000进行网页设计的基本手段和技巧，能够通过FrontPage2000设计一个比较丰富美观的网页 考核知识点与考核要求 识记：格式化文本的方法，查找和替换文本，水平线，列表的类型，背景图案设置，插入 多媒体元素，超链接设置，表格，表单 理解：表单的创建和处理，框架结构 应用：通过FrontPage2000设计网页 第5章 Frontpage2000进阶 5.1 文本编辑 5.1.1 格式化文本 在FrontPage中格式化文本由如下几种方法： 直接使用超文本标记。熟悉HTML语言的同学可以直接在HTML选项卡中编写。 直接使用主题模式。FrontPage准备了现成的主题格式文本，每个主题都包含有背景、项目符合、标题、超链接、导航列以及颜色组合等，你只要添上网页内容就行了。利用这些专业化的主题，可以简单快速的建立一个漂亮的网站。单击“格式”菜单中的“主题”选项即可。 使用CSS(Cascading Style Sheet) ，即层叠样式表。 第5章 Frontpage2000进阶 CSS是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言，它是一种对文本进行格式化操作的高级技术，从一个较高的级别上对文本进行控制。它的特点是可以对文本的格式进行精确控制，且可以在文档中实现格式的自动更新。利用CSS可以对现有的标记格式进行重新定义，也可以自行将某些格式组合定义为新的样式，甚至可以将格式信息定义于文档之外。5-1.txt 5.1.2 设定文本的颜色和大小 单击“格式?字体”，出现字体对话框，在这里可以调整字体的类型、字型、大小、颜色和各种效果等。如： 在网页第一行输入“uxcode”，设置字体为“黑体”，字型为“加粗”，字号为“6磅”，颜色为Hex={33,66,99} 第5章 Frontpage2000进阶 第二行输入“眼泪里选择坚强，彷徨中追求梦想 ”，设置字体为“楷体_GB2312”，字型为“常规”，字号为“2磅”，颜色为Hex={33,66,CC} 在第四行输入文本后统一设置“默认字体、常规、3磅”，然后将“主页”设置为黑体，其余设置颜色为Hex={00,99,CC} 5.1.3 设置上标文本和下标文本 在用FrontPage制作网页时，你很可能需要输入一些化学公式、指数或脚注文字，这时就需要设计上下标文本来注明。具体步骤如下： 选中文本?右击?选择“字体”选项 单击“字符间距”选项 第5章 Frontpage2000进阶 在“定位”下拉列表框中，选择“上移”或“下移”选项 在“移动量”微调框中，输入指定提升或降低文本多少磅数的数字 注意：某些web浏览器只会提升文本到一个固定磅数或者直接使用默认值。如X2设置后变为 5.1.4 查找和替换文本 (1)查找 将插入点放置在网页，或者在HTML代码中查找文本，选取“HTML”选项卡，然后将插入点放置在网页的开头 在菜单栏“编辑”菜单中，单击“查找”选项 在“查找”文本框中，输入要搜索的文本 第5章 Frontpage2000进阶 若只查找完全匹配整个单词的文本，则选中“全字匹配”复选框 若只查找与所输入文本的大小写相符的文本，则选中“区分大小写”复选框 单击“查找下一个”按钮 (2)替换 将插入点放置在网页的开头，或者在HTML代码中查找和替换文本，则选中“HTML”选项卡，然后将插入点放置在网页的开头 在“编辑”菜单中，单击“替换”选项 在“查找内容”文本框中，输入要搜索的文本 在“替换为”文本框中，输入替换文本 第5章 Frontpage2000进阶 若只查找完全匹配整个单词的文本，则选中“全字匹配”复选框 若只查找与所输入文本的大小写相符的文本，则选中“区分大小写”复选框 要查找下一个相符的文本，则单击“查找下一个”按钮。要替换该文本，则单击“替换”按钮。 5.2 水平线 水平线在网页中经常被用到，它主要用以分隔文档内容，使文档结构清晰明白。有时合理利用水平线可以获得很好的效果。一篇内容繁杂的文档，如果放几条水平线，就变得层次分明，便于阅读。具体步骤如下： 第5章 Frontpage2000进阶 将插入点放在要插入水平线的位置 单击“插入”菜单中的“水平线”选项 如果要设置水平线属性，则选中所插入水平线，右击选择“水平线属性”或直接按键盘上【Alt】+【Enter】键弹出“水平线属性”对话框，进而对水平线的宽度(百分比或像素)、高度(像素)、对齐方式、颜色等进行修改 5.3 列表（项目符号和编号） 5.3.1 选择列表和列表项 Frontpage准备了三种列表：图片项目符号列表、无格式项目列