第2章 dreamweaver mx 2004基本操作

《第2章 dreamweaver mx 2004基本操作》由会员分享，可在线阅读，更多相关《第2章 dreamweaver mx 2004基本操作（51页珍藏版）》请在金锄头文库上搜索。

1、第第2 2章章 dreamweaverdreamweaver MX MX 20042004基本操作基本操作DreamweaverDreamweaver MX 2004 MX 2004基本操作基本操作n n2.12.1初识初识dreamweaverdreamweaver MX 2004 MX 2004n n2.22.2站点的创建与页面属性设置站点的创建与页面属性设置n n2.32.3添加文本丰富的内容添加文本丰富的内容2.12.1初识初识dreamweaverdreamweaver MX 2004 MX 2004n n2.1.12.1.1 dreamweaver dreamweaver MX 2

2、004 MX 2004工工 作界面介绍作界面介绍n n2.1.22.1.2网页的创建和保存网页的创建和保存n n2.1.32.1.3网页的修改与预览网页的修改与预览网页的打开；跟其他软件打开文档相似。网页的打开；跟其他软件打开文档相似。网页的创建：直接创建空白文档；通过模网页的创建：直接创建空白文档；通过模 板创建有格式的网页文档。板创建有格式的网页文档。网页的保存：直接保存；另存为网页的保存：直接保存；另存为。命名注意命名注意：vv最好做到最好做到“ “见名知义见名知义” ”，看到名字就知道网页里的相应内容，看到名字就知道网页里的相应内容 ；vv名字最好用英文字母或拼音，不要包含中文或名字最

3、好用英文字母或拼音，不要包含中文或 一些特殊的一些特殊的 字符。字符。2.12.1初识初识dreamweaverdreamweaver MX 2004 MX 2004n n2.1.22.1.2网页的创建和保存网页的创建和保存n n文件名的开头不能使用数字、运算符等符号，文件名最文件名的开头不能使用数字、运算符等符号，文件名最 好不要使用中文，因为如果主机采用好不要使用中文，因为如果主机采用UNIXUNIX系统，中文系统，中文 名会出错。文件的命名一般采用以下几种方法：名会出错。文件的命名一般采用以下几种方法：n n汉语拼音汉语拼音：这是最简单的命名方法，根椐页面的标这是最简单的命名方法，根椐页

4、面的标 题或主要内容，提取两三个概况字，把它们的汉语拼音题或主要内容，提取两三个概况字，把它们的汉语拼音 作为文件名。例：作为文件名。例：“ “产品中心产品中心” ”页面，提取页面，提取“ “产品产品” ”这两个字这两个字 的汉语拼音，因此文件名为的汉语拼音，因此文件名为“ “chanpingchanping. .htmhtm” ”。n n拼音缩写拼音缩写：根椐页面的标题或主要内容，提取每个根椐页面的标题或主要内容，提取每个 汉字拼音的第汉字拼音的第1 1个字母作为文件名。个字母作为文件名。例：例：“ “留言簿留言簿” ”的拼音为的拼音为“ “liuyanboliuyanbo” ”，那么文件名

5、为，那么文件名为 “ “lyblyb.asp”.asp”。这种方法简单，但不带提示性，不便于日后。这种方法简单，但不带提示性，不便于日后 的维护。的维护。n n英文缩写：英文缩写：这种方法也较难记忆，一般适用于专有这种方法也较难记忆，一般适用于专有 名词。例：名词。例：“ “Active Server Pages”Active Server Pages”这个专有名词一般用这个专有名词一般用 ASPASP来代替。来代替。n n英文原文：英文原文：这种方法准确、实用，最好的一种方法这种方法准确、实用，最好的一种方法 。例：。例：“ “公司简介公司简介” ”的页面命名为的页面命名为 “ “compa

