返回目录 22创建及设计页面一使用cSS样式 (2)在“名称”文本框中输 新建C55样式 入 选择器类型:类间应用于任何标签)c) 新样式名 C标签重新定义特定标签的外观)) C高级(I、上下文选择器等) (3)“类型”区中提供3种 定义在:C「新建样式表文件) 类型 ∩仅对该文档 帮助 选择其中一项。 新建CSS样式 (4)单击“确定”按钮,出 新样式的〔5s样式定义 现 “新样式的CSS样式定 字体):P文彩云 大小):中索()国相细:正常 义 变量Q 对话框,在其中定义样 行高0:[8像家(x)大小写) 修饰①):厂下规Q 颜色():回3 式的属性 厂上规⑩) (5)创建样式后,单击“确 厂无Q 定”按钮,该样式会出 现 确定取消」应用④)」帮助0」 在样式表文本中。 (6)单击“文件”→“保存” CSS样式定义 16命 令,保存当前样式表文
16 2.2 创建及设计页面—使用CSS样式 （2）在“名称”文本框中输 入 新样式名。 （3）“类型”区中提供3种 类型 选择其中一项。 （4）单击“确定”按钮，出 现 “新样式的CSS样式定 义” 对话框，在其中定义样 式的属性。 （5）创建样式后，单击“确 定”按钮，该样式会出 现 在样式表文本中。 （6）单击“文件” →“保存” 命 令，保存当前样式表文 件。“新样式的CSS样 式 定义”对话框如图 （ CSS样式定义）所示。 新建CSS样式 CSS样式定义 返回目录
返回目录 22创建及设计页面一使用cSS样式 3.样式表在网页中的应用 (1)打开需要应用样式表的网页→“文本”菜单 →CSS 样式→编辑样式表→在弹出的对话框中单击“链 接”→单击“浏览”→选择刚创建的样式表→单 击“确 定”回到“编辑样式表”对话框→在列表中显示 刚添 加的样式表文件→单击“完成”。 (2)如果给标题套用刚创建的样式,方法为:将插入 点置于“类”所在的段落→“窗口”菜单→CSS 17 样式
17 2.2 创建及设计页面—使用CSS样式 3．样式表在网页中的应用 （1）打开需要应用样式表的网页→ “文本”菜单 →CSS 样式 →编辑样式表→在弹出的对话框中单击“链 接” →单击“浏览” →选择刚创建的样式表→单 击“确 定”回到“编辑样式表”对话框→在列表中显示 刚添 加的样式表文件→单击“完成” 。 （2）如果给标题套用刚创建的样式，方法为：将插入 点置于“ 类 ”所在的段落→ “窗口”菜单 →CSS 样式 →在显示的“CSS样式”面板中单击“应用样式” 按钮 →单击 “样式” 。此样式将应用于当前段落。 返回目录
返回目录 22创建及设计页面一使用cSS样式 4.修改样式 若对已设置的样式中某些属性设置不满意,可以修改该样式 单击“CSS样式”面板中的“编辑样式”按钮→在列表中右击需 要修改 的样式名→快捷菜单中选择“编辑”命令→在弹出的属性对话框中改 “样式”及“大小” 5.删除样式表 “文本”菜单→CSS样式表→弹出“编辑样式表”对话框→在列 表框中 选中要删除的样式名→单击“删除”按钮。 6.更改样式表 单击“编辑”按钮→完成用户对样式表更改→单击“完成”按钮。 18
18 2.2 创建及设计页面—使用CSS样式 4．修改样式 若对已设置的样式中某些属性设置不满意，可以修改该样式。 单击“CSS样式”面板中的“编辑样式”按钮→在列表中右击需 要修改 的样式名→快捷菜单中选择“编辑”命令→在弹出的属性对话框中改 动 “样式”及“大小”。 5．删除样式表 “文本”菜单→CSS样式表→弹出“编辑样式表”对话框→在列 表框中 选中要删除的样式名→单击“删除”按钮。 6．更改样式表 单击“编辑”按钮→完成用户对样式表更改→单击“完成”按钮。 返回目录
返回目录 2.2创建及设计页面插入图像 Wveb页图像的格式通常有三种:G|F、JPEG、PNG 1.插入图像 在网页中插入图像可按以下操作进行: 在文档窗口中单击以确定图像要插入的位置→“插入” 菜 单一“常用”类别中单击“图像”图标旁的向下箭头→在弹 出的 菜单中选择“图像”→弹出“选择图像源文件”对话框 “文件 系统”用来选择图形文件,“数据源”用来选择动态图像 源文 19件)→指定图像文件所在位置→从列表框选取所需的图像
19 2.2 创建及设计页面—插入图像 Web页图像的格式通常有三种：GIF 、JPEG、PNG。 1．插入图像 在网页中插入图像可按以下操作进行： 在文档窗口中单击以确定图像要插入的位置→ “插入” 菜 单→ “常用”类别中单击“图像”图标旁的向下箭头→在弹 出的 菜单中选择“图像” →弹出“选择图像源文件”对话框 （“文件 系统”用来选择图形文件， “数据源”用来选择动态图像 源文 件）→指定图像文件所在位置→从列表框选取所需的图像 文件→单击“确定” 。 返回目录
返回目录 2.2创建及设计页面插入图像 2.编辑页面图像 在 Dreamweaver中可以直接编辑页面图像,包括改变 大小、对齐方式、调整亮度和对比度、锐化图像等。 1)调整大小 单击页面中的图像→鼠标移至调节柄处拖动(按 shift 键保持图像比例不变),也可通过“属性”面板输入“高” 和 “宽”的具体数值来调整图像大小 2)设置图像的对齐方式 选定图像→单击“属性”面板中对齐按钮组中的一个 使图 20像移至页面的左侧、右侧或居中。若既有文字又有图像
20 2.2 创建及设计页面—插入图像 2．编辑页面图像 在Dreamweaver 中可以直接编辑页面图像，包括改变 大小、对齐方式、调整亮度和对比度、锐化图像等。 1）调整大小 单击页面中的图像→鼠标移至调节柄处拖动（按shift 键保持图像比例不变），也可通过“属性”面板输入“高” 和 “宽”的具体数值来调整图像大小。 2）设置图像的对齐方式 选定图像→单击“属性”面板中对齐按钮组中的一个 使图 像移至页面的左侧、右侧或居中。若既有文字又有图像， 返回目录