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

2020/3/91第2章DreamweaverMX2004本章要点初识DreamweaverMX2004创建站点DreamweaverMX2004基本操作2启动与退出DreamweaverMX2004安装好DreamweaverMX2004后就可以使用它进行网页制作了。接下来就讲解怎样启动与退出DreamweaverMX2004。3启动DreamweaverMX2004启动DreamweaverMX2004可选择“开始/所有程序/Macromedia/MacromediaDreamweaverMX2004”命令。也可双击DreamweaverMX2004的桌面快捷方式。4启动DreamweaverMX5启动DreamweaverMX2004首次启动DreamweaverMX2004时，将弹出“工作区设置”对话框。在该对话框中可选择工作区布局，对于初学者来说，基本上不会涉及代码编写，可选择单选按钮。6启动DreamweaverMX2004以上是首次启动DreamweaverMX2004所需进行的操作，以后启动会直接进入工作界面。7退出DreamweaverMX2004在结束网页编辑后若需退出DreamweaverMX2004，操作很简单，直接单击操作窗口右上角的按钮或选择“文件/退出”命令即可。8DreamweaverMX2004的工作界面启动DreamweaverMX2004后即可进入其工作界面。9DreamweaverMX2004的工作窗口标题栏菜单栏编辑区文档栏属性面板面板组10DreamweaverMX2004的工作界面菜单栏起始页工具栏文档编辑窗口属性面板面板组11创建站点规划站点创建站点打开站点编辑站点12规划站点进行网页制作之前需创建站点，利用站点的管理功能可对站点中的文件进行管理或测试。创建站点前首先应规划站点，再通过DreamweaverMX2004的站点管理功能创建站点的框架，包括主页、分支页面和相应的文件夹等。13规划站点站点的概念规划站点结构创建导航草图应用举例——规划“诚与”广告公司站点14站点的概念多个网页文档通过各种链接关联起来就构成了站点，站点可以小到一个网页，也可以大到整个网站。DreamweaverMX2004提供了3类站点：本地站点、远程站点和测试站点。用户可通过本地站点和远程站点在本地磁盘和Web服务器之间传输文件，测试站点可用于对动态站点的测试。本地站点远程站点测试站点15规划站点结构设计站点的必要前提是规划站点结构。规划站点结构是指利用不同的文件夹将不同的网页内容分门别类地保存，合理地组织站点结构，可提高工作效率，加快对站点的设计。在制作站点时通常先在本地磁盘上创建一个文件夹，将所有在制作过程中创建和编辑的网页内容都保存在该文件夹中。在发布站点时，直接将这些文件夹上传到Web服务器上即可。如果站点内容较多或站点较大，则还需建立子文件夹以存放不同类型的网页内容。16规划站点结构在站点规划过程中，需使用合理的文件名称、文件夹名称，好的名称容易理解、记忆，能够表达出网页的内容。通常在命名时，可以采用与其内容相同的英文或拼音进行命名，应避免使用长文件名和中文，如电影文件夹可以命名为movie或dianying。制作网页所需的图片或动画等文件的存放位置也是规划站点结构时应考虑的。如果是大型站点，可分别创建相应的文件夹在各个类别的文件夹下，如在站点根目录下创建一个名称为picture的文件夹用以存放主页中用到的图片和动画。如果站点内容较少，可以只在站点的根目录下创建一个文件夹。17创建导航草图做好了站点的规划后，就可根据规划制作出一个导航草图便于理清思路，制作时可直接在纸上粗略绘出导航草图。18创建导航草图新歌推荐女歌手男歌手主题曲“影视倾城”网站首页乐坛动态唱片封面乐评原声碟电影音乐音乐故事歌星档案星闻追踪新碟快报海外中国19应用举例——规划“诚与”广告公司站点将为一个名为“诚与”的广告公司网站进行站点结构的规划。20规划诚与广告公司站点结构图公司介绍业务范围合作伙伴户外广告诚与广告公司网站首页企业文化联系我们首页21【实例1】创建一个站点使用菜单“站点”“管理站点”打开站点管理对话框，进行操作创建站点22打开站点和编辑站点信息打开站点编辑站点23使用“高级”方式定义站点在“定义站点”向导进行的任意一个步骤，选择对话框上部的“高级”标签，可打开高级站点定义对话框。24DreamweaverMX2004的基本操作实例二、制作一个简单的网页25设置工作界面关闭面板标尺和网格辅助显示首选参数的设置26对象的大小和颜色1.修改文字大小在属性面板上的大小中选择文字的大小，文字大小可设置绝对尺寸、相对尺寸、长度、百分比2.修改文字颜色在默认的情况下，文本在浏览器窗口内显示为黑色。在属性面板的文本颜色按钮上单击可打开调色板，选择要设置的颜色。27设置图像大小的多种操作方式1.拖动改变大小拖动图像下边、右边、右下角的三个控制点可快速改变图像大小。2.使用属性面板在属性面板的宽、高栏输入宽、高的像素值，可改变图像大小。3.使用右键菜单在图像上面单击右键，在弹出菜单中选择“改变大小”可重设图像大小。286.使用面板组的属性面板使用菜单“窗口”→“属性”或单击“标签检查器”面板组打开属性面板，在编辑窗口中选中要设置大小的图片，再单击“常规”前面的加号，列出图片的各种属性，在width和height中设置图片大小的值。4.使用系统菜单使用菜单“修改”→“图像”虽然不能修改图像的大小，但可以改变图像的其他属性。5.使用代码编辑器将显示模式设为代码模式或拆分模式，可直接编辑图片文件的HTML代码中的width和height属性的值，改变图像大小。设置图像大小的多种操作方式