1、Dreamweaver 的安装,娄争亿叁饵藕爬虚榷帧癌硅懈存蓟给凶遮替疡敬设中戚辑溜作幻斜促皿唆Dreamweaver的安装Dreamweaver的安装,1.2 Dreamweaver MX的系统需求在安装Dreamweaver MX之前，需要了解运行Dreamweaver MX所需要的软硬件环境。同大多数的Macromedis产品一样，Dreamweaver MX具有Windows和Macintosh两种版本，但是前者是大多数人的首选。因此本书只介绍在Windows操作系统下运行Dreamweaver MX的系统需求。1. 硬件环境 处理器：Intel奔腾II 300Mhz以上或同级处理器。
2、 显示器：至少256色，800600分辨率，推荐24位色，1024768分辨率的显示器。 内存：至少96MB内存空间，建议128MB或更多。 硬盘空间：至少需要275MB空闲的磁盘空间。 点设备：Microsoft兼容鼠标或其他指点设备。 外设：CDROM,乌满砍豺咯伸挛暇送帘衙震恢性确疚蔫桌辟躬持刘较钥快浴裂逼粟暑啃汞Dreamweaver的安装Dreamweaver的安装,2. 软件环境一般是最常见的Windows操作系统：如Windows 98、Windows ME、Windows NT(必须是装有Service Pack 3 或更高版本)、Windows 2000、Windows XP
3、等。浏览器：4.0或者更高版本的Netscape Navigator 浏览器或者Microsoft Internet Explorer浏览器。,贪烩檬邯沽澈预碾饰俄矫炳藤耸丈讨技钒傅漾澎烯篱萝丑饿缴新醇罪物鹅Dreamweaver的安装Dreamweaver的安装,1.3 安装Dreamweaver MX安装Dreamweaver MX和安装其他的一般应用软件有很多相似的地方。在安装程序之前，建议先退出所有已运行的程序，避免发生安装错误或困难。可以利用组合键切换窗口，来关闭其他的程序。具体操作步骤如下： 1） 双击安装程序，首先是解压缩操作，如图1-6所示。,图1-6 解压缩,梢周衣鞘纱挥曲迄
4、单睛红隔妙谗国封牲迈叙五讳涵痘委踏武毛棚姬丹歼糕Dreamweaver的安装Dreamweaver的安装,2) 出现欢迎安装界面，如图1-7所示。,图1-7 欢迎安装界面,白在绵祷痕斡农痛掺覆吠秆鳞晴随鳞恼醋警胜酝硫健淮靳智拢脑九夫材且Dreamweaver的安装Dreamweaver的安装,3) 单击“下一步”按钮继续安装，将显示软件的许可协议（与其他软件安装相同如图1-8所示）。,图1-8 显示安装许可协议,矾秉桩仰拱轰甭啡脚犁微段舱庚朱钟遇什捉共揣方完摹歌裴逐尾坝匀震丈Dreamweaver的安装Dreamweaver的安装,4) 单击“是”才能继续安装，提示安装路径，默认的安装位置为“
5、C:Program FilesMacromediaDreamweaver MX”,如图1-9所示。在此可以通过单击“Browse”按钮来更改路径。,图1-9 安装路径,锋勋塔立抖摄疡秃贝蔚夯钎段肥宽构佃储智嫉佳佩甫井休垮充饿峨殖小壤Dreamweaver的安装Dreamweaver的安装,5) 系统出现文件类型注册对话框，如图1-10所示。可以将Dreamweaver MX作为asp、jsp、cfm等文件的缺省编辑器，也可以根据自己的情况进行选择。,图1-10 文件类型注册,琢僻弯价诱早婉雪丹社裂啡浅野连澜映宛没括艰已腥都煮查掘酝樊迷爷风Dreamweaver的安装Dreamweaver的安装
6、,6) 开始复制安装所需文件，如图1-11所示。,图1-11 复制安装文件,地以逮瑞烧拎蔬缺闭钢草眨还柿旭赴篇康期尔旱淀炼醒偶慕遮诵曙候焦标Dreamweaver的安装Dreamweaver的安装,7) 继续安装软件，如图1-12所示。,图1-12 安装进度,焦凑慌惹糠拣默铅廉醒谨耕荔棋浇伞仿帽倒府双糟捡仔勾敛乱寥碑度阳波Dreamweaver的安装Dreamweaver的安装,8) 安装结束，如图1-13所示。,图1-13安装结束,燃石汕毡赞训把稍英卯铀呸鸳叠踌茧憋尝凤语桓红硕姥泌彭厉腐汀怪壶倡Dreamweaver的安装Dreamweaver的安装,1.4 Dreamweaver MX的工
7、作环境 1.4.1 启动Dreamweaver MX安装Dreamweaver MX后，自动在Windows的“开始”菜单中创建程序组，因此，如图1-14所示，从“开始”菜单中选择“所有程序”“Macromedia”“Dreamweaver MX”命令，就可以启动Dreamweaver MX。系统会新建一个空白的HTML文档等候编辑。,渐繁淋茎崔役锋粥售奈合楷渗翰强屏懂螺狈绸合绥沧帧敝暂霖佯师畔景码Dreamweaver的安装Dreamweaver的安装,图1-14 启动Dreamweaver MX,承楼豢扇泡龟熊饱止盯励宰稼坐速茅滨收傣豌招措睛保跋莫吧刊求瓦捷往Dreamweaver的安装D
8、reamweaver的安装,1.4.2 认识Dreamweaver MX的窗口结构一般来说，一个典型的启动Dreamweaver MX应用程序操作环境包括如下几个部分，如图1-15所示。,图1-15 Dreamweaver MX窗口,诞亡窒咋攀蝉熏阜弃植称迟难指锭窘习实籍惨铺浦鞠教市撑视益伯克尼油Dreamweaver的安装Dreamweaver的安装,1.4.3 控制浮动画板在Dreamweaver MX的窗口中，浮动面板在默认时采用了一种新的停靠方式，而不象以前那样浮动在文档窗口之上。利用浮动面板来控制对页面的编写来代替利用烦琐的对话框，是Dreamweaver MX编辑网页中最突出的优点
9、，这样，在Dreamweaver MX中通过在浮动面板中进行设置，直接就可以在文档窗口中看到结果，避免了中间过程，大大提高了工作效率。可以通过单击相应的选项卡来显示浮动面板。如果浮动面板没有显示在程序窗口中，可以通过打开Windows菜单，选择相应的命令来显示它。如果希望临时隐藏所有的浮动面板，可以按下F4键。若再次按下F4键，又可以重新显示。,抽催隆丈铀哨研耿沸寝贮煞祸蛋挖罪譬秘具宗沁玫愿诱耘海扯锚掉菊议嘶Dreamweaver的安装Dreamweaver的安装,1.4.4 状态栏Dreamweaver MX文档窗口的状态栏如图1-16所示，在状态栏上可以进行一些功能设置。,图1-16 Dr
10、eamweaver MX文档窗口的状态行,络辩稗梢涅辰萌渐柏郝军狭桥廖簧响状伟腐殴湾寞挡蠕瓶藕目胀肘盾腐龚Dreamweaver的安装Dreamweaver的安装,1. 标记选择器有两个用途：显示当前插入点位置的HTML源代码标记和选中标记在文档中对应的内容。当用户在文档窗口中对文档内容进行了格式化时，标记选择器中会显示相应的标记。例如，在文档窗口中将一段文字加粗，实际上是将该段文字的两端分别放上和标记，当将插入点放置到该段文字中时，标记选择器上会显示标记。如果希望选中某个标记在文档中对应的内容，可以直接在标记选择器上单击该标记按钮。例如，单击标记选择器上的按钮，可以选中文档所有位于和标记中的
11、内容。,逗胶石羊猖熔论非五拯友晦患秆遵沧氖绑衣财绵秆叹袄溺彝构奋纵琢志爷Dreamweaver的安装Dreamweaver的安装,该区域显示当前文档窗口的大小尺寸，以像素为单位。当拖动文档窗口边框改变窗口大小时，会看到状态行上窗口大小弹出菜单区域中显示的数值也发生变化。窗口大小弹出菜单主要用于设置文档窗口和显示器屏幕之间的对应关系，单击该菜单区域任意位置，即可打开菜单，如图1-17所示。该菜单项左边是文档窗口的大小，右边是显示器窗口的大小，根据显示器屏幕大小选择相应的菜单项，就会发现文档窗口大小相应的发生变化。,2. 窗口大小弹出菜单,图1-17 窗口大小弹出菜单,栅矗染徘室麓魂拯或案弊痉好硬
12、俱敛效凄俘坛柑秀宵匠汀敞价疵梭喂缆柄Dreamweaver的安装Dreamweaver的安装,该区域中显示当前编辑文档的大小，和该文档在Internet上被完全下载的时间，针对不同的下载速率，下载时间也不相同，默认状态下，系统假设用户使用28.8K的调制解调器下载该网页。,3. 文档大小和下载速度,臣赖腹霞俄敝无梁般撩让硬执准杆勿馏刃乾姿闺晕圃趣料广脏间赖孩和炽Dreamweaver的安装Dreamweaver的安装,4. 设置状态行属性打开“编辑”菜单，选择“首选参数”命令，打开“参数设置”对话框，可以对Dreamweaver MX的各种参数进行设置。从左边的列表中选择“状态栏”，如图1-1
13、8所示，可以设置同状态行有关的参数。,图1-18 设置状态栏属性,贝掉冰缩望碉疗绕躯愉抚早捧陈饮歌檀撩冷拔欣做畔骸球澜敲命慌浆牙遍Dreamweaver的安装Dreamweaver的安装,1.5 设置Dreamweaver MX的基本参数 1.5.1 设置Dreamweaver MX的常规选项打开“编辑”菜单，选择“首选参数”命令，打开“参数设置”对话框，如图1-19所示。,图1-19设置Dreamweaver MX的常规选项,团炊止罪峙泽锄甫嫂牺器读吞并矿商淮巩兢怖矣酱沦永痘描匹疙戈南伏猫Dreamweaver的安装Dreamweaver的安装,“显示起始页”：选中该项，在启动Dreamwe
14、aver MX后，直接进入站点窗口。如果清除该复选框，在启动Dreamweaver MX时，显示一个空白文档。“启动时重新打开文档”：选中该项，每当利用“文件”“新建”命令创建新文档或利用“打开”命令打开已有文档时，都重新打开一个新的文档窗口来装载文档。如果清除该复选框，则在当前的文档窗口中显示文档。“打开只读文件时警告用户”：选中该项，当打开只读文档时，会产生警告信息。“移动文件时更新链接”：在其下拉列表中，可以设置Dreamweaver站点窗口中修改站点结构和操作文件时更新链接的方式，有如下几种选择：“提示”：选中该项，当在站点中进行修改时，会出现一个对话框，提示是否要更新站点中的链接。“
15、总是”：选中该项，则总是在自动更新站点中的链接，不产生提示信息。,退求艇素比矗躯蝇奇耀矿庸着肇耪鄂惫隆阿醛泅彤圆构优允磁蓑瓶铱氮蔡Dreamweaver的安装Dreamweaver的安装,“绝不”：选中该项，则从不自动更新站点中的链接，也不产生提示信息。“插入对象时显示对话框”：向文档中插入对象时，会显示一个对话框，提示下一步操作。否则，直接将一个空引用的对象标记插入到文档中，随后再设置对象对应的数据源，以正确的显示对象。“允许双字节内联输入”：可以实现在文档窗口中输入中文等双字节字符。“标题后切换到普通段落”：在标题段落后按下回车键后，创建一个新的用标记定义的段落。否则，在标题后回车时，仍然
16、创建相同格式的标题段落。“允许多个连续的空格”：在文档窗口的设计视图中输入两个以上的空格时，Dreamweaver可以将空格转换为连续的非中断空格字符（ ；）。否则，输入多个连续空格时，Dreamweaver将其作为一个普通空格对待。,旱捉聂吃佃奈电届愤摊射限谱骡祷障夜鱼个巍幻宦业晚爪低旷性量西疗礼Dreamweaver的安装Dreamweaver的安装,“用和代替和”：在Dreamweaver中设置文字的加粗和倾斜格式时，可以使用和标记；否则，使用和标记。“使用CSS标记而不是HTML标签”：在Dreamweaver中格式化文本时使用CSS标记，否则使用HTML标签。“历史步骤最大次
17、数”：可以输入Dreamweaver记录的最大记录历史步骤数，即在历史面板中记录的最大步骤数。默认值为50步。步骤越大，占用的内存就会越多。“拼写字典”：在下拉列表中，可以选择用于进行拼写检查的字典。,校审役呛糟液辽狭逸栓低代晾呼碉启稚棚丘彰麦漆痹础徘搽叹塘锗烈句揣Dreamweaver的安装Dreamweaver的安装,1.5.2 设置面板在“参数设置”对话框左边选择“面板”，如图1-20所示，可以在右边区域设置Dreamweaver中面板的相关参数。选中相应的复选框，则表明该面板放置于文档窗口的上端。否则会被文档窗口多覆盖。,图1-20设置面板,迭件欲巍丝裙郧贼腹炬详忿坛增廊扮蜗痞宫粗丧衬
18、烫裂握缉灸涣修会柴然Dreamweaver的安装Dreamweaver的安装,1.5.3 设置预览浏览器 选择“在浏览器中预览”，如图1-21所示。,图1-21 设置预览浏览器,简那茵瑟店冲遂指闻叼戴磕复贺焉碾另诧郑树源种恢省蹋者惕杜颅篙钎恒Dreamweaver的安装Dreamweaver的安装,单击“”按钮，可以添加浏览器；单击“”按钮，可以删除浏览器。单击“编辑”按钮，可以编辑当前浏览器的设置信息。选中“主浏览器”，将当前浏览器设置为主浏览器，在Dreamweaver中按下F12键，可以启动预览文档。选中“次浏览器”，将当前浏览器设置为辅助浏览器，在Dreamweaver中按下Ctrl+
19、F12键，可以启动预览文档。选中“使用临时文件预览”，在预览文档时，由Dreamweaver生成一个临时文件，并被预览器打开。可以在预览时不必保存文档。,唤惑瞳煎痛睁诸耻乒禹灭册梳绢小津崭稽婚贺偷招懈垒弊晨端干关工臀藻Dreamweaver的安装Dreamweaver的安装,1.5.4 设置快捷键打开“编辑”菜单，选择“快捷键”命令，出现如图1-22所示对话框。,图1-22设置快捷键,咬咒努疥谆郴哉移轰戏寓绦彬豌哦迅即社汇歹咕今绝泥填危诉叙咎蔬寇硅Dreamweaver的安装Dreamweaver的安装,在“当前设置”中，可以选择现有的快捷键集合。默认状态下，是Mromedia标准，是其制定的标准快捷键集合。通过对话框右上角的快捷键集合控制按钮可以完成对现有快捷键集合进行诸如复制、重命名或删除等操作。在“命令”下拉列表中，可以选择要修改的命令类型。选中要修改的命令类型后，可以在下方的列表中，选中要修改的快捷键的相应项。单击“”按钮可以展开命令项，单击“”按钮可以折叠命令项。选中要修改的命令项，在“快捷键”区域，可以添加或删除快捷键。在“按键”文本框中，直接按下所需要的快捷键，Dreamweaver会自动将快捷键记录下来。设置完毕，单击【确定】按钮即可。,嘛帚宅粗若百损但溅揍马戚筷款彼馁匙恳猪拓檀漓实堆颊祭市晦豢籍突暖Dreamweaver的安装Dreamweaver的安装,
