Internet及网页设计第四章网页设计工具•主要内容主要内容：–利用Dreamweaver进行网页设计制作（文本，图片，表格，超级链接，表单，框架，图层，行为及简单特效制作）–利用Dreamweaver构建本地站点及进行站点管理•要求：要求：–能够结合HTML语言，熟练使用Dreamweaver来进行网页设计及站点管理Internet及网页设计第四章网页设计工具一、Dreamweaver简介二、Dreamweaver基本界面及站点管理三、文本、段落、图像及链接四、表格及版面设计Internet及网页设计一、Dreamweaver简介•大家知道吗，大量精美的网页几乎都是用Macromedia的Dreamweaver、Fireworks、Flash或至少其中之一制作的。这三套来自同一产品家族，在技术风格上一脉相承又能实现无缝结合的软件产品，在业界被称为网页“三剑客”。占据了全球互动多媒体行业85%市场份额。•Macromedia利用Dreamweaver、Fireworks和Flash这三把利剑，分别控制了Web制作、Web图形处理和矢量动画这三个主要的网络创作领域，从而构建了自己强大的王国。•Adobe于2005年4月18日宣布收购了Macromedia，价值约34亿美元•最新版本：dreamweavercs4Internet及网页设计二、基本界面及站点管理1、基本界面工工工–起始页：可以打开最近使用过的文档或创建新文档–“插入”栏：包含用于将各种类型的“对象”（如图像、表格)。–“文档”工具栏：提供各种"文档"窗口视图的选项、各种查看选项和一些常用操作。–“标准”工具栏：包含来自“文件”和“编辑”菜单中的一般操作的按钮–“文档”窗口：显示当前创建和编辑的文档。–“属性”检查器：用于查看和更改所选对象或文本的各种属性。–标签选择器：位于"文档"窗口底部的状态栏中，单击该层次结构中的任何标签可以选择该标签及其全部内容。–面板组：是组合在一个标题下面的相关面板的集合。Internet及网页设计2、站点管理•Dreamweaver站点–在Dreamweaver中，“站点”一词既表示Web站点，又表示属于Web站点的文档的本地存储位置。在开始构建Web站点之前，需要建立站点文档的本地存储位置。–Dreamweaver站点可组织与Web站点相关的所有文档，跟踪和维护链接，管理文件，共享文件以及将站点文件传输到Web服务器。Internet及网页设计2、站点管理（续）•Dreamweaver站点由两部分组成–本地文件夹：即工作目录。Dreamweaver将此文件夹称为本地站点。本地文件夹通常是硬盘上的一个文件夹。–远程文件夹：是存储文件的位置，这些文件用于测试、生产、协作和发布等，具体取决于环境。Dreamweaver将此文件夹称为远程站点。远程文件夹是运行Web服务器的计算机上的某个文件夹。运行Web服务器的计算机通常是使站点可在Web上公开访问的计算机。Internet及网页设计2、站点管理（续）•新建及管理WEB站点•远程站点维护–上传、下载、同步•备份站点信息–导入、导出Internet及网页设计三、文本段落图像和链接•基本设置•文本及段落设置•图像•链接Internet及网页设计基本设置•保存页面•指定HTML而不是CSS]•设置页面属性•指定颜色Internet及网页设计文本及段落设置•插入文本设置文本格式–复制/粘贴–导入文本–设置文本格式•设置段落格式和文档结构–设置段落格式–对齐文本–缩进文本–添加段落间距–水平线–项目列表及编号列表Internet及网页设计图像•插入图像–插入图像占位符•图像占位符是在准备好将最终图形添加到Web页面之前使用的图形•更新图像占位符–裁剪图像–创建鼠标经过图像–创建热点图像Internet及网页设计超级链接•
…标签–基本格式
…–…之间的内容可被鼠标选取Internet及网页设计超级链接•链接的类型–内部链接：在同一网站文档之间的连接。–外部链接：不同网站文档之间的链接。–锚点链接：同一网页或不同网页的指定位置的连接。–E-mail连接：打开填写电子邮件表格的连接。Internet及网页设计超级链接•关于文档路径关于文档路径–绝对路径：绝对路径就是被链接文档的完整URL，包括所使用的传输协议（对于网页通常是http://）。–相对路径：以当前文档所在位置为起点到被链接文档经由的路径。这是用于本地链接的最适宜的路径。当要...
