Dreamweaver ,CS3网页设计案例教程 教学配套课件 王春红 王瑾瑜主编 模块四 插入网页元素及超链接.pdfVIP

模块四 插入网页元素及超链接 • 本模块导读 网页是构成网站的基本元素。而文字、图片、多媒体和超级链接等又是网页最基本 的元素。这些基本元素的使用不但是制作网页最基本的技术，同时也是创建一个美观、 形象和生动网页的基础。通过本模块的学习，用户可以掌握添加和编辑网页中各种元素 的方法，以制作出丰富多彩的的网页。 • 本模块要点 • 设置网页的页面属性 • 制作纯文本网页 • 制作图文混排的网页 • 图片在网页中的各种应用方式 • 制作带多媒体效果的动感网页 • 制作带音乐的网页 • 制作带超级链接的网页 模块四 插入网页元素及超链接 任务一 设置页面的相关属性 任务二 创建基本文本网页 任务三 创建基本图文混排网页 任务四 图像在网页中的应用 任务五 插入多媒体内容 任务六 创建背景音乐 任务七 使用超级链接 学材小结 任务一 设置页面的相关属性 知识导读 网页属性包括网页标题、网页中文本的颜色、网页的背景颜色及背 景图片、网页边距等。设置网页属性通过设置“页面属性”完成，另外 系统还自带了许多种网页样式，用户也可以直接应用这些样式。 设置页面属性的具体操作步骤如下： 步骤： 步骤： • 步骤1 打开网页。 • 步骤２ 选择【修改】→【页面属性】命令，打开如图4-1 所示的 “页面属性”对话框。在“页面属性”对话框中，左侧显示“分类”列表 框，其中包括“外观”、“链接”、“标题”、“标题/编码”、“跟踪图像”5 个项目，右侧区域则显示各分类中可以设置的项目，下面将分别 对每个类别进行介绍。 任务一 设置页面的相关属性 图4-1 页面属性对话框 任务一 设置页面的相关属性 步骤3 选择“外观”选项卡。 信息卡 (1)“页面字体”：设置页面文档中默认的文字字体。按钮：加粗设置，可以将页面文字的默 认格式设置为粗体。按钮：倾斜设置，可以将页面文字的默认格式设置为斜体。 (2)“大小”：设置页面中文字的默认大小。在右边的列表中选择数字或一些标准来表示文字 的大小，也可手动输入数字，输入数字后，后面的文字大小单位列表就会变成可编辑状态。 表示数字的单位，可以选择“像素”、“点数”、“英寸”、“厘米”、“毫米”等。 (3)“文本颜色”：设置页面中文字的默认颜色。单击颜色块后，会调出颜色面板，可以从颜 色面板中选择一种所需要的颜色，或者在后面的文本框中输入所需要的十六进制颜色值。 (4)“背景颜色”：设置当前网页的背景颜色，设置方法同文字颜色的设置方法，调出颜色面 板，选择一种颜色，确定后该颜色就会成为整个网页的背景颜色。 (5)“背景图像”：设置当前网页的背景图像。可以在文本框中输入用做背景图像的路径和文 件名称，也可单击文本框后面的〖浏览〗(是否应统一为实心括号，下同)按钮，从系统中寻 找图像文件作为当前网页的背景图像。 (6)“重复”：选择页面背景的多种重复模式。有四种页面背景重复模式可供选择：重复、不 重复、水平重复、垂直重复。 (7)“左边距”、“右边距”、“上边距”、“下边距”：设置当前网页中左、右、上、下边界留出的 空白像素数。 任务一 设置页面的相关属性 步骤4 选择“链接”选项卡。如图4-2 所示。 图4-2 链接选项卡 任务一 设置页面的相关属性 信息卡 (1)“链接字体”：设置链接文字的默认字体，设置方法与页面字体的 设置方法相