网页设计与制作4.ppt

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