实验一 初识Dreamweaver CS6
(验证性实验2学时)
一、实验目的
1.掌握认识并熟悉Dreamweaver的工作界面,能够自定义工作环境。 2.掌握代码视图的使用方法。
二、软硬件环境
1. 硬件:奔腾686处理器, 2G内存,150G硬盘。
2. 软件:中文Windows XP的操作系统和Adobe Dreamweaver CS 6应用程序。
三、预习要求
认真复习课堂所讲内容。应了解和掌握网页的基本概念及网页的基本构成元素;学会站点整体规划;熟练代码视图的使用方法。
四、实验内容 1.建立本地站点
1) 在D盘根目录下建立一个名为web的文件夹。在web文件夹下,建立一个名为images的子文件夹(用于存放网站的图片文件),将素材中的图片复制到images文件夹中。
2) 定义一个本地站点,其中站点名为:我的站点,站点的根目录为web,默认图像文件夹为images。 操作步骤:
(1) 启动Adobe Dreamweaver CS6 ,单击“站点”→“新建站点” →选择“站点”选项卡,设置站点名称和站点文件夹。
1
(2)
选择“高级设置”中的“本地信息”选项卡,设置默认图像
文件夹。
点击“保存”按钮。
3) 管理本站点。
操作步骤:“站点”→“管理站点”
(3)
:删除站点 :复制站点
:编辑站点 :导出站点
2.新建一个文件,分别设置该文件的页面属性、下载时间与大小,并预览该页面。
2
提示: “文件”→“新建”打开新建文档对话框,如下图所示。
在代码视图中输入:,然后转换到设计视图,并保存文件为。
1) 页面属性设置 包括外观(CSS)设置(默认字体、字号、字色、背景色、背景图片及边距)、链接(CSS)、标题/编码设置。
操作步骤:“修改”→“页面属性”打开页面属性对话框。
选择“外观(CSS)”选项卡,按照下图所示设置文本的大小、颜色和网页的背景色。单击“应用”按钮查看设置效果。
3