《交互网站的设计与开发》实验报告模板.doc

苏州科技学院传媒艺术学院 实 验 报 告 课程名称 交互网站的设计与开发 实验班级 历史1111 实验组别 1120501112 学生姓名 俞梦娇 2013年9月 17 日 2013 年9月 18日 传媒与视觉艺术学院实验报告 实验名称及编号： 一、实验目的及要求：: 计算机、Adobe Dreamweaver CS3、《网页制作三合一案例教程》 三、实验步骤和内容： 制作“婚庆套装报价”页面 1、 将素材中的marry文件夹复制到站点mysite文件夹内。 2、 双击【文件面板】中站点下marry文件夹内的index.htm文件将其打开 3、 选择菜单【修改】--[页面属性]命令，打开＂页面属性＂对话框。选择“外观”标签，设置“文字大小”为9，“文本颜色”为黑色，“背景颜色”为白色，“背景图像”为image/bg-flower.jpg，如图4-35所示。选择“链接”标签，设置“链接颜色”和“已访问链接颜色”为黑色，“变换图像链接颜色”为﹟ff0066，“活动链接”为红色，“下划线样式”为“仅在变换图像时显示下划线”，如图4-36所示。选择“标题/编码”标签，设置“标题”为“随缘婚庆”，如图4-37所示。 4、 选择页面右侧的空白区域，插入7行1列的表格，宽度设置为90%，居中显示，如图4-38所示。 5、 在第1、3、5、7行分别插入images文件夹中的图片title-5.giftitle-6.giftitle-7.giftitle-8.gif，在第2、4、6行分别设置单元格背景为iamges文件夹下的title-9.gif。 6、 选择第2行单元格，插入1行1列、宽度为95%且对齐方式为居中显示的表格。在表格内插入图片并输入文字。 7、 选中图片，设置其“高”为150，“对齐”方式为右对齐。 8、 按如上方法，制作所有内容 9、 选中“经典鲜花浪漫婚礼套系”文件夹中的图片，在【属性面板】中“链接”设置为image/flower.jpg 10、 制作完成，按Ctrl+S组合键保存页面。 四、实验中的问题与体会: 五、思考题： 一、填空题 1、HTML又称为超文本标记语言。 2、HTML由标签和属性组成的。 3、body标签中的bgcolor属性是用来设置背景颜色的。 4、ul为无序清单标签，ol为有序清单标签。 二、问答题 1、简述创建HTML文档的两种方法 答：一种是直接编写代码，可以使用Windows操作系统中的记事本等文本编辑工具，在保存的时候类型定义为*.html即可；另一种可以使用工具软件创建HTML文档，Dreamweaver就是典型的例子。 2、简述排版标签中p和br两个标签的区别 答：p是段落标签br是换行标签。 3、简述框架标签中frameset和frame的区别 答：frameset是成对出现的，用来定义整个框架结构。frame标签则具体定义每个窗口。 成绩： 教师： 日期： 6