重庆警院《计算机基础》实验指导之实验7：Dreamweaver 8软件的使用

1、 计算机基础实验指导书实验7：Dreamweaver 8软件的使用实验项目：常用软件的使用（3学时）所属课程：计算机基础一、实验目的与要求：实验目的：通过本实验的练习，使学员掌握Dreamweaver 8启动和退出方法、掌握本站点的设置方法、掌握创建、打开和保存HTML文档的方法，初步具有网页设计的基本操作能力。 实验要求：利用Dreamweaver 8 软件按照案例要求完成相关操作，将操作结果保存到Y盘以“学号姓名网页设计”命名的文件夹中，并完成纸质实验报告。二、实验原理：通过利用Dreamweaver 8 软件完成教师指定案例的操作，初步具有网页设计的基本操作能力。三、实验器材或软件：计算

2、机、投影仪、Dreamweaver 8 软件。四、实验内容及操作方法：实验内容：使用Dreamweaver 8 软件设计一个简单网页 创建一个名称为“学号姓名”站点，并在其中按如下要求设计简单网页Index.html。要求：网页背景为动图，标题为“我的主页”。创建CSS样式S1：黑体、蓝色、18pt，格式化标题“忠诚、精业、团结、创新”。S2：黑体、18pt，格式化“个人主页”、日期和“友情链接”S3：10pt，格式化其他文字。“学院主页”链接到 HYPERLINK http:/www.jqx.cq http:/www.jqx.cq，在同一个IE窗口打开。表格第二行左侧是一张个人照片，中间是一

3、个照片，右侧是一个表单，其中用户名和密码的字符宽度和最多字符数均为12个字符。第四行两个超链接分别链接到重庆警察学院和重庆公安信息网。 HYPERLINK mailto: 超链接到电子邮件地址：mailto： HYPERLINK mailto: 操作方法：利用Dreamweaver 8 软件和现有素材按照教材P190-196页例7.2和例7.3完成简单网页设计的相关操作，将结果保存到Y盘以“学号姓名网页设计”命名的文件夹中，并完成纸质实验报告。网站的设计与制作过程和内容不必拘泥于教材，同学可以自行设计和实现。五、操作步骤： 教材P190-196页例7.2和例7.3 安装Dreamweaver

4、8软件创建Y:学号姓名网页设计作为站点文件夹，再在其中创建Images文件夹用于存放网页图片；打开Dreamweaver8，执行【站点】-创建站点命令创建学号姓名站点；(P188 站点管理)执行【文件】-【新建】命令制作Html基本页，初始文件名为Untitled-1.html，保存时改为index.html；【文件】-【保存】 执行【修改】-【页面属性】命令，打开【页面属性】对话框，在【外观】类中设置背景图像为任意图像(提前放置图片至Y盘学号姓名文件夹下image文件夹内)；在【标题/编码】类中设置网页标题为“我的主页”； 执行【文本】-【CSS样式】-【新建】命令建立S1、S2、S3样式；

5、同理新建S2和S3：S2S3输入标题“忠诚、精业、团结、创新”，并用S1格式化：选定标题“忠诚、精业、团结、创新”文本，然后在属性面板的【样式】下拉列表中选择所需的CSS样式执行【插入】-【表格】命令插入53的表格，标题和表格设置为居中；调整表格至中间位置，选定第一行第二、三列，【右键】-【表格】-【合并单元格】，同理将第三、五行第一、二、三列分别合并单元格；输入表格中的文字，并按要求用S2和S3进行格式化，插入图片并调整大小；S1：黑体、蓝色、18pt，格式化标题“忠诚、精业、团结、创新”。S2：黑体、18pt，格式化“个人主页”、日期和“友情链接”S3：10pt，格式化其他文字。设置超链接：“学院主页”链接到 HYPERLINK http:/www.jqx.cq http:/www.jqx.cq， “浙江警察学院”链接到http:/www.gagz.gat.zj，“重庆公安信息网”链接到http:/ww.zx.cq, “”链接到mailto:；选定“学院主页”-下方属性-链接内输入http:/ww