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

实验7：Dreamweaver8软件的使用实验项目：常用软件的使用（3学时）所属课程：计算机基础一、实验目的与要求：实验目的：通过本实验的练习，使学员掌握Dreamweaver8启动和退出方法、掌握本站点的设置方法、掌握创建、打开和保存HTML文档的方法，初步具有网页设计的基本操作能力。实验要求：利用Dreamweaver8软件按照案例要求完成相关操作，将操作结果保存到Y盘以“学号姓名网页设计”命名的文件夹中，并完成纸质实验报告。二、实验原理：通过利用Dreamweaver8软件完成教师指定案例的操作，初步具有网页设计的基本操作能力。三、实验器材或软件：计算机、投影仪、Dreamweaver8软件。四、实验内容及操作方法：实验内容：使用Dreamweaver8软件设计一个简单网页创建一个名称为“学号姓名”站点，并在其中按如下要求设计简单网页Index.html。要求：1)网页背景为动图，标题为“我的主页”。2)创建CSS样式S1：黑体、蓝色、18pt，格式化标题“忠诚、精业、团结、创新”。计算机基础实验指导书2S2：黑体、18pt，格式化“个人主页”、日期和“友情链接”S3：10pt，格式化其他文字。3)“学院主页”链接到，在同一个IE窗口打开。4)表格第二行左侧是一张个人照片，中间是一个照片，右侧是一个表单，其中用户名和密码的字符宽度和最多字符数均为12个字符。5)第四行两个超链接分别链接到重庆警察学院和重庆公安信息网。6)[e-mail]超链接到电子邮件地址：mailto：[e-mail]操作方法：利用Dreamweaver8软件和现有素材按照教材P190-196页例7.2和例7.3完成简单网页设计的相关操作，将结果保存到Y盘以“学号姓名网页设计”命名的文件夹中，并完成纸质实验报告。网站的设计与制作过程和内容不必拘泥于教材，同学可以自行设计和实现。五、操作步骤：教材P190-196页例7.2和例7.31.安装Dreamweaver8软件2.创建Y:学号姓名网页设计作为站点文件夹，再在其中创建Images文件夹用于存放网页图片；3.打开Dreamweaver8，执行【站点】-创建站点命令创建学号姓名站点；(P188站点管理)计算机基础实验指导书3计算机基础实验指导书4计算机基础实验指导书54.执行【文件】-【新建】命令制作Html基本页，初始文件名为Untitled-1.html，保存时改为index.html；计算机基础实验指导书6【文件】-【保存】计算机基础实验指导书75.执行【修改】-【页面属性】命令，打开【页面属性】对话框，在【外观】类中设置背景图像为任意图像(提前放置图片至Y盘学号姓名文计算机基础实验指导书8件夹下image文件夹内)；计算机基础实验指导书9在【标题/编码】类中设置网页标题为“我的主页”；计算机基础实验指导书106.执行【文本】-【CSS样式】-【新建】命令建立S1、S2、S3样式；计算机基础实验指导书11计算机基础实验指导书12同理新建S2和S3：S2计算机基础实验指导书137.输入标题“忠诚、精业、团结、创新”，并用S1格式化：选定标题“忠诚、精业、团结、创新”文本，然后在属性面板的【样式】下拉列表中选择所需的CSS样式S3计算机基础实验指导书14执行【插入】-【表格】命令插入5×3的表格，标题和表格设置为居中；调整表格至中间位置，选定第一行第二、三列，【右键】-【表格】-【合并单元格】，同理将第三、五行第一、二、三列分别合并单元格；计算机基础实验指导书158.输入表格中的文字，并按要求用S2和S3进行格式化，插入图片并调整大小；S1：黑体、蓝色、18pt，格式化标题“忠诚、精业、团结、创新”。S2：黑体、18pt，格式化“个人主页”、日期和“友情链接”S3：10pt，格式化其他文字。计算机基础实验指导书169.设置超链接：“学院主页”链接到，“浙江警察学院”链接到，“重庆公安信息网”链接到“[e-mail]”链接到mailto:[e-mail]；选定“学院主页”-下方属性-链接内输入，计算机基础实验指导书1710.执行【插入】-【表单】命令插入表单，且在其中插入两个文本域、两个按钮。【插入】-【表单】-【文本域】计算机基础实验指导书18计算机基础实验指导书19【插入】-【表单】-【按钮】计算机基础实验指导书2011.保存网页，并用浏览器浏览。