网页设计与制作4.ppt

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亿美元最新版本：dreamweaver cs4Internet及网页设计二、基本界面及站点管理二、基本界面及站点管理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:/）。相对路径：以当前文档所在位置为起点到被链接文档经由的路径。这是用于本地链接的最适宜的路径。当要把当前文档与处在相同文件夹中的另一文档链接，或把同一网站下不同文件夹中的文档相互链接时，就可使用相对路径。根相对路径：根相对路径是指从站点根文件夹到被链接文档经由的路径。一个根相对路径以前斜杠开头，他代表站点根文件夹。Internet及网页设计超级链接超级链接锚点链接跳转到目标点跳转到其他文件的目标点一般在编写大的网页和文档是比较有用例？给图像加超级链接怎么加？给图像加超级链接怎么加？