《网页设计与制作教程与实训》全套PPT电子课件教案-第3章 实训网站电子相册.pptVIP

第三章创建文档 3.1 文档的操作 3.2 页面属性的设置 3.3 文本元素的添加和编辑 3.4 图像和媒体的处理3.5 超链接的创建与管理 3.6 创建文档的小技巧 本章要点 文挡的创建、修改与保存 用页面属性设置网页效果 网页各种元素的添加与编辑 不同超链接的创建与管理 创建文挡的技巧运用 3.1 文档的操作 1. 新建文档 创建文档可以通过Dreamweaver提供的模板创建有格式的文档，也可以直接创建空白文档。 2. 打开文档 对于站点中保存的网页，可以通过站点面板或菜单进行打开。 3. 文档保存 新建文档或对打开的文档编辑完成后，需要对文档进行保存，保存文档分为直接保存和另存文档两种方式。 3.2 页面属性的设置 在网页中有时需要对网页的整体效果进行设置，例如设置网页的背景颜色、网页的文本颜色、超链接的一些状态等等，这些设置可以通过“网页属性”来实现。 在“页面属性”对话框中，左侧窗口显示页面属性的分类，选中每个类别时，右侧区域就会显示出该类别中所包含的设置项目， 3.3 文本元素的添加和编辑 在网页中，文本是表达网站主题必不可少的内容，丰富、详实的文本内容会让网页更加充实、不空洞，文本在网页中占有非常大的比重。因此，文本内容的输入及合理的设置是制作网页的最基本也是最重要的内容，虽然操作简单，但是绝对不能忽视。 在页面中插入文本内容，一般可以通过两种方式来插入。第一种是直接输入。第二种是从外部文件或网络中复制文本。 3.3.1 文字的格式化 1. 使用文字的属性标记 在网页中输入文本后，接下来就要根据需要来设置文字格式，文字格式包括有字体、大小、颜色、修饰、对齐方式等。设置文字的属性时应该考虑到网页中的整体风格，文字与文字之间的格式跳跃性不能太大，从整体上要给人以和谐、美观、大方的效果，让浏览者在欣赏的时候能感到赏心阅目，并有兴趣做进一步的停留。 1) 文字字体的设定 2) 文字字号的设定 3) 文字颜色的设定 4) 设置文字的样式 5) 设置文字对齐 6) 加入项目列表和编号 7) 调整文字缩进 3.3.2 其它文本的输入 1. 加入特殊字符 2. 加入批注文字 3. 插入日期 4. 插入水平线 3.3.3 查找和替换文本 查找和替换功能可以帮助我们在网页中进行批量更改和批量更新，并且可以针对不同类别的对象进行。 3.4 图像和媒体的处理3.4.1 图像的处理 1. 图像的概述 在设计网页时，图像是美化网页必不可少的组成部分，合理地选择和使用图像，可以对网页起到画龙点睛之笔。此外，图像插入到网页中时，既要考虑到网页版面的美观，还要考虑网页的浏览速度，插入的图像不能过大。如果网页太大，在浏览时会需要漫长的时间等待，浏览者不会有这样的耐心，因此，我们在设计网页时，要二者兼顾。 目前在网页中最常用的图像格式有两种，分别是gif与jpg格式。此外，在Dreamweaver MX 2004中插入的图像也可以是png格式，png格式是Macromedia Fireworks创建的图像格式，并且是在IE4.0以上和Netscape Navigator 4.0以上的版本才支持的格式。 2. 图像的插入和编辑 3． 翻转图 “翻转图”是图像在网页中的一种动态运用，又称为“鼠标经过图像”，它在网页中的效果是，在默认情况下显示为一幅图片，当鼠标经过该图片时就会变成另外一幅图片，鼠标离开时，又会恢复成原始图片。 3.4.2 插入Fireworks HTML 在Dreamweaver MX 2004中，可以插入用Fireworks导出的HTML文档，使Fireworks与Dreamweaver在制作网页过程中能够互相整合。 3.4.3 添加Flash影片 在网页中我们插入Flash对象的格式一般都是Flash影片，在浏览网页的时候，Flash影片会通过“Flash播放器”进行自动播放，Flash影片的加入可以令网页更加生动和精彩。 3.4.4 添加内置的Flash交互对象 1. 添加Flash按钮 插入Flash影片时，需要用户掌握Flash软件的使用，在Flash中制作影片来进行插入。在Dreamweaver MX 2004中，对于不会运用Flash软件的用户来说，可以直接插入Flash制作的按钮。 2. 添加Flash文本 “插入Flash文本”也是Dreamweaver MX 2004提供给用户使用的直接插入Flash制作的动态文本。 3.5 超链接的创建与管理3.5.1 超链接概述 在网络中，因为有了超链接，才使网站更加富有生命力，超链接是指从一个网页跳转到另一个位置的连接关系，超链接的存在，使我们领略到网络世界的广博和精彩。超链接在网