当前位置:
文档之家› 网页设计模块四 插入网页元素及超链接
网页设计模块四 插入网页元素及超链接
任务一 设置页面的相关属性
步骤4 选择“链接”选项卡。如图4-2 所示。
图4-2 链接选项卡
任务一 设置页面的相关属性
信息卡
(1)“链接字体”:设置链接文字的默认字体,设置方法与页面字体 的设置方法相同。 (2)“大小”:设置链接文字的大小,与页面文字的大小设置方法完 全相同。 (3)“链接颜色”、“交换图像链接”、“已访问链接”、“活动链 接”:设置链接4种不同状态的颜色。这4种状态分别是:正常状态、 鼠标滑过状态、访问过的状态、鼠标单击时的状态。 (4)“下划线样式”:设置链接文字下面的下划线样式。系统提供了4 种样式,分别是“始终有下划线”、“始终无下划线”、“仅在变 换图像时显示下划线”、“变换图像时隐藏下划线”。
任务一 设置页面的相关属性
步骤5 选择“标题”选项卡。如图4-3所示。 “标题”选项卡中可以定义应用在具体文档中各级不同标题上的一种“标题字 体样式”。而不是指页面的标题内容。在分类中可以定义“标题字体”及6 种 预定义的标题字体样式,包括粗体、斜体、大小和颜色等。操作步骤同前面类 似,在此不再叙述。
步骤7 选择““跟踪图像”选项卡。如图4-5所示。 “跟踪图像”是用于网页中元素定位的图像,该图像只是在编辑网页时提供参照, 起到辅助编辑的作用,最终不会显示在浏览器中,所以,并不能等同于背景图像。
图4-5 跟踪图像选项卡
任务一 设置页面的相关属性
信息卡
选择跟踪图像时,可以单击后面的〖浏览〗按钮,从系统中寻找图像 文件作为跟踪图像。 还可以设置跟踪图像的透明度,滚动条最左端是透明,最右端是不透 明,可以用鼠标拖动滑块来进行调整。
图4-3 标题选项卡
任务一 设置页面的相关属性
步骤6 选择“标题/编码”选项卡。如图4-4所示。 这里的“标题”是页面的标题内容,可输入和首页相关的文字内容,它将
显示在浏览器的标题栏中。“编码”即文档编码,可以直接选中“简体中文 (GB2312)”。
图4-4 标题/编码选项卡
任务一 设置页面的相关属性
步骤:
• 步骤1 打开网页。 • 步骤2 选择【修改】→【页面属性】命令,打开如图4-1 所示的
“页面属性”对话框。在“页面属性”对话框中,左侧显示“分 类”列表框,其中包括“外观”、“链接”、“标题”、“标题/ 编码”、“跟踪图像”5 个项目,右侧区域则显示各分类中可以 设置的项目,下面将分别对每个类别进行介绍。
模块四 插入网页元素及超链接
任务一 设置页面的相关属性 任务二 创建基本文本网页 任务三 创建基本图文混排网页 任务四 图像在网页中的应用 任务五 插入多媒体内容 任务六 创建背景音乐 任务七 使用超级链接
学材小结
任务一 设置页面的相关属性
知识导读 网页属性包括网页标题、网页中文本的颜色、网页的背景颜色及背 景图片、网页边距等。设置网页属性通过设置“页面属性”完成, 另外系统还自带了许多种网页样式,用户也可以直接应用这些样式。 设置页面属性的具体操作步骤如下:
模块四 插入网页元素及超链接
• 本模块导读 网页是构成网站的基本元素。而文字、图片、多媒体和超级链接等又是网页最基本
的元素。这些基本元素的使用不但是制作网页最基本的技术,同时也是创建一个美观、 形象和生动网页的基础。通过本模块的学习,用户可以掌握添加和编辑网页中各种元素 的方法,以制作出丰富多彩的的网页。 • 本模块要点 • 设置网页的页面属性 • 制作纯文本网页 • 制作图文混排的网页 • 图片在网页中的各种应用方式 • 制作带多媒体效果的动感网页 • 制作带音乐的网页 • 制作带超级链接的网页
任务一 设置页面的相关属性
图4-1 页卡。
信息卡
(1)“页面字体”:设置页面文档中默认的文字字体。按钮:加粗设置,可以将页面文字的默 认格式设置为粗体。按钮:倾斜设置,可以将页面文字的默认格式设置为斜体。 (2)“大小”:设置页面中文字的默认大小。在右边的列表中选择数字或一些标准来表示文字 的大小,也可手动输入数字,输入数字后,后面的文字大小单位列表就会变成可编辑状态。 表示数字的单位,可以选择“像素”、“点数”、“英寸”、“厘米”、“毫米”等。 (3)“文本颜色”:设置页面中文字的默认颜色。单击颜色块后,会调出颜色面板,可以从颜 色面板中选择一种所需要的颜色,或者在后面的文本框中输入所需要的十六进制颜色值。 (4)“背景颜色”:设置当前网页的背景颜色,设置方法同文字颜色的设置方法,调出颜色面 板,选择一种颜色,确定后该颜色就会成为整个网页的背景颜色。 (5)“背景图像”:设置当前网页的背景图像。可以在文本框中输入用做背景图像的路径和文 件名称,也可单击文本框后面的〖浏览〗(是否应统一为实心括号,下同)按钮,从系统中寻 找图像文件作为当前网页的背景图像。 (6)“重复”:选择页面背景的多种重复模式。有四种页面背景重复模式可供选择:重复、不 重复、水平重复、垂直重复。 (7)“左边距”、“右边距”、“上边距”、“下边距”:设置当前网页中左、右、上、下边 界留出的空白像素数。
任务二 创建基本文本网页
步骤: 步骤1 运行Dreamweaver CS3,在“开始页”中选择“新建”下的“THML”, 新建一个网页文档。 步骤2 在文档窗口中单击,出现闪烁光标。选择合适的输入法,在光标处输 入文字。如图4-6所示。
图 4-6 直接输入文字
任务二 创建基本文本网页
信息卡
网页中,文本换行按<Shift>+<Enter>键,而分段直接按<Enter>键。 换行还可以点击菜单【插入记录】→【HTML】→【特殊字符】→ 【换行符】来实现。
任务二 创建基本文本网页
知识导读 文字是网页中最基本的信息载体,大多数的网页都要通过文字来表现其内容
,合理的文本编辑可以丰富网页的内容并增强网页的视觉性。
子任务1 编辑文本格式
网页中插入文本,一般通过以下两种方式来插入。一种是在网页编辑窗口中 直接用键盘输入文本,这是文字输入最基本的方式。另一种是通过复制文本的 方式,如果所需要插入的文本在其他的文档中或是网站的页面中,可以直接使 用复制功能,将大段的文本内容拷贝到网页的编辑窗口来进行排版的工作。