网页设计与制作dreamweaverMX基本操作

2.1初识dreamweaver MX 2004


2.1.2网页的创建和保存
文件名的开头不能使用数字、运算符等符号，文件名最 好不要使用中文，因为如果主机采用UNIX系统，中文 名会出错。文件的命名一般采用以下几种方法：

汉语拼音：这是最简单的命名方法，根椐页面的标
题或主要内容，提取两三个概况字，把它们的汉语拼音 作为文件名。例：“产品中心”页面，提取“产品”这 两个字的汉语拼音，因此文件名为“chanping.htm”。 汉字拼音的第1个字母作为文件名。 例：“留言簿”的拼音为“liuyanbo”，那么文件名为 “lyb.asp”。这种方法简单，但不带提示性，不便于日 后的维护。 名词。例：“Active Server Pages”这个专有名词一般 用ASP来代替。
2.4.1网页的色彩
1．非彩色的搭配 黑白是最基本和最简单的搭配，它们 以其特有的性质一直在艺术殿堂中占 有重要的地位，如中国的水墨画、黑 白摄影等艺术作品，给人一种质朴、 安逸、超脱的美感。但要把握好很难。 灰色是万能色，可以和任何彩色搭配， 也可以帮助两种对立的色彩和谐过渡。
www.niuwk.com 牛牛文库文档分享
www.niuwk.com 牛牛文库文档分享
2.4.1网页的色彩



用排列组合方法计算：256*256*256=16 777 216，总共可以得到16 77 216种RGB颜 色，这是理论上的。在实际中，只有216种 颜色能在浏览器中正常显示。多于这个范围 的颜色，有的浏览器显示时可能发生偏差， 不能正常显示。因此，我们将能被所有浏览 器正常显示的216种颜色称为网页安全色。 Dreamweaver中提供了具有网页安全颜色范 畴的调色板，使网页的颜色选取控制在安全 范围之内。 这216种颜色除黑色和白色外，其他全部属 于彩色范畴。网页制作是用彩色还是非彩色 好呢？其实只要运用的合理，都能达到好的 效果。 我们通常的做法是：主要内容文字用非彩色 （黑色），边框，背景，图片用彩色。这样 www.niuwk.com 牛牛文库文档分享 页面整体不单调，看主要内容也不会眼花。
2.1.3网页的修改与预览
网页的打开；跟其他软件打开文档相似。 网页的创建：直接创建空白文档；通过模 板创建有格式的网页文档。 网页的保存：直接保存；另存为…。
命名注意：

最好做到“见名知义”，看到名字就知道网页里的相应内 容； 名字最好用英文字母或拼音，不要包含中文或 一些特殊的 www.niuwk.com 牛牛文库文档分享 字符。
www.niuwk.com 牛牛文库文档分享
2.4.1网页的色彩


3．色彩的心理感觉
不同的颜色会给浏览者不同的心理感受。 红色---是一种激奋的色彩。刺激效果，能使 人产生冲动，愤怒，热情，活力的感觉。 绿色---介于冷暖两中色彩的中间，显得和睦， 宁静，健康，安全的感觉。它和金黄，淡白 搭配，可以产生优雅，舒适的气氛。 橙色---也是一种激奋的色彩，具有轻快，欢 欣，热烈，温馨，时尚的效果。 黄色---具有快乐，希望，智慧和轻快的个性， 它的明度最高。 蓝色---是最具凉爽，清新，专业的色彩。它 和白色混合，能体现柔顺，淡雅，浪漫的气 氛（象天空的色彩:）
www.niuwk.com 牛牛文库文档分享
2.4在网页面中插入图象

ห้องสมุดไป่ตู้
2.4.1网页的色彩 2.4.2网页中图象的格式 2.4.3在网页中插入图象 2.4.4设置图象属性 2.4.5鼠标经过图象 2.4.6图象占位符
www.niuwk.com 牛牛文库文档分享
2.4.1网页的色彩

拼音缩写：根椐页面的标题或主要内容，提取每个

英文缩写：这种方法也较难记忆，一般适用于专有

英文原文：这种方法准确、实用，最好的一种方法。
例：“公司简介”的页面命名为 “company_introduction.htm”. www.niuwk.com 牛牛文库文档分享
2.2站点的创建与页面属性设置

在网页中是以RGB方式来表示颜色的， RGB是Red、Green、Blue的缩写。 RGB颜色包括几百万种之多，这么多 的颜色却有一个共同点，就是都由红、 绿、蓝这3种基色调和而成，这3种基 色中每一种颜色的饱和度和透明度都 是可以变化的，取值范围为0—255， 例如，红色表示为Red100%， Green0%，Blue0%，简单的表示法 为（255，0，0），用十六进制数值 来表示就是“FF0000”，在HTML语言 中我们直接十六进制数值来命名颜色。
2.4.1网页的色彩


2．彩色的搭配
色环：我们将色彩按"红->黄->绿->蓝->红" 依次过度渐变，就可以得到一个色彩环。 色环的两端是暖色和寒色，当中是中型色。 如图2-6所示。 红.橙.橙黄.黄.黄绿.绿.青绿.蓝绿.蓝.蓝紫.紫. 紫红. /___________/ /____/ /_________/ /_________/ / / / / 暖色系 中性系 寒色系 中性系

2.2.1创建站点
创建站点的第一步就是规划站点， 再通过DREAMWEAVER站点管理功 能创建站点的框架，包括主页、分支 页面和相应的文件夹等。将多个网页 文档链接起来就构成了站点，站点可 以小到一个网页，也可以大到整个网 站。

2.2.2页面属性的设置
www.niuwk.com 牛牛文库文档分享
2.3在网页中加入文本

2.3.1插入文本
直接输入或者通过复制
2.3.2通过属性面板对字体进行设置 输入特殊字符； 输入一个空格：按SPACE键 连续输入多个空格： CTR+SHIFT+SPACE 换行：SHIFT+ENTER 分段：ENTER 添加并编辑水平线； 插入日期； 2.3.2让文本更具个性 2.3.3结合实例讲解
Dreamweaver MX 2004基本操作

2.1初识dreamweaver MX 2004 2.2站点的创建与页面属性设置 2.3添加文本丰富的内容
www.niuwk.com 牛牛文库文档分享
2.1初识dreamweaver MX 2004


2.1.1 dreamweaver MX 2004工 作界面介绍 2.1.2网页的创建和保存