Dreamweaver8策划分析、站点理解课件.ppt

《Dreamweaver8策划分析、站点理解课件.ppt》由会员分享，可在线阅读，更多相关《Dreamweaver8策划分析、站点理解课件.ppt（30页珍藏版）》请在三一办公上搜索。

1、Dreamweaver 8策划分析、站点理解,10/9/2022,1,西南财经大学天府学院,Dreamweaver 8策划分析、站点理解10/9/20,1、是否曾想过，这么多漂亮而且实用的网站是怎么做出来的2、是否曾想过自己做一个主页挂到网上，展示自己的个性魅力呢3、你有blog吗？想让自己的Blog更个性吗？,当你上网遨游的时候,10/9/2022,2,西南财经大学天府学院,1、是否曾想过，这么多漂亮而且实用的网站是怎么做出来的2、,关于网站制作，你了解多少工具？,有没有辅助工具呢？,网络技术的发展使得人们对网页所能包含的信息量的要求越来越高,作为网页三剑客之一的Dreamweaver就是一

2、个功能强大，为从多网页设计师所青睐的网页制作利器！,10/9/2022,3,西南财经大学天府学院,关于网站制作，你了解多少工具？有没有辅助工具呢？ 网络,网页三剑客简介,Dreamweaver 8 acromedia公司推出的网站开发工具主要功能：站点管理，网页排版与编辑等Fireworks 8 acromedia公司推出的网站开发工具主要功能：网页图形图象的制作及修改热点及切片的应用Flash 8 acromedia公司推出的矢量动画设计软件以上是网页三剑客所学的三门软件因为都与网页制作有关，且功能强大，彼此结合性极好,故称之为：网页三剑客,10/9/2022,4,西南财经大学天府学院,网页

3、三剑客简介 Dreamweaver 810/9/20,你心动了吗？,10/9/2022,5,西南财经大学天府学院,你心动了吗？10/9/20225西南财经大学天府学院,综合练习,FW与DW结合,完整项目制作,策划分析,文字与图片,媒体对象与超链接,表格与层的应用,CSS样式,行为、模板,静态网页教学安排,10/9/2022,6,西南财经大学天府学院,综合练习FW与DW结合完整项目制作策划分析文字与图片媒体对象,策划与分析,建站目的,根据需求确定网站内容；网站模块规划；布局结构；主体风格； 收集网页所用素材；（Fireworks , Flash）利用软件制作网页（Dreamweaver）,10/

4、9/2022,7,西南财经大学天府学院,策划与分析建站目的,根据需求确定网站内容；10/9/2022,项目名称：主题阐述（创意、风格）网站模块：素材来源：主要技术实现关键步骤：项目总结：,项目实践报告册的提交,10/9/2022,8,西南财经大学天府学院,项目名称：项目实践报告册的提交10/9/20228西南财经大,网页与网站,网页：我们在浏览器中看到的页面，它是一个单个的文件。网页里可以有文字、表格、图像、声音、视频等等。后缀是htm或html的文件。首页：网站中的第一个页面成为首页或主页。网站：二个或更多的网页链接在一起就构成了网站（也叫站点）。计算机上的网站其实就是一个文件夹。,10/9

5、/2022,9,西南财经大学天府学院,网页与网站网页：我们在浏览器中看到的页面，它是一个单个的文件,网站（站点）必须放在服务器上。服务器是一种大容量的计算机，与Internet日夜相连。,网站与服务器,注：Internet上有各种服务器，,而我们在网上浏览到网页在WWW服务器上。一台服务器上可以设多个网站,它们对应着不同的域名和IP地址。有些大型网站可能有多台服务器。,10/9/2022,10,西南财经大学天府学院,网站（站点）必须放在服务器上。网站与服务器注：Interne,Dreamweaver 8 简介,Dreamweaver 是 建立 Web 站点和应用程序的专业工具。它将可视布局工具

6、、应用程序开发功能和代码编辑支持组合为一个功能强大的工具，使每个级别的开发人员和设计人员都可利用它快速创建界面。 开发人员可以将其选择的服务器技术与 Dreamweaver 8配合使用，建立将用户连接到数据库和Web 服务的强大 Internet 应用程序。,10/9/2022,11,西南财经大学天府学院,Dreamweaver 8 简介Dreamweaver 是,Dreamweaver 8的启动,方法二：选中某个Html文件，右击鼠标器，选择用Dreamweaver 8进行编辑,方法一：开始程序Macromedia Macromedia Dreamweaver 8 创建新项目HTML， 进入

