河南科技大学网页设计实验报告3.docx

河南科技大学网页设计实验报告3.docx

《河南科技大学网页设计实验报告3.docx》由会员分享，可在线阅读，更多相关《河南科技大学网页设计实验报告3.docx（12页珍藏版）》请在冰豆网上搜索。

河南科技大学网页设计实验报告3

实验名称：

网页编辑与超链接

实验学时：

3学时

班级：

学号：

姓名：

指导教师：

实验时间：

一、实验目的和要求

1.掌握网页文档常用的格式化方法

2.掌握在网页中插入各种对象的方法

3.掌握超链接的创建方法

二、实验内容及步骤

1.网页文档的基本操作

（1）将Mysite\doc文件中的两个word文件（oa.doc和book.doc）转换成WordHtml文件，分别以文件名exe13-1.htm和exe13-2.htm为名，保存在Mysite中。

（2）在Dreamweaver中，导入Mysite\exel3-1.htm文件。

并将Mysite\doc中book.doc文件的第2、3段文字插入到当前文档的最后面，并使插入的文字与原文档之间有空行。

（3）给页面文档添加标题“办公自动化”，并将网页标题改为“办公自动化一说”。

将网页中第2段文字删除，然后恢复。

（4）在网页第2段文字前插入一段文字：

“办公自动化的目标是提高办公的效率和办公的质量，由于如今技术和经济的发展，办公自动化早已超越了狭窄的办公室，人们把包括了办公与管理范畴的工作统称为办公自动化。

”

（5）将第1自然段折成两段，使“目前，以计算机为主要办公工具，…………促进现代办公自动化（OfficeAutomation）活动的迅速发展。

”的文字成为第２自然段。

　（6）给第２、３段加项目符号。

并将文档中的文字“办公自动化”替代为“OA”。

（7）按功能键F12预览网页后，将文档中的文字“OA”恢复成“办公自动化”。

　（8）预览该网页，以exe13-3.htm为名将其保存到Mysite中。

2.图片的编辑操作

（1）创建一个如图13-3所示的名为exe13-5.htm的网页，设置其页面背景为bg0027.gif，网页标题为“图形编辑试验”，将其保存到Mysite中。

在页面合适的位置插入一个两行两列的表格，表格中每个单元格为150*150像素。

在四个单元格中分别插入Mysite\jpg文件夹中图片文件t1.jpg、t2.jpg、t3.jpg、t4.jpg。

给每张图片设置2个像素的边框，分别给其中2张图片设置地带文字“书——精神的粮食”、“书——力量的源泉”，设置的代替文字是指在浏览时，但鼠标指向图片时显示的文字。

插入页面文字“书——精神的粮食”。

启动外部图片编辑器Fireworks，给4张图片加上文字“书籍”、“知识”、“力量”、“智慧”。

（2）创建一个名为exe13-6.htm的网页，如图13-4所示。

设置页面背景图片尾bg0026.jpg，并添加页面文字“书——知识的源泉”。

在页面合适的位置插入1行4列的表格，每个单元格为79*79像素。

在四个单元格中制作【鼠标经过图像】，初始图片为t11.jpg、t22.jpg、t33.jpg、t44.jpg，翻转图片分别为t5.jpg、t6.jpg、t7.jpg、t8.jpg。

单击翻转图片时链接的页面文件分别是Mysite\html\中的edu.htm、art.htm、literatuer.htm、scie.htm。

预览后，保存该文件为Mysite\exe13-6.htm.（3）创建名为exe13-7.htm的网页文件，如图13-5所示。

用Mysite\photo文件夹中的t1.jpg~~t8.jpg图片创建网上图片相册。

网页和相册标题为“书——知识的源泉”，背景图片为bg0026.jpg。

初始图片文件夹为Mysite文件夹下photo子文件夹，目标图片文件夹为本地根文件夹Mysite。

页面图片的缩略图尺寸为100*100像素；每行列数为4列，缩略图片文件格式为.jpg。

3、创建超链接

（1）打开Mysite\exe13-1.htm网页，在该网页文档的底部创建E-mail链接，电子邮件的链接的文本为“请与我们联系”；E-mail地址为练习者正式注册的电子邮件地址。

预览后，保存文件为Mysite\exe13-8.htm。

（2）打开Mysite\html\literature.htm网页文件，在该网页文件的首尾两处“中国文学”之中，分别插入名为W1和W2的锚点。

用选中文档第1行中的文字“古老民族”，作锚点W2的源端点，建立内部锚点链接，保存该文件为Mysite\exe13-9.htm；打开Mysite\exe13-3.htm网页文档，用标题“办公自动化”作锚点W1的链接源端点，建立外部锚点链接。

预览后，保存该文件为Mysite\exe13-10.htm。

（3）打开Mysite\exe13-1.htm网页，在该网页文档合适的位置添加一个跳转菜单，跳转菜单的第1项标识文字为“友情链接”。

跳转菜单的选项和链接网页URL，分为：

上海热线：

搜狐

网易

中文雅虎

预览后，保存该文件为Mysite\exe13-11.htm。

（4）打开Mysite\exe13-1.htm网页，在该网页文档合适的位置添加一个导航条，导航条上四个按钮分别是“现代文学”、“生活艺术”、“文化教育”、“科学技术”，四个按钮对应的图片文件分别是Mysite\button中的文件a1.gif~~~a4.gif、b1.gif~~~b4.gif、c1.gif~~~c4.gif、d1.gif~~~d4.gif，四个按钮所链接的网页分别为Ｍysite\html\literature.htm、art.htm、edu.htm、scie.htm。

预览后，保存该文件为Ｍysite\exe13-12.htm．

（５）创建名为exe13-13.htm的网页文件，在网页中合适的位置上插入Mysite\jpg\net1.jpg图片文件。

用多边形、圆形和矩形创建影射图链接，其中多边形、圆形和矩形影射图链接分别自选Ｍysit\html中的网页文件，预览后保存该文件。

三、实验结果

1、

2、

3、

5、

6、

7、

8、

9、

10、

11、

12、

四、实验中遇到的问题及解决办法

1.将Mysite\doc文件中的两个word文件（oa.doc和book.doc）转换成WordHtml文件时出现了乱码，后来经过老师的讲解知道了，先用WORD打开文件，另存为时修改文件后缀就好了。

2.给文档加项目符号时找不到项目符号的添加方式，经过问同学后知道了

3.不知道怎么设置替代文字“书——精神的粮食”、“书——力量的源泉”。

五、实验成绩（每次实验满分20分，按5个等级打分）

实验评分标准

评分等级

得分

实验一

实验二

实验三

实验四

实验五

独立完成完整的实验内容，知识点运用正确，网页布局美观，运行正确，报告内容完整，排版整洁美观，能真实体现实际操作过程及遇到的问题。

优秀：

18～20分

完成实验，知识点运用正确，网页布局美观，运行正确，报告内容较为完整，排版较整洁美观，能体现实际操作过程及遇到的问题。

良好：

16～17分

基本完成实验，知识点运用正确，网页布局一般，运行正确，报告内容较为完整，排版欠整洁美观，基本能体现实际操作过程及遇到的问题。

中等：

14～15分

不能独立完成完整的实验内容，知识点运用欠缺，网页布局不合理，运行正确，报告内容不完整，排版欠整洁美观，不能真实体现实际操作过程及遇到的问题。

及格：

12～13分

没有按时做实验，实验内容没有完成，网页不能正常显示，报告内容不完整，不能真实体现实际操作过程及遇到的问题。

不及格：

0～11分