网页制作实用教程 张淑清2 第三章

《网页制作实用教程 张淑清2 第三章》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、《网页设计实用教程》第三章第三章：网页元素的添加---文字、图像和链接本章主要介绍如何在网页中添加文字、图像并设置超级链接。重点介绍文本格式编排、CSS样式表的创建及其对版面的控制与美化，插入图像和建立超级链接，其中CSS样式表是本章的难点。目标要求第三章：网页元素的添加---文字、图像和链接插入文本文本格式编排查找和替换CSS样式表的应用插入图像设置超级链接讲课提纲编辑文字一个网页最离不开的是文字。文字是网页的灵魂，是构成网页的重要表达工具。Dreamweaver的文本编辑方法与Word等程序相似，我们这里重点介绍的是Dreamweaver特有的文本编辑方法。文本的输入直接输入

2、方式剪切、复制和粘贴方式从其他文档中导入文本方式注：在字符间添加空格插入换行符和特殊字符插入水平线水平线对于组织信息很有用。在页面上，可以使用一条或多条水平线以可视方式分隔文本和对象。在文档中插入水平线的方法很简单，只要将插入点放在要插入水平线的位置，然后执行下列操作之一：l选择菜单命令“插入

3、HTML

4、水平线”l在“插入”栏的“HTML”类别中单击（水平线）按钮若要修改水平线，选择水平线后可利用“属性”面板根据需要对该水平线的属性进行修改。插入日期将当前日期插入到文档中，可以按如下方法操作。①在“文档”窗口中，将插入点放在要插入日期的位置。②选择菜单命令“插入

5、日期”或者在“插

6、入”栏的“常用”类别中，单击（日期）按钮。③在出现的“插入日期”对话框中（如图所示），选择星期格式、日期格式和时间格式。④如果希望在每次保存文档时都更新插入的日期，请选择“储存时自动更新”。如果希望日期在插入后变成纯文本并永远不自动更新，则取消选择该项。⑤单击“确定”按钮。段落格式的设置段落是指具有统一格式的一段文本，而标题是用于强调段落主题的文本。段落格式的设置主要包括：设置标题格式、段落对齐方式以及设置段落缩进。字符格式的设置字符格式包括字体大小、字体类型（如宋体、楷体）、颜色及字符样式（如粗体、斜体、下划线）等。字符格式可以应用于所选文本、段落和文本块。创建列表列表一般用于

7、突出主题的重点或分类对象的属性。它常被用来格式化包含逻辑关系的文本信息。在DreamweaverMX2004文档窗口中，可以用现有文本或新文本创建编号列表（有序列表）、项目符号列表（无序列表）和定义列表。此外，列表还可以嵌套。文本样式使用CSS样式以像素为单位设置字体大小，可以确保页面的布局与外观在各种浏览器中保持一致。CSS样式能够让用户更加方便、有效地对文本进行控制，用户只要创建了某个样式，可将该样式应用到多个地方，达到“创建一次，多次使用”的目的。大大提高文本格式排版的效率，方便用户统一网站的整体风格。什么是css样式？css样式表是控制文本或文本区外观的一组格式属性，是一

8、系列格式设置规则。css样式表可以非常灵活地控制网页的外观，从精确的布局定位到特定的字体和样式，样式表包括文档中的所有格式。使用外部样式表还可以一次作用于若干篇文档——甚至整个站点。创建CSS样式（一）创建CSS样式，其操作步骤如下：单击“CSS样式”面板右下角的（新建CSS样式）按钮，打开“新建CSS样式”，对话框创建CSS样式（二）在“选择器类型”选区中选择所要创建样式的类型。输入名称、标签或选择器。“定义在”选区是要求用户在此填写样式表的存储位置。在打开的“CSS样式定义”对话框中对各个参数进行设置创建CSS样式（三）设置完成后，单击“确定”按钮，新创建的CSS样式就会出现

9、在“CSS样式”面板中，如图样式表设计完成后，还可以重命名样式表、将该样式表应用到选定文字等操作编辑CSS样式要编辑CSS样式，可按如下步骤操作。①在标签检查器中，单击“相关CSS”选项卡查看当前文档中的CSS样式。②将插入点置于要编辑CSS样式的文本中。（“相关CSS”选项卡中将以蓝色背景显示选中文本所应用的CSS样式）。③在“相关CSS”选项卡中双击该样式名称。（“CSS样式”面板中将以灰色背景显示该样式名称）。④在“CSS样式”面板中选中该样式名称，单击位于“CSS样式”面板底部的“编辑样式”按钮。⑤在出现“CSS样式定义”对话框中根据需要修改样式，然后单击“确定”。所作的

10、更改将立即应用于当前文档，使您可以在更改的同时进行预览。如果编辑的是存储在外部样式表中的样式，务必保存更改，以便查看是否应用了更新。编辑CSS样式表CSS样式表通常包含一个或多个样式。您可以编辑CSS样式表中的单个样式，但有时需要编辑多个样式。要编辑CSS样式表，可按如下步骤操作。①在“CSS样式”面板中，单击要编辑的样式表以选中它。②单击位于“CSS样式”面板底部的（编辑样式表）按钮。所选CSS样式表的样式随即出现在对话框中。③在对话框中，根据需要对一个或多个CSS样式进行编辑