《网页设计与制作》第二章：DreamweaverMX2004

第 2 早Dreamweaver MX 2004A本章要点 £初识Dreamweaver MX 2004:创建站点>Dreamweaver MX 2004基本操作启动 Dreamweaver MX 2004启动与退出 Dreamweaver MX 2004I|IHA安装好Dreamweaver MX 2004后就可以 使用它进行网页制作了。接下来就讲解 怎样启动与退出Dreamweaver MX 2004。启动 Dreamweaver MX 2004I|mA启动Dreamweaver MX 2004可选择“开 始/所有程序 /Macromedia/Macromedia Dreamweaver MX 2004"命令。也可双击 Dreamweaver MX 2004的桌面快捷方式。启动 Dreamweaver MX 2004启动 Dreamweaver MX 2004启动 Dreamweaver MXA Z"八Ia<«rn»i Zxplor*¥Z» 方Zkvz Cotiloc"r：nd«ns 1就4" 區打开O&iz文档 令 没定錢序访问裁氏“曲 礎OfEiz文档酥"I?伽it!子曜件Vicr050f«i Ontloo'Vicroxoft YsdAindws Pedii Pl（3 & 初 C）icroaEt Office 工具r)nspr山如毗化大怖da常件C9Q&父比芬=5i认总3.0Internet Ixplortricrsoft AccessMicrosoft B«C41我的电脑Dr e am we aver:）cro“£t F“dtP“QcroEoEt OutlookV<T9»p£t F""Pog<V> crokoft RardFindov? R«scac«*rjn«i<n ? V iker网上邹居Outlook ZxpreuMPindovk F»di» Plxyar开始 «腾讯TT启动 Dreamweaver MX 2004A首次启动Dreamweaver MX 2004时，将 弹出“工作区设置”对话框。在该对话 框中可选择工作区布局，对于初学者来说，基本上不会涉及代码编写，可畤单选按钮。谙选择您喜欢的工作区布局.以后悠可比在制首选参数洱中切换布局.OJ丄 t:D:D U' O:D;U D 0- 0 确定二目A以上是首次启动Dreamweaver MX 2004所 需进行的操作，以后启动会直接进入工作 界面。在结束网页编辑后若需退出 Dreamweaver MX 2004,操作很简单， 直接单击操作窗口右上角的X按钮或选 择“文件/退出”命令即可。rnudan .htrnDreamweaver MX2004 的工作窗口Macromedia Dreamweaver MX 2004 -无标黒文笞（未命名銭点 1/untitbdhtm）-Jnlxi菜单栏编辑区属性面3应用程序标签检查器*盛文件（巳瞬&空看（插入修改（文本（D命令站点（3窗口（世）帮助（也资源?卜设计卜弋冯甩代码J召拆分创设计勰：无袄题文档宗0urtitted.htm文档栏属性格式世）无字体乡參文伴文件、598 x 294 |1 K / 1 秒B 1*j i .d1个本地顶目被选中，总共255个字节。卜框架页直厘性 历史记录1 Iplq）耳匚|1三|：三竺|竺|目标|色励志学社巫（3 | &令罗务|国、 ©站点-励志学社（E:Ny Docwe: B pics® H847J.jpg 屉 b26. jpg 屉 KUANG8.gifImg224755704.jpgiaioge.htmd index, htnnap. htnd nudan . htmvalll_8O0. jpgdwelOl. htnd?elO2. htnO zjl. htn面板组a建站点编辑站点规刘站点A进行网页制作之前需创建站点，利用站 点的管理功能可对站点中的文件进行管 理或测试。创建站点前首先应规划站点, 再通过Dreamweaver MX 2004的站点管 理功能创建站点的框架，包括主页、分 支页面和相应的文件夹等。站点的概念I>多个网页文档通过各种链接关联起来就构成了 站点，站点可以小到一个网页，也可以大到整 个网站。> Dreamweaver MX 2004提供了 3类站点：本地站 点、远程站点和测试站点。用户可通过本地站 点和远程站点吞未地磁盘和Web服务器之间传 输文件，测试站点可用于对动态站点的测试。> 本地站点> 远程站点> 测试站点观刘站点结构IIIA设计站点的必要前提是规划站点结构。规划 站点结构是指利用不同的文件夹将不同的网 页内容分门别类地保存，合理地组织站点结 构，可提高工作效翠，加快对站点的设计。A在制作站点时通常先在本地磁盘上创建一个 文件夹，将所有在制作过程中创建和编辑的 网页内容都保存在该文件夹中。在发布站点 时，直接将这些文件夹上传到Web服务器上 艮D可。如菓站点内容较多或站点较夫,则还 需建立子文件夹以存放不同类型的网页内容。观期站点结构IA在站点规划过程中，需使用合理的文件名称、文件 夹名称，好的名称容易理解、记忆，能够表达出网 页的内容。通常在命名时，可以采用与其内容相同 的英文或拼音进行命名，应避免使用长文件名和中 文，如电影文件夹可以命名为movie或dianyingo制作网页所需的图片或动画等文件的存放位置也是 规划站点结构时应考虑的。如果是大型站点，可分 别创建相应的文件夹在各个类别的文件夹下，如在 站点根目录下创建一个名称为picture的文件夹用以 存放主页中用到的图片和动画。如果站点内容较少, 可以只在站点的根目录下创建一个文件夹。创建导航草图A做好了站点的规划后，就可根据规划制 作出一个导航草图便于理清思路，制作 时可直接在纸上粗略绘出导航草图。创建导航草图“影视倾城”网站首页歌星档案音乐故事唱片封而乐评电影音乐乐坛动态观刘硕与广告公司站点结构图诚与广告公司网站首页创建站点【实例1】创建一个站点使用菜单“站点” “管理 站点”打开站点管理对话 框，进行操作打开站点和编辑站点信息:打开站点*编辑站点盛运 I 取消胡助使用“高级”方式定义站点助志学社輛点题为在“定义站点”向导进行的任意一个步骤，选择对话框上部的“高级”标签,可打开高级站点定义对话框。弟点名称qp 055左地柵立杵交胆矯y Eocumr心Vttt材讼a»4未G名_Jwrr? WQP |uttp /耀存P启用猩存) 翌存中«»«站点京:性.盛运 I 取消胡助Dreamweaver MX2004 的基本操作实例二、制作一个简单的网页披置工作界面:关闭面板;标尺和网格;辅助显示;首选参数的设置对象的大小和顾色III1修改文字大小在属性面板上的大小中选择文字的大小，文字大小对设置绝 对尺寸、相对尺寸、长度、百分比2修改文字颜色在默认的情况下，文本在浏览器窗口内显示为黑色。在属性面板的 文本颜色按钮DH上单击可打开调色板，选择要设置的颜色。-披置图像大小的多种操作方式 III1. 拖动改变大小拖动图像下边、右边、右下角的三个控制点可快速改变图像大小。2. 使用属性面板在属性面板的宽、高栏输入宽、高的像素值，可改变图像大小。3. 使用右键菜单在图像上面单击右键，在弹出菜单中选择“改变大小”可重设图像大披置图像大小的多种操作方式4使用系统菜单使用菜单“修改”一“图像”虽然不能修改图像的大小，但可以改 变图像的其他属性5.使用代码编辑器将显示模式设为代码模式或拆分模式，对直接编辑图片文件的HTML 代码中的width和height属性的值，改变图像大小。6使用面板组的属性面板使用菜单“窗口”一“属件”或单击“标签检查器”面板组打开属 性面板，在编辑窗口中选中要设置大小的图片，再单击“常规”前面的 加号，列出图片的各种属性，在width和height中设置图片大小的值。