搜索
第2章编辑网页元素在正式创建网页之前，首先需要了解网页的基本组成和基本操作，这样才能更加顺利地学习新内容。本章将介绍常用网页元素，并在讲述这些元素的过程中穿插讲述超链接的设置。文本和图像是本章讲述的重点，事实上，组成网页元素的部分还有声音、动画等多媒体元素，并且这些元素在网页设计中的地位日益重要，因此本书后面将有专门的一章讲述多媒体的内容。本章所讲到的内容将不涉及这些多媒体元素，但是一定要清楚，它们也属于网页元素的组成部分。本章学习要点：网页组成对象编辑文本编辑图像编辑超级链接34Dreamweaver8网页制作与网站开发标准教程2.1编辑网页文本平时看到的报纸和杂志的版面都是由两种对象构成的，即文字与图像，这两种简单的素材再配合一些线条，经过排版设计后所产生的风格却是千变万化。每份报纸都因为不同的版面编排而拥有自己的特色。万维网上的网页，在编辑时也是基于同样的编辑原理，所以性质和书报杂志差不多。但是，网页设计和传统的纸质媒体排版所不同的是，在版面中可能还有声音、动画等多媒体，或是Java、ActiveX控件等特殊效果及交互功能。要把这些内容加入网页，就必须考虑更多的因素。2.1.1插入文本2.1.2插入特殊符号表2-1字符下拉列表中各按钮的名称及作用图标名称显示（作用）图标名称显示（作用）换行符两段间距较小欧元符号€不换行空格非间断空格日元符号¥左引号“版权©右引号”注册商标®破折线—商标™英镑符号£其他字符插入其他字符2.1.3插入水平线2.1.4插入时间日期2.2格式化文本Dreamweaver提供了多种尺寸、颜色和样式来格式化字符。利用文本的【属性】面板可以改变大部分格式，而且全部选项都包含于各种菜单命令中。本节将介绍有关修饰文本的操作，例如：更改文字的字体、字型、字号、颜色以及对齐与缩进文字等。此外，第2章第2章编辑网页元素35网页还有一个最大的特色，也是它和一般纸质媒体最大的不同点，就是超级链接。链接可以说是网页的灵魂，它能使网页从一个页面跳转到另一个页面。利用它，访问者可以方便地定位到自己所关心的内容，体验到随心所欲地在网上冲浪的感觉。在大多数情况下，作为链接载体的是文字，本节将讲述文字的链接以及电子邮件链接。2.2.1设置字体属性2.2.2设置文本链接2.2.3电子邮件链接2.2.4设置幂文本及脚标2.3课堂练习2-1：文本的锚点链接实验目标添加文本的锚点链接就是创建命名锚记（简称锚点）。锚点是一种定位的标记，可以在文档中设置这种标记，并给该标记设置一个名称，以便引用。创建锚点链接，首先要搞清楚文本中构成链接的两部分内容，其一是链接文字，即浏览者只要在其上面单击就可以跳转到要浏览内容的那些文字，当然这些链接也可以是图片或者其他网页元素，不一定非要是文字，在这里我们认为它是文字；其二是目标位置，即单击链接文字后所跳转到的位置。下面就具体练习创建文本的锚点链接。2.4段落格式和列表段落指的是一段格式上统一的文本。在文档窗口中，每输入一段文字，按下Enter键后，就自动生成一个段落。对于网页中的段落，可以使用不同的对齐方式，不同的列表样式等。可以认为一个网页是由若干个段落组成，因此设置好段落格式对网页的美观易读是很重要的。36Dreamweaver8网页制作与网站开发标准教程2.4.1段落格式2.4.2创建列表2.4.3更改列表属性2.5设置网页图像图像是文本的说明和解释，如果在文档的适当位置上放置一些图像，不仅可以使文本清晰易读，而且使得文档更加具有吸引力。现在几乎所有的网站都使用图像来增加对浏览者的吸引力，有了图像，网站才能吸引更多的浏览者驻足，才能更好地表现主题。但是图像的增加也会使网页的下载时间大大增加。所以设计网页时要整体考虑图像的数目和大小，一个网页的大小最好不要超过50KB。2.5.1常用图像文件格式2.5.2插入图像2.5.3设置图像属性表2-1【编辑】选项图标图标名称功能编辑启动在首选参数中指定的外部编辑器，并打开选定的图像以进行编辑使用Fireworks最优化从Dreamweaver中启动Fireworks来对放置的Fireworks图像和动画进行快速的导出更改裁切可以修剪图像的大小，从所选图像中删除不需要的区域重新取样对已调整大小的图像进行重新取样，提高图片在新的大小和形状下的品质第2章第2章编辑网页元素37亮度和对比度修改图像中像素的亮度或对比度锐化调整图像的清晰度表2-2热点工具图标图标名称功能指针热点工具用来选择热点矩形热点工具绘制矩形的热点椭圆形热点工具绘制椭圆形热点多边形热点工具在各个顶点上单击一下，定义一个不规则形状的热点，然后单击箭头工具封闭此形状2.5.4设置背景图像2.5.5利用外部编辑器编辑图像2.5.6图像的链接2.5.7鼠标经过图像2.6课堂练习2-2：制作网站相册实验目标本练习通过Dreamweaver自带的【创建网站相册】命令来制作自己的网站相册。应用该功能可以将文件夹中存储的图像文件制作成一个类似图像浏览器的Web站点，在站点中为每个图像创建了一个缩略图，单击缩略图时可以看到放大后的图像。38Dreamweaver8网页制作与网站开发标准教程2.7课堂练习2-3：制作简单的网站首页实验目标网页就是由文本、图像、Flash动画、音频和视频等网页元素组合而成的，其中每一个网页元素都有其重要作用。下面的练习通过在网页中输入文字和插入图片，制作了一个商业公司的网站首页，并利用图片设置了友情链接。在创建过程中，不可避免地用到了层和表格，以及CSS样式的设置，这些内容的具体讲解将在后面的章节中涉及到。2.8思考与练习