DW介绍及站点管理.ppt

西南财经大学天府学院 网页三剑客简介 Dreamweaver MX Ｍacromedia公司推出的网站开发工具．主要功能：站点管理，网页排版与编辑等． Fireworks MX Ｍacromedia公司推出的网站开发工具．主要功能：网页图形图象的制作及修改．热点及切片的应用． Flash MX 　 Ｍacromedia公司推出的矢量动画设计软件． 　以上是网页三剑客所学的三门软件．因为都与网页制作有关，且功能强大，彼此结合性极好,故称之为：网页三剑客． 优秀网站示例 ?　 ? 个人主页1 个人主页2 个人主页3　 网页与网站 网页：我们在浏览器中看到的页面，它是一个单个的文件。网页里可以有文字、表格、图像、声音、视频等等。后缀是htm或html的文件。 首页：网站中的第一个页面成为首页或主页。 网站：二个或更多的网页链接在一起就构成了网站（也叫站点）。计算机上的网站其实就是一个文件夹。 网站与服务器 网站（站点）必须放在服务器上。 服务器是一种大容量的计算机，与Internet日夜相连。 Dreamweaver MX 简介 Dreamweaver MX的启动 状态栏 标签选择器 单击可选中该标签及标签中内容 标签顺序：从左到右依次向内 选择对象的好办法窗口大小 窗口大小(在最大化情况下无法修改) 文档大小和估计下载时间(可在编辑首选参数中修改) 练习一：Dreamweaver入门 网页的基本分类 以网页的角度来看,一个网站中的众多网页,主要可以分成下列两层: 做网页的几个关键步骤 两个为什么？ 为什么要建站点？ 计算机上的站点 是什么样？ 为什么要建站点？ 远程站点和本地站点 网页的开发和制作一般在客户端进行，之后向服务器上传。 本地站点：在开发阶段，临时存放在客户开发端的站点。 远程站点：开发结束后，发布在服务器端存放的站点。 计算机上的站点 建立站点原则 不要使用中文目录；网络无国界，使用中文目录可能对网址的正确显示造成困难。 不要使用过长的目录；尽管服务器支持长文件名，但是太长的目录名不便于记忆。 尽量使用意义明确的目录；便于记忆和管理呢。 创建站点——规划站点 DW建立网站初步 建立本地站点 1. 目的：在本地建立一个文件夹，此文件夹放 置网站用到的所有文件。 2. 步骤： (1):站点/新建站点/高级 (2):进行如下设置： 站点名称------------为本地站点命名 本地根文件夹----- 设置此文件夹的路径 默认图象文件夹--- 设置此站点图象文件的默认存储路径。 （可不设置） HTTP地址---------- 输入网站的网址。（可不设置） 注意：当本地站点建立好后，自动显示“站点”面板。 实例设计练习 页面属性的设置 打开： 属性面板－－页面属性 修改－－页面属性 注意：链接颜色 跟踪图象：相当于特殊的辅助线，是网页排版 的一种辅助手段，只在网页编辑时 可见，对最终结果没有影响。. 预览的概念 作用 1.上传前在本地浏览器中浏览网页.(F12) 2.不必保存即可预览.(但为了加快运行速度,最好保 存后预览) 总结 用DW制作网站的初步，包括站点的建立和编辑，网页文件的建立。（重点） 以后的内容是对网页文件的编辑。 * * 关于网站制作，你了解多少工具？ 有没有辅助工具呢？ 网络技术的发展使得人们对网页所能包含的信息量的要求越来越高…… 作为网页三剑客之一的Dreamweaver就是一个功能强大，为从多网页设计师所青睐的网页制作利器！ 你心动了吗？ 注：Internet上有各种服务器，,而我们在网上浏览到网页在WWW服务器上。一台服务器上可以设多个网站,它们对应着不同的域名和IP地址。有些大型网站可能有多台服务器。 Macromedia Dreamweaver MX 是 建立 Web 站点和应用程序的专业工具。?它将可视布局工具、应用程序开发功能和代码编辑支持组合为一个功能强大的工具，使每个级别的开发人员和设