Dreamweaver 8网页设计 计算机系.

Presentation on theme: "Dreamweaver 8网页设计 计算机系."— Presentation transcript:

1 Dreamweaver 8网页设计 计算机系

2 一、概述 Dreamweaver 8是美国著名的软件开发商Macromedia公司推出的“所见即所得”的可视化开发工具，是国内外普遍应用的专用网页设计软件。它不仅提供了强大的网页编辑功能，而且提供了完善的站点管理机制，是一种超重量级的创作工具。在国内，它被称为“织梦者”。

3 二、 网页制作的基本流程 设计主题 网页素材收集 网页制作 网页测试与发布

4 2.1 制作网页 一个网站通常由多个网页组成，其中被浏览者首先访问的页面叫主页。主页能体现网站的整体风格和作者的审美情趣。主页的好坏直接关系到网站的访问量。 站点应满足以下要求: 1、具有明确表达的主题 2、独立的站点结构 3、统一的风格 4、具用动态元素和可交互性

5 1、定义本地站点 2、添加网页文字 3、插入图片 4、标题和页面设计 5、插入水平条和其它符号 6、插入超级链接 7、添加背景音乐 8、插入flash动画 9、插入表格 10、插入表单 11、制作滚动字幕 12、使用布局表格

6 1、定义本地站点 在开始制作之前，首先定义一个本地站点。作为一个网站，里面有很多网页文件、图片、动画等，如果不进行管理归档，使它们分散在硬盘的各个地方，日后就无法方便地进行网页发布。合理的站点结构能够加快对站点的设计，提高工作效率，节省时间。

7

8 提示 （1）一般来说，应在站点的根文件夹下创建不同的文件夹，用来合理地存放网站中的各类文档。如用 image、swf、gif等文件夹用于存放网站所需的图片、动画等。

9 2、添加网页文字 网页中的文字应选择常用字体。否则，如果访问者的计算机没有安装这种字体，就不能正确显示网页效果。
通常网站主页的文件名都是index.htm。 在dreamweaver中要使段首文字缩进两个字符，可以插入全角的空格符号。

10 3、插入图片 网页中会用到很多图片。我们可以用 Photoshop、Fireworks等图像处理工具进行加工，并将图片存放在文件夹下。为提高页面下载速度，制作的图片不要过大，一般控制在60KB以内。 可以插入到网页上的图片格式只有三种： jpg、gif和png，所以如果图片是bmp、tif等其它格式，需要经过转换才可以在网页中使用。(思考：如何进行格式转换？)

11 4、标题和页面设计

12 5、插入水平条和其它符号 插入HTML\水平线 插入HTML\特殊字符\版权

13 6、插入超级链接 制作外部链接：插入\超级链接 制作内部链接 制作Email链接:插入\电子邮件链接 制作锚记链接
插入\命名锚记，例如：top 制作到锚记的链接，例如：#top

14 7、添加背景音乐 切换到拆分视图，将光标定位在</body>之前,输入下面代码<bgsound src=music/yinyue.mp3> 音乐文件名

15 8、插入flash动画 9、插入表格 10、插入表单

16 11、制作滚动字幕 使用标签<marquee> </marquee>

17 12、使用布局表格