6、ny_pany_introduction.htmhtm”. ”.2.22.2站点的创建与页面属性设置站点的创建与页面属性设置n n2.2.12.2.1创建站点创建站点创建站点的第一步就是规划站点创建站点的第一步就是规划站点 ，再通过，再通过DREAMWEAVERDREAMWEAVER站点管理站点管理 功能创建站点的框架，包括主页、分功能创建站点的框架，包括主页、分 支页面和相应的文件夹等。将多个网支页面和相应的文件夹等。将多个网 页文档链接起来就构成了站点，站点页文档链接起来就构成了站点，站点 可以小到一个网页，也可以大到整个可以小到一个网页，也可以大到整个 网站。网站。n n2.2.22.2

7、.2页面属性的设置页面属性的设置2.32.3在网页中加入文本在网页中加入文本n n2.3.12.3.1插入文本插入文本直接输入或者通过复制直接输入或者通过复制n n2.3.22.3.2通过属性面板对字体进行设置通过属性面板对字体进行设置 输入特殊字符；输入特殊字符； 输入一个空格：按输入一个空格：按SPACESPACE键键 连续输入多个空格：连续输入多个空格： CTR+SHIFT+SPACECTR+SHIFT+SPACE 换行：换行：SHIFT+ENTERSHIFT+ENTER 分段：分段：ENTERENTER 添加并编辑水平线；添加并编辑水平线； 插入日期；插入日期；n n2.3.22.3.

8、2让文本更具个性让文本更具个性n n2.3.32.3.3结合实例讲解结合实例讲解2.42.4在网页面中插入图象在网页面中插入图象n n2.4.12.4.1网页的色彩网页的色彩n n2.4.22.4.2网页中图象的格式网页中图象的格式n n2.4.32.4.3在网页中插入图象在网页中插入图象n n2.4.42.4.4设置图象属性设置图象属性n n2.4.52.4.5鼠标经过图象鼠标经过图象n n2.4.62.4.6图象占位符图象占位符2.4.12.4.1网页的色彩网页的色彩n n在网页中是以在网页中是以RGBRGB方式来表示颜色的方式来表示颜色的 ，RGBRGB是是RedRed、GreenGre

9、en、BlueBlue的缩写的缩写 。RGBRGB颜色包括几百万种之多，这么颜色包括几百万种之多，这么 多的颜色却有一个共同点，就是都由多的颜色却有一个共同点，就是都由 红、绿、蓝这红、绿、蓝这3 3种基色调和而成，这种基色调和而成，这3 3 种基色中每一种颜色的饱和度和透明种基色中每一种颜色的饱和度和透明 度都是可以变化的，取值范围为度都是可以变化的，取值范围为00 255255，例如，红色表示为，例如，红色表示为Red100%Red100%， Green0%Green0%，Blue0%Blue0%，简单的表示法，简单的表示法 为（为（255255，0 0，0 0），用十六进制数值），用十六

10、进制数值 来表示就是来表示就是“ “FF0000”FF0000”，在，在HTMLHTML语言语言 中我们直接十六进制数值来命名颜色中我们直接十六进制数值来命名颜色 。2.4.12.4.1网页的色彩网页的色彩n n用排列组合方法计算：用排列组合方法计算：256*256*256=16 256*256*256=16 777 216777 216，总共可以得到，总共可以得到16 77 21616 77 216种种RGBRGB颜颜 色，这是理论上的。在实际中，色，这是理论上的。在实际中，只有只有216216种种 颜色颜色能在浏览器中正常显示。多于这个范围能在浏览器中正常显示。多于这个范围 的颜色，有的浏

11、览器显示时可能发生偏差，的颜色，有的浏览器显示时可能发生偏差， 不能正常显示。因此，我们将能被所有浏览不能正常显示。因此，我们将能被所有浏览 器正常显示的器正常显示的216216种颜色称为种颜色称为网页安全色网页安全色。 DreamweaverDreamweaver中提供了具有网页安全颜色范中提供了具有网页安全颜色范 畴的调色板，使网页的颜色选取控制在安全畴的调色板，使网页的颜色选取控制在安全 范围之内。范围之内。n n这这216216种颜色除黑色和白色外，其他全部属种颜色除黑色和白色外，其他全部属 于彩色范畴。网页制作是用彩色还是非彩色于彩色范畴。网页制作是用彩色还是非彩色 好呢？其实只要运

