网页制作与规划实训报告

《网页制作与规划实训报告》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、实训报告实训名称：网页制作与规划实训学院：专业、班级：学号：学生姓名：指导教师：2014年12月12日实训报告内容一、实训名称网页制作与规划实训二、实训时间三、实训地点四、实训目的实训一：1.了解组成网页的基本元素2.掌握文本元素的添加和编辑方法3.掌握图像元素的添加和运用技巧4.掌握几种链接的具体创建方法5.掌握图像元素的添加和运用技巧实训二：1.掌握表格的基本用法2.掌握表格布局页面的方法3.学会用框架布局页面的方法4.了解框架布局的特点实训三：1．掌握在Fireworks中创建动画的方法2．掌握在Fireworks中制作蒙版的创建方法3．掌握基本动画补间操作实训四：1

2、.掌握层的正确定位方法2.学会利用层来制作弹出式菜单3.了解时间轴的编辑特点和方法4．学会定义和应用CSS样式五、实训内容任务一：在网页中基本页面元素的应用新建站点：、(1)在默认打开的网页中选择“修改”

3、“页面属性”菜单命令，设置使背景颜色为#CCCCCC。(2)输入网页首行文本“老邮票知多少”，大小为48像素，颜色为#FFFF00，字体为“华文行楷”粗体，居中对齐。(3)在网页第二行插入更新日期和版权信息，选择“插入”l“日期”菜单命令，将当前编辑日期插入网页，然后利用“插入”面板上“文本”选项卡中的晶按钮，插入多个空格，再输入版权信息“◎版权所有：D．Wei@sohu

4、．com”整行文字大小为18像素，颜色为#，字体为默认字体，粗体，居中对齐。(4)在网页第三行选择“插入”

5、“水平线”菜单命令，插入一条水平线，高度为5，其他属性取默认值。(5)在网页第四行、第七行各插入一行文本，内容分别为“纪33(C33)：中国古代科学家、1955．8．25发行600万套、全套4枚、新票市场参考价￥550元。”和“纪36(C36)：中国工农红军胜利完成二万五千里长征二十周年、1955．12．30发行600万套、全套2枚、新票市场参考价￥850元。”文字大小为18像素，格式为“项目列表”，其他属性取默认值。(6)在网页第五行选择“插入”I“图像”菜单命令，

6、插入四张邮票图像，文件名分别为0637.jpg、0638.jpg、0639.jpg、0640.ipg。每张图像的宽为110、高为150，其他属性取默认值。(7)在网页第六行插入一条水平线，宽为400像素，其他属性取默认值。(8)在网页第八行插入两张邮票图像，文件名分别为0645.jPg、0646.ipg，图像宽高分别为150／110和110／150，其他属性取默认值。4．保存网页选择“文件”

7、“保存”菜单命令，在站点中将此网页保存为sx3-1．htm。(1)建立图像热点链接。为此选中网页上方图像，利用“属性”检查器中的热点工具在图像上建立两个热点，如图3．40所示。从左到右

8、两个热点分别链接到sx3-2-1．htm和sx3-2-2．htm文件(两个文件可稍后建立)。(2)插入命名锚记。为此将光标放在网页标题“教育天地”后，选择“插入”I‘‘命名锚i6'’菜单命令，在输入对话框中输入锚记“A0"。依此方法在网页右侧文本“教养员”、“教员”、“特级教师”、“助教”、“讲师”、“副教授”和“教授”处分别插入命名锚记，依次为A1～A7。…(3)创建锚点链接。为此分别创建左列目录文本“教养员”、“教员”、“特级教师”、“助教”、“讲师”、“副教授”和“教授”与右列命名锚记A1～A7的锚点链接。然后再将各段下方的文本“返回”与标题处锚记A0建立锚点链接。(

9、4)创建无址链接。选中网页上方文本“教师篇”，在“属性”检查器的链接栏中输入“≠}”即可。(5)创建邮件链接。选中网页最后一行文本“联系”，然后在“属性”检查器的链接栏中输入“mailto：abc@163．com'’即可。如图3—41所示。6．保存网页选择“文件”I“保存”菜单命令，将此网页保存在站点中。7建立其他网页(1)新建一张网页，输入“名人看教育”，文件名为sx3-2-1.htm，保存在站点中。(2)再新建一张网页，输入“教育话题”，文件名为sx3-2-2.htm，保存在站点中。8．站点测试按【F12】键在浏览器中预览，观察效果与样图是否一致。单击建立的每个链接，以

10、测试超链接是否都能够正确跳转。任务二：HTML基本标记的应用1．准备工作在C盘或其他盘符下新建一个工作夹，制作的所有页面都保存在这个文件夹内。将给定的图像素材文件复制到工作文件夹中。2．建立名称为了test.html的HTML页面，效果如图4-1所示。页面功能要求为：（1）页面标题为“基本标记测试”；（2）页面内的所有标题文字均为标题2格式；（3）单击链接文字时要求在新的浏览器窗口中，打开test.html页面自身；(4)图片名称为1．gif，存放在工作文件夹中，与test．htm页面位于同一位置；(5)依据图4—