第8章 网页制作软件FrontPage2003

第8章网页制作软件FrontPage2003的使用第2页•第8章网页制作软件FrontPage2003的使用•本章的重点主要包括：文本操作(设置字体、字号、间距、颜色)，段落设置（行距、首行缩进、段前与段后间距、项目符号与编号），图片操作（插入图片、设置大小、对齐方式、显示文本等），热区和超级链接，css样式，表格操作，表单操作（插入表单域对象、设置属性等），其他操作（网页背景、动态效果、滚动字幕）等。第3页8．1基本操作【例1】设置字体、字号、间距、颜色将如图8．1所示中网页标题的字体设为宋体，字号设为24，间距设为扩充3pt，颜色设为蓝绿色，并居中。8．1．1文本操作图8．1第4页【例2】设置段落的行距、首行缩进、段前与段后间距、项目符号与编号。将下面网页(如图8．6所示)中第二段设行距为1．5倍行距，首行缩进20pt，段前20pt，段后30pt，并将这三段的项目符号和编号设为无格式项目列表中的实心圆符号。8．1．2段落设置8．1基本操作图8．6第5页【例3】在图8．12所示的网页中，要求在第一段与第二段中间插入一幅图片，并重新设置其大小为600*120像素(图片为\fronptpage素材\图片操作\兰亭集序．jpg)，并居中显示。8．1．3图片操作（插入图片，设置图片的大小，对齐方式，显示文本等属性）8．1基本操作图8．12第6页【例4】在如图8．19所示的网页中，要求在文本前面连续插入两幅图片（\fronptpage素材\图片操作\王羲之．jpg和\fronptpage素材\图片操作\鹅．jpg），分别设置对齐方式为左对齐和右对齐，再分别设置显示文字为“王羲之”和“王羲之换鹅”。8．1基本操作图8．19第7页8．1．4热区和超级链接8．1基本操作【例5】将如图8．23所示的网页表格中第一行《兰亭集序》、《快雪时晴帖》、《黄庭经》分别设为超级链接，链接到素材文件夹中相应的大图片。图8．23第8页8．1基本操作【例6】将表格中第二行中的小图片设置链接，分别链接到《兰亭集序》、《快雪时晴帖》、《黄庭经》三个图片。图8．29【例7】将如图8．29所示中的图片设置长方形热区，链接到相应的清晰图片（图片为\fronptpage素材\热区和超级链接\《兰亭集序》清晰大图）。第9页8．1．5表格操作8．1基本操作【例8】创建如图8．33所示(下一页)的表格(个人简历表．JPG)。具体要求如下：1．表格指定宽度为600像素，高度为400像素。2．对齐方式为水平居中。设置表格边框粗细为3。3．边框为黑色，暗边框颜色为Hex={00，00，FF}，背景颜色为Hex={FF，FF，CC}。4．表格标题为宋体、大小为14磅，字符间距为３磅，居中。5．表格中文字体为宋体，大小为10磅，居中(最后一行除外)。6．调整表格各行与各列宽度与高度：第1—4行高度为50像素，第5行高度为200像素；第1、3列宽度为70像素，第2、4列宽度为150像素，第5列宽度为160像素。第10页8．1基本操作图8．33第11页【例9】新建一个样式fp，设置格式如下：字号为24pt，颜色为蓝绿色，加下划线，首行缩进30pt。将其应用到图8．43所示的网页中的第二段。8．1．6css样式8．1基本操作图8．43第12页【例10】创建如图8．48所示的网页表单（完成后效果见第8章Frontpage2003素材\表单操作\fp1．htm）。8．1．7表单8．1基本操作图8．48第13页【例1】将随书光盘“第8章Frontpage2003素材”中\综合实例\fp．htm复制到自己的计算机上并在Frontpage2003环境下打开，要求：1．设置网页顶部标题“溪口雪窦山名胜区”为隶书、24磅、颜色为红色。2．设置标题下方文本“国家级重点风景名胜区”为滚动字幕，方向向右，字幕背景为Hex={FF，FF，CC}。3．在网页表格第一行的第二个单元格中插入图片“\frontpage素材\综合实例\溪口全图．jpg”4．设置网页表格第二行单元格背景颜色为Hex={FF，FF，CC}。8．2综合练习第14页【例1】将随书光盘“第8章Frontpage2003素材”中\综合实例\fp．htm复制到自己的计算机上并在Frontpage2003环境下打开，要求：5．在网页下方的表单中，完成相应的表单对象的添加，并进行属性的设置：(1)设置表单的名称为“调查表”，保存结果发送到[e-mail]。(2)在“用户名：”后，添加单行文本框，名称设为“username”，Tab键顺序设为1。(3)在“性别：”后，分别在文本“男”与“女”前面添加单选按钮，设置第一个单选按钮的初始状态为“已选”。(4)在“您来自”后，添加下拉菜单，然后在添加选项如下：选项已选-------------------------------------------浙江是江苏否上海否8．2综合练习第15页【例1】将随书光盘“第8章Frontpage2003素材”中\综合实例\fp．htm复制到自己的计算机上并在Frontpage2003环境下打开，要求：6．为网页下方的网站设置链接：将“奉化溪口资讯站”链接到：．xikou114．com。将“溪口旅游集团有限公司旅游资讯网”链接到：．xikoutourism．com。将“[e-mail]”设置为邮件链接：[e-mail]。7．设置网页属性：网页标题设为“浙江省奉化市溪口雪窦山名胜区”。网页背景图片设为：\frontpage素材\综合实例\背景．gif。设置超链接属性：将超链接颜色设为Hex={80，00，00}；访问过的超链接颜色设为Hex={80，80，00}；选中的超链接颜色设为Hex={00，80，00}。8．2综合练习第16页将随书光盘“第8章Frontpage2003素材”中\习题\习题一．htm复制到自己的计算机上并在Frontpage2003环境下打开，要求：1)在Frontpage2003环境下打开“习题”文件夹中“习题一．Htm”，将标题“王羲之简介及作品欣赏”的字体设为楷体，字号设为18磅，间距设为扩充3pt，颜色设为蓝色，加下划线，并居中。2)将第二段设行距为2倍行距，首行缩进20pt，段前20pt，段后30pt。3)将第三、四、五段的项目符号和编号设为无格式项目列表中的实心圆符号。4)要求在最后一段的“首推【兰亭集序】”后面插入一幅图片，图片为“习题”文件夹中“图片一”，并重新设置其大小为160*104像素。5)将该图片设置长方形热区，链接到“习题”文件夹中“图片二”。6）将“首推【兰亭集序】”中的“【兰亭集序】”设置为超链接，链接到“习题”文件夹中“图片二”。7）新建一个样式new，设置格式如下：字号为24pt，颜色为红色，加下划线，首行缩进60pt。并将其应用于最后一段。8）要求在文章的最后创建一个四行五列的表格，并平均分配列宽，指定每行高度为24像素。9）要求设置网页属性，将网页标题改为“Frontpage2003习题网页”，背景音乐设为“《致艾丽丝》．wav”。8．3习题第17页