12、用的合理，都能达到好的好呢？其实只要运用的合理，都能达到好的 效果。效果。n n我们通常的做法是：主要内容文字用非彩色我们通常的做法是：主要内容文字用非彩色 （黑色），边框，背景，图片用彩色。这样（黑色），边框，背景，图片用彩色。这样 页面整体不单调，看主要内容也不会眼花。页面整体不单调，看主要内容也不会眼花。2.4.12.4.1网页的色彩网页的色彩1 1非彩色的搭配非彩色的搭配n n黑白是最基本和最简单的搭配，它们黑白是最基本和最简单的搭配，它们 以其特有的性质一直在艺术殿堂中占以其特有的性质一直在艺术殿堂中占 有重要的地位，如中国的水墨画、黑有重要的地位，如中国的水墨画、黑 白摄影等艺术作

13、品，给人一种质朴、白摄影等艺术作品，给人一种质朴、 安逸、超脱的美感。但要把握好很难安逸、超脱的美感。但要把握好很难 。n n灰色是万能色，可以和任何彩色搭配灰色是万能色，可以和任何彩色搭配 ，也可以帮助两种对立的色彩和谐过，也可以帮助两种对立的色彩和谐过 渡。渡。2.4.12.4.1网页的色彩网页的色彩n n2 2彩色的搭配彩色的搭配n n色环：我们将色彩按色环：我们将色彩按“ “红红-黄黄-绿绿-蓝蓝-红红“ “ 依次过度渐变，就可以得到一个色彩环。依次过度渐变，就可以得到一个色彩环。n n色环的两端是暖色和寒色，当中是中型色。色环的两端是暖色和寒色，当中是中型色。 如图如图2-62-6所

14、示。所示。n n红红. .橙橙. .橙黄橙黄. .黄黄. .黄绿黄绿. .绿绿. .青绿青绿. .蓝绿蓝绿. .蓝蓝. .蓝紫蓝紫. .紫紫. . 紫红紫红. . n n/_/ /_/ /_/ /_/ /_/ /_/ /_/_/n n/ / / / / / /n n暖色系暖色系 中性系中性系 寒色系寒色系 中性系中性系 2.4.12.4.1网页的色彩网页的色彩n n3 3色彩的心理感觉色彩的心理感觉n n不同的颜色会给浏览者不同的心理感受。不同的颜色会给浏览者不同的心理感受。n n红色红色-是一种激奋的色彩。刺激效果，能使是一种激奋的色彩。刺激效果，能使 人产生冲动，愤怒，热情，活力的感觉。人

15、产生冲动，愤怒，热情，活力的感觉。n n绿色绿色-介于冷暖两中色彩的中间，显得和睦介于冷暖两中色彩的中间，显得和睦 ，宁静，健康，安全的感觉。它和金黄，淡，宁静，健康，安全的感觉。它和金黄，淡 白搭配，可以产生优雅，舒适的气氛。白搭配，可以产生优雅，舒适的气氛。n n橙色橙色-也是一种激奋的色彩，具有轻快，欢也是一种激奋的色彩，具有轻快，欢 欣，热烈，温馨，时尚的效果。欣，热烈，温馨，时尚的效果。n n黄色黄色-具有快乐，希望，智慧和轻快的个性具有快乐，希望，智慧和轻快的个性 ，它的明度最高。，它的明度最高。n n蓝色蓝色-是最具凉爽，清新，专业的色彩。它是最具凉爽，清新，专业的色彩。它 和白色混合，能体现柔顺，淡雅，浪漫的气和白色混合，能体现柔顺，淡雅，浪漫的气 氛（象天空的色彩氛（象天空的色彩: :）2.4.12.4.1网页的色彩网页的色彩n n白色白色-具有洁白，明快，纯真，清洁具有洁白，明快，纯真，清洁 的感受。的感受。n n黑色黑色-具有深沉，神秘，寂静，悲哀具有深沉，神秘，寂静，悲哀 ，压抑的感受。，压抑的感受。n n灰色灰色-具有中庸，平凡，温和，谦让具有中庸，平凡，温和，谦让 ，中立和高雅的感觉。，中立和高雅的感觉。n n每种色彩在饱和