7、Dreamweaver 8的设计页面,10/9/2022,12,西南财经大学天府学院,Dreamweaver 8的启动方法二：选中某个Html文件,标题栏,菜单栏,插入栏,文档工具栏,文档窗口,属性面板,面板组,文件面板,视图(在文档工具栏上可以切换视图）代码视图：设计视图：代码/设计:,在进行网页编辑时,由于控制面板的影响无法看到网页的全貌,可以使用快捷键F4快速关闭所有控制面板,再按F4可以恢复原来的状态。,Dreamweaver 8的窗口,10/9/2022,13,西南财经大学天府学院,标题栏菜单栏插入栏文档工具栏文档窗口属性面板面板组文件面板视,标题栏,文件标题,网页存储位置与文件名称

8、,内容经过修改尚未保存,如何修改标题,1.,2.,修改文件标题,它将显示在浏览器的标题栏中。,10/9/2022,14,西南财经大学天府学院,标题栏文件标题网页存储位置与文件名称内容经过修改尚未保存,状态栏,标签选择器单击可选中该标签及标签中内容标签顺序：从左到右依次向内选择对象的好办法窗口大小窗口大小(在最大化情况下无法修改)文档大小和估计下载时间(可在编辑首选参数中修改),10/9/2022,15,西南财经大学天府学院,状态栏10/9/202215西南财经大学天府学院,首选参数设置,首选参数定义了启动Dreamweaver 8时对工作环境的一些默认设置，1、选择主菜单“编辑”“首选参数”命

9、令2、按CtrlU组合键,图2-2 “首选参数”对话框,10/9/2022,16,西南财经大学天府学院,首选参数设置 首选参数定义了启动Dreamwea,练习一：Dreamweaver入门,启动Dreamweaver开始程序Macromedia Macromedia Dreamweaver 8打开/关闭 站点管理器 对象面板、属性面板熟悉工作环境 设置窗口,10/9/2022,17,西南财经大学天府学院,练习一：Dreamweaver入门10/9/202217西南,网页的基本分类,以网页的角度来看,一个网站中的众多网页,主要可以分成下列两层:,10/9/2022,18,西南财经大学天府学院,网

10、页的基本分类 以网页的角度来看,一个网站中的众多网页,做网页的几个关键步骤,创建本地站点 编辑网页 超级链接 网页排版 发布站点,10/9/2022,19,西南财经大学天府学院,做网页的几个关键步骤 创建本地站点10/9/202219西南,两个为什么？,为什么要建站点？ 计算机上的站点 是什么样？,10/9/2022,20,西南财经大学天府学院,两个为什么？ 为什么要建站点？10/9/202220西南财经,为什么要建站点？,本地站点,网页1,网页2,主页,网页3,站点,网页1,网页2,主页,站点,？,？,服务器,上传,10/9/2022,21,西南财经大学天府学院,为什么要建站点？本地站点网页

11、1网页2主页网页3站点网页1网页,远程站点和本地站点,网页的开发和制作一般在客户端进行，之后向服务器上传。本地站点：在开发阶段，临时存放在客户开发端的站点。远程站点：开发结束后，发布在服务器端存放的站点。,10/9/2022,22,西南财经大学天府学院,远程站点和本地站点 网页的开发和制作一般在客户端进行，之后,计算机上的站点,网页,主页,图像,子文件夹,网站位置,文件夹名称,10/9/2022,23,西南财经大学天府学院,计算机上的站点网页主页图像子文件夹网站位置文件夹名称10/9,创建站点规划站点,10/9/2022,24,西南财经大学天府学院,创建站点规划站点 index.htm(或de

12、fault,建立网站初步,建立本地站点 1. 目的：在本地建立一个文件夹，此文件夹放 置网站用到的所有文件。 2. 步骤： (1):站点/新建站点/高级 (2):进行如下设置： 站点名称-为本地站点命名 本地根文件夹- 设置此文件夹的路径 默认图象文件夹- 设置此站点图象文件的默认存储路径。 （可不设置） HTTP地址- 输入网站的网址。（可不设置） 注意：当本地站点建立好后，自动显示“站点”面板。,10/9/2022,25,西南财经大学天府学院,建立网站初步建立本地站点10/9/202225西南财经大学天,实例设计练习,在D硬新建一个文件夹，给文件夹命名，如:mysite。 在Dw中，选择“

13、站点新建站点”命令。输入站点名称 （个人网站）（站点名称可以是中文）找到本地根文件夹(D:mysite) 根据规划情况，建立几个空白网页、文件夹,Try yourself,10/9/2022,26,西南财经大学天府学院,实例设计练习在D硬新建一个文件夹，给文件夹命名，如:mys,页面属性的设置,打开： 属性面板页面属性 修改页面属性 注意：链接颜色 跟踪图象：相当于特殊的辅助线，是网页排版 的一种辅助手段，只在网页编辑时可见，对最终结果没有影响。,注意与背景图象的区别,10/9/2022,27,西南财经大学天府学院,页面属性的设置打开：注意与背景图象的区别10/9/20222,预览的概念,作用

14、 1.上传前在本地浏览器中浏览网页.(F12) 2.不必保存即可预览.(但为了加快运行速度,最好保 存后预览),10/9/2022,28,西南财经大学天府学院,预览的概念作用10/9/202228西南财经大学天府学院,建立站点原则,不要使用中文目录；网络无国界，使用中文目录可能对网址的正确显示造成困难。 不要使用过长的目录；尽管服务器支持长文件名，但是太长的目录名不便于记忆。 尽量使用意义明确的目录；便于记忆和管理,10/9/2022,29,西南财经大学天府学院,建立站点原则不要使用中文目录；网络无国界，使用中文目录可能对,总结,用DW制作网站的初步，包括站点的建立和编辑，网页文件的建立。（重点）以后的内容是对网页文件的编辑。,10/9/2022,30,西南财经大学天府学院,总结用DW制作网站的初步，包括站点的建立和编辑，网页文件的建,