返回目录 22创建及设计页面一创建文档 3.保存新建立的网页 “文件”菜单→“保 存” 页面字体)认字体 指定保存位置、文件名及 大小:「厘菜m) 文本色①)□ 背景色) 保存类型→单击“保存”。 背景图像①) 左边距u厂素如)右距③):「素) 4.设置文档属性 上边距 )下边距@):「来) “修改”菜单→“页面属 确定取消应用Q)」帮助」 性”,打开“页面属性” 页面属性对话框 对话 框,如图所示。通过“页 面 11属性”对话框可以对页面
11 2.2 创建及设计页面—创建文档 3．保存新建立的网页 “文件”菜单→ “保 存” → 指定保存位置、文件名及 保存类型→单击“保存” 。 4．设置文档属性 “修改”菜单→ “页面属 性” ，打开“页面属性” 对话 框，如图所示。通过“页 面 属性”对话框可以对页面 基 本属性进行设置 。 页面属性对话框 返回目录
返回目录 22创建及设计页面一设置文本 文本是网页元素中主要部分。 1.输入文本 在文档窗口单击,将插入点置于文档中所需位 置,输入文本或插入其他网页元素 2.设置文本格式 文本格式的设置利用属性面板完成,属性面板 可以对文字标题、字体字号、颜色、对齐方式、 列表等作设置 12
12 2.2 创建及设计页面—设置文本 文本是网页元素中主要部分。 1．输入文本 在文档窗口单击，将插入点置于文档中所需位 置，输入文本或插入其他网页元素。 2．设置文本格式 文本格式的设置利用属性面板完成，属性面板 可以对文字标题、字体字号、颜色、对齐方式、 列表等作设置。 返回目录
返回目录 22创建及设计页面一插入水平线 水平线能将网页中不同 无标题文档te X 功能的区域分割开来 猫天这 插入水平线练习 1.在页面单击鼠标确定水平线位 置→“插入”菜单→“水平线” 2选中水平线→在属性面板为水量 平线起名“ine-1。 3宽度设为200像素,高度为10 水平线2020像素 素,若用“百分比”作宽度 ar!商1 「辨影Q月 位,表示宽度占浏览器窗口 的百分比。设置水平线在页面 插入水平线 中的对齐方式为“居中对齐”。 如图所示 13
13 2.2 创建及设计页面—插入水平线 水平线能将网页中不同 功能的区域分割开来。 插入水平线练习 1.在页面单击鼠标确定水平线位 置→“插入”菜单→“水平线”。 2.选中水平线→在属性面板为水 平线起名“line-1”。 3.宽度设为200像素，高度为10 像素，若用“百分比”作宽度 单位，表示宽度占浏览器窗口 的百分比。设置水平线在页面 中的对齐方式为“居中对齐”。 如图所示。 插入水平线 返回目录
返回目录 22创建及设计页面一使用cSS样式 样式是一系列预制的排版命令。CSS( Cascading Style Sheet 层叠式样式表)是一系列格式规则,包括对文字及段落的修饰,用 于控制网页的外观,使整个站点中的网页格式保持统一,快速实现 网页格式化。同一网页中样式按不同等级应用,手动htm格式覆盖 Cs样式所应用的格式。 样式表文件扩展名为CSS,是纯文本格式,可使用任何纯文本 编辑器创建或打开样式表文件。建立样式表文件要依据CSS规则, 它由两部分组成:选择器和声明。选择器为样式名称,声明用于定 义样式元素。 Dreamweaver提供创建样式表的模板,可轻松创建出 用户所需的样式表。 14
14 2.2 创建及设计页面—使用CSS样式 样式是一系列预制的排版命令。CSS（Cascading Style Sheet 层叠式样式表）是一系列格式规则，包括对文字及段落的修饰，用 于控制网页的外观，使整个站点中的网页格式保持统一，快速实现 网页格式化。同一网页中样式按不同等级应用，手动html格式覆盖 css样式所应用的格式。 样式表文件扩展名为.CSS，是纯文本格式，可使用任何纯文本 编辑器创建或打开样式表文件。建立样式表文件要依据CSS规则， 它由两部分组成：选择器和声明。选择器为样式名称，声明用于定 义样式元素。Dreamweaver提供创建样式表的模板，可轻松创建出 用户所需的样式表。 返回目录
返回目录 22创建及设计页面一使用cSS样式 1.创建CSS样式表 (1)“文件”菜单一“新建”(打开“新建文档”对话框)→在 类别”列表框中选择“CSS样式表”→在右侧的列表框中选 择一种样式表,通过预览框查看其效果 (2)单击“创建”按钮打开样式表编辑页面,扩展名为“.cSs” (3)“文件”菜单“保存”→下拉框中选择“样式表 (*css)”→输入样式表名称→单击“保存”按钮。 2.新建CSS样式 若对创建的模板样式不满意,还可以新建样式,步骤如下 (1)确定插入点,执行下面操作之一打开“新建CSS样式”对话框 在“CSS样式”面板中单击“新建CSS样式”按钮; 在文本属性面板中选择“样式”→“管理样式”→新建: 文本”菜单→“CSS样式”→“新建CSS样式”,对话框如图 (新建 CSS样式)所示; 15
15 2.2 创建及设计页面—使用CSS样式 1． 创建CSS样式表 （1）“文件”菜单 → “新建”（打开“新建文档”对话框）→在 “类别”列表框中选择“CSS样式表” →在右侧的列表框中选 择一种样式表，通过预览框查看其效果。 （2）单击“创建”按钮打开样式表编辑页面，扩展名为“.css”。 （3）“文件”菜单→ “保存” →下拉框中选择“样式表 （*.css）” →输入样式表名称→单击“保存”按钮。 2．新建CSS样式 若对创建的模板样式不满意，还可以新建样式，步骤如下： （1）确定插入点，执行下面操作之一打开“新建CSS样式”对话框。 ·在“CSS样式”面板中单击“新建CSS样式”按钮； ·在文本属性面板中选择“样式” → “管理样式” →新建； ·“文本”菜单→ “CSS样式” → “新建CSS样式” ,对话框如图 （新建 CSS样式）所示； 返回目录