实验三 网页编辑与超链接 （网页设计）2.docVIP

实验三 网页编辑与超链接 一、实验目的和要求： 掌握网页文档常用的格式化方法 掌握在网页中插入各种对象的方法 掌握超链接的创建方法 二、实验内容： 1. 网页文档的基本操作 （1）将My site\doc 文件中的两个word 文件（oa.doc和book.doc）转换成Word Html文件，分别以文件名exe13-1.htm和exe13-2.htm 为名，保存在My site 中。 （2）在Dreamweaver cs5 中，导入My site \exel3-1.htm 文件。 （3）给页面文档添加标题“办公自动化”，并将网页标题改为“办公自动化一说”。 （4）在网页第2段文字前插入一段文字. （5）给第２、３段加项目符号。 （7）按功能键F12预览网页。 　（8）预览该网页，以exe13-3.htm 为名将其保存到 My site 中。 2. 网页文档的格式化操作 （1）将My site\exe13-3.htm 文档中的标题文字“办公自动化”作格式化，设置字体、【文本格式】、【文本颜色】，【居中对齐】、【粗体】。 　（2）创建名为“标题1”的HTML样式，设置 【格式】 为【标题1】 、【应用到】的范围为 【段落】样式、【字体】为【华文行楷】、【颜色】为#0000FF 、【样式】为粗体【B】、【对齐方法】 为 【居中对齐】 。 （３）将名为“标题１”的ＨＴＭＬ样式复制为名为“标题２”的ＨＴＭＬ样式，设置【字体】为【方正舒体】、【应用到】的范围为【选定范围】的字符样式、【颜色】为＃ＦＦ0000、【样式】为粗体【B】、字体【大小】为＋５。 　（４）创建名为“正文字符１”的ＨＴＭＬ样式，将其设置为字符样式、【字体】为【楷体】，【样式】为粗斜体【Ｂ】、【Ｉ】，【颜色】为＃000099，字体【大小】为＋２。 　（５）用ＨＴＭＬ样式“标题１”格式化当前文档的标题；用ＨＴＭＬ样式“标题2”格式化当前文档的第4段文字；用HTML样式“正文字符１”格式化当前文档的第５段文字。 （6）设置页面背景图片为My site\ gif 文件夹中的bg0052.gif 图片文件。预览网页后，保存网页文件为My site \exe13-4.htm。 3. 图片的编辑操作 （1）创建一个如图13-3所示的名为exe13-5.htm的网页，设置其页面背景为bg0027.gif，网页标题为“图形编辑试验”，将其保存到My site 中。 图13-3 exe13-5.htm网页 在页面合适的位置插入一个两行两列的表格，表格中每个单元格为150*150像素。在四个单元格中分别插入My site \ jpg 文件夹中图片文件t1.jpg、t2.jpg、t3.jpg、t4.jpg。 给每张图片设置2个像素的边框，分别给其中2张图片设置地带文字“书——精神的粮食”、“书——力量的源泉”，设置的代替文字是指在浏览时，但鼠标指向图片时显示的文字。 插入页面文字“书——精神的粮食”。 启动外部图片编辑器 Fireworks，给4张图片加上文字“书籍”、“知识”、“力量”、“智慧”。 （2）创建一个名为exe13-6.htm的网页，如图所示。设置页面背景图片尾bg0026.jpg，并添加页面文字“书——知识的源泉”。 exe13-6.htm网页 在页面合适的位置插入1行4列的表格，每个单元格为79*79像素。在四个单元格中制作 【鼠标经过图像】 ，初始图片为t11.jpg、t22.jpg、t33.jpg、t44.jpg，翻转图片分别为t5.jpg、t6.jpg、t7.jpg、t8.jpg。单击翻转图片时链接的页面文件分别是My site \html \ 中的edu.htm、art.htm、literatuer.htm、scie.htm 。 预览后，保存该文件为My site \exe13-6.htm. (3) 创建名为exe13-7.htm的网页文件，如图所示。用My site\ photo文件夹中的t1.jpg~~t8.jpg 图片创建网上图片相册。 网页和相册标题为“书——知识的源泉”，背景图片为bg0026.jpg。初始图片文件夹为My site 文件夹下photo 子文件夹，目标图片文件夹为本地根文件夹My site 。页面图片的缩略图尺寸为100*100像素；每行列数为4列，缩略图片文件格式为 .jpg。 4. 创建超链接 （1）打开My site \exe13-1.htm网页，在该网页文档的底部创建E-mail 链接，电子邮件的链接的文本为“请与我们联系”；E-mail 地址为练习者正式注册的电子邮件地址。预览后，保存文件为My site\exe13-8.htm。 （2）打开My site\html\litera