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

《实验三网页编辑与超链接（网页设计）2》由会员上传分享，免费在线阅读，更多相关内容在学术论文-天天文库。

1、实验三网页编辑与超链接一、实验目的和要求：1.掌握网页文档常用的格式化方法2.掌握在网页中插入各种对象的方法3.掌握超链接的创建方法二、实验内容：1.网页文档的基本操作(1)将Mysitedoc文件中的两个word文件(oa.doc和book.doc)转换成WordHtml文件，分别以文件名exel3-l.htm和exel3-2.htm为名,保存在Mysite中。(2)在Dreamweavercs5中，导入Mysiteexel3-1.htm文件。(3)给页面文档添加标题“办公口动化”，并将网页标题改为“办公口动化一说”。(4)在网页第

2、2段文字前插入一段文字.(5)给第2、3段加项目符号。(7)按功能键F12预览网页。(8)预览该网页，以exel3-3.htm为名将其保存到Mysite中。2.网页文档的格式化操作(1)将Mysitccxel3-3.htm文档中的标题文字“办公自动化”作格式化，设置字体、【文木格式】、【文木颜色】，【居屮对齐】、【粗体】。(2)创建名为“标题1”的HTML样式，设置【格式】为【标题1】、【应用到】的范围为【段落】样式、【字体】为【华文行楷】、【颜色】为#0000FF、【样式】为粗体【B】、【对齐方法】为【居中对齐】。(3)将名为“标题1

3、”的HTML样式复制为名为“标题2”的HTML样式，设置【字体】为【方正舒体】、【应用到】的范囤为【选定范1羽】的字符样式、【颜色】为#FFOOOO.【样式】为粗体【B】、字体【人小】为+5o(4)创建名为“正文字符1”的HTML样式，将其设置为字符样式、【字体】为【楷体】，【样式】为粗斜体【B】、【I】，【颜色】为#000099,字体【大小】为+（5）用HTML样式“标题1”格式化当而文档的标题；用HTML样式“标题2”格式化当前文档的第4段文字；用HTML样式“正文字符1”格式化当前文档的第5段文字。（6）设置页面背景图片为Mysit

4、egif文件夹中的bg0052.gif图片文件。预览网页后,保存网页文件为Mysiteexel3-4.htm01.图片的编辑操作（1）创建一个如图13-3所示的名为exel3-5.htm的网页，设置其页面背景为bg0027.gif,网页标题为“图形编辑试验”，将其保存到Mysite中。④图形编辑实玲-傩游[lazthon]EEEI文件（Z）编辑（£）查看世）收藏⑹快捷组©选段@）工具Q）宙口⑩帮助QP1•日回・田宙形編辑实验不襦神的粮食■J芫毕⑥0鱼⑧圭寿冷192.1680.2000子节⑸.I图13-3exel3-5.htm网页在页面

5、合适的位置插入一个两行两列的表格,表格中每个单元格为150*150像素。在四个单元格中分别插入Mysitejpg文件夹中图片文件tl.jpg>t2.jpg、t3.jpg、t4.jpg。给每张图片设置2个像索的边框，分别给其中2张图片设置地带文字“书——粕神的粮食”、“帖一一力量的源泉”，设置的代替文字是指在浏览时，但鼠标指向图片时显示的文字。插入页面文字“书——精神的粮食”。启动外部图片编辑器Fireworks,给4张图片加上文字“书籍”、“知识”、“力量”、"智慧”。（2）创建一个名为exel3-6.htm的网页,如图所示。设置页面背

6、景图片尾bg0026.jpg,并添加页而文字“书——知识的源泉”。㊇鼠标经过图像实鲨-傲游[Iaxthon]文件g)編辑②查看&)收藏@)快捷组©选项©工具a)窗口也>帮助©)3团冈▼日回▼田鼠标经过圉像羽知识的源泉exel3-6.htm网页在页而合适的位置插入1行4列的表格，每个单元格为79*79像索。在四个单元格中制作【鼠标经过图像】,初始图片为tll.jpg、t22.jpg、t33.jpg、t44.jpg,翻转图片分别为t5.jpg、t6.jpgt7.jpg、t8.jpgo单击翻转图片时链接的页面文件分别是Mysitehtml中

7、的edu.htm>art.htm>literatuer.htm>scie.htm。预览后,保存该文件为Mysiteexel3-6.htm.(3)创建名为exel3-7.htm的网页文件,如图所示。用Mysitephoto文件夹中的tl.jpg~t8.jpg图片创建网上图片相册。网页和相册标题为“书——知识的源泉”，背景图片为bg0026.jpgo初始图片文件夹为Mysite文件夹下photo了文件夹，目标图片文件夹为本地根文件夹Mysite。页面图片的缩略图尺寸为100*100像索；每行列数为4列，缩略图片文件格式为jpgo1.创建超

8、链接(1)打开Mysi(eexcl3・l.h(m网页，在该网页文档的底部创建E-mail链接，电了邮件的链接的文木为“请与我们联系”；E-mail地址为练习者正式注册的电了邮件地址。预览后,