Download presentation
Presentation is loading. Please wait.
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、定义本地站点 在开始制作之前,首先定义一个本地站点。作为一个网站,里面有很多网页文件、图片、动画等,如果不进行管理归档,使它们分散在硬盘的各个地方,日后就无法方便地进行网页发布。合理的站点结构能够加快对站点的设计,提高工作效率,节省时间。
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、使用布局表格
Similar presentations