河南科技大学网页设计实验报告3.docx
- 文档编号:28047405
- 上传时间:2023-07-07
- 格式:DOCX
- 页数:12
- 大小:1.89MB
河南科技大学网页设计实验报告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)活动的迅速发展。
”的文字成为第2自然段。
(6)给第2、3段加项目符号。
并将文档中的文字“办公自动化”替代为“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,四个按钮所链接的网页分别为Mysite\html\literature.htm、art.htm、edu.htm、scie.htm。
预览后,保存该文件为Mysite\exe13-12.htm.
(5)创建名为exe13-13.htm的网页文件,在网页中合适的位置上插入Mysite\jpg\net1.jpg图片文件。
用多边形、圆形和矩形创建影射图链接,其中多边形、圆形和矩形影射图链接分别自选Mysit\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分
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 河南 科技大学 网页 设计 实验 报告