第3章制作页面 本章主要介绍了网页所包含的网页元素以及网页元素的编辑过程。 【本章学习目的】 在本章重点讲解了文本的修饰、插入图像、超链接的建立这三部分,通过学习,读者应 掌握如何向网页中添加文本、插入图像并建立超链接等内容。 一、案例导入:西部旅游网 该网站实例包含了若干个网页,在网页中添加文本、插入图像、建立超链接,涉及到的 知识点有以下几点: ●页面属性的设置及文本的修饰: ,插入图像对象实现特效 多个网页之间建立超链接 二、页面属性的设置 选择“修改”菜单丨“页面属性”命令,弹出“页面属性”对话框。设置相应的参数: 选择“外观”选项卡,设置页面字体为默认字体、大小为12像素,字体颜色为深灰色 (#cccccc) 页边距均为0 选择“标题/编码”选项卡,在标题框输入:西部旅游网,网页在浏览时,网页标题会 出现在浏览器的标题栏中。 选择“跟踪图像”选项卡,单击跟踪图像框右侧的“浏览”按钮,选择图片文件,拖动 透明府沿块来设置界院图俊的透明度。 最后单击“确定”按钮,完成“页面属性”设置。 三、文本的修饰 操作文本是最基本的网页制作技能,例如:字体的修饰、段落的对齐方式等。 1、输入文本 ()在网页中输入文本,可直接输入,或在其它应用程序中复制文本,然后切换到 Dreamweaver的文档窗口中,粘贴。下面就文本中的其它情况加以说明, (2)输入特殊字符 单击“插入”栏|“文本”选项|某个“特殊字符”按钮。 2、插入水平线 在网页中插入一条水平线,可以将网页元素分贤开,看起来整齐、清渐。单击“插入” 栏“HML”选项 “水平线” 按钮。 选中水平线,可在“属性”面板中设置水平线的属 性:水平线的高度、宽度、是否有阴影等。 3、文本特殊格式:上标和下标 4、文本属性的设置 文木属性的设置可通过“属性”面板或“文本”莱单来设置,下面以在“属性”面板中设置 文本属性为例进行讲解。设置文本大小、设置字体样式、设置字体、设置文本颜色。 5、段落格式的设量 设置标题与段落、设置段落对齐方式。 6、列表格式的设置 列表是比较常见的一种文本样版格式,它常用来格式化网页中包含逻辑关系的文本信第3章 制作页面 本章主要介绍了网页所包含的网页元素以及网页元素的编辑过程。 【本章学习目的】 在本章重点讲解了文本的修饰、插入图像、超链接的建立这三部分,通过学习,读者应 掌握如何向网页中添加文本、插入图像并建立超链接等内容。 一、案例导入:西部旅游网 该网站实例包含了若干个网页,在网页中添加文本、插入图像、建立超链接,涉及到的 知识点有以下几点: ⚫ 页面属性的设置及文本的修饰; ⚫ 插入图像,插入图像对象实现特效; ⚫ 多个网页之间建立超链接。 二、页面属性的设置 选择“修改”菜单|“页面属性”命令,弹出“页面属性”对话框。设置相应的参数: 选择“外观”选项卡,设置页面字体为默认字体、大小为 12 像素,字体颜色为深灰色 (#cccccc),页边距均为 0。 选择“标题/编码”选项卡,在标题框输入:西部旅游网,网页在浏览时,网页标题会 出现在浏览器的标题栏中。 选择“跟踪图像”选项卡,单击跟踪图像框右侧的“浏览”按钮,选择图片文件,拖动 透明度滑块来设置跟踪图像的透明度。 最后单击“确定”按钮,完成“页面属性”设置。 三、文本的修饰 操作文本是最基本的网页制作技能,例如:字体的修饰、段落的对齐方式等。 1、输入文本 (1) 在网页中输入文本,可直接输入,或在其它应用程序中复制文本,然后切换到 Dreamweaver 的文档窗口中,粘贴。下面就文本中的其它情况加以说明。 (2) 输入特殊字符 单击“插入”栏|“文本”选项| 某个“特殊字符”按钮。 2、插入水平线 在网页中插入一条水平线,可以将网页元素分隔开,看起来整齐、清晰。单击“插入” 栏|“HTML”选项|“水平线”按钮。选中水平线,可在“属性”面板中设置水平线的属 性:水平线的高度、宽度、是否有阴影等。 3、文本特殊格式:上标和下标 4、文本属性的设置 文本属性的设置可通过“属性”面板或“文本”菜单来设置,下面以在“属性”面板中设置 文本属性为例进行讲解。设置文本大小、设置字体样式、设置字体、设置文本颜色。 5、段落格式的设置 设置标题与段落、设置段落对齐方式。 6、列表格式的设置 列表是比较常见的一种文本排版格式,它常用来格式化网页中包含逻辑关系的文本信