DW介绍及站点管理PPT课件

21.05.2020,精选,1,Dreamweaver,第一讲基础知识,21.05.2020,精选,2,1、是否曾想过，这么多漂亮而且实用的网站是怎么做出来的2、是否曾想过自己做一个主页挂到网上，展示自己的个性魅力呢3、你有blog吗？想让自己的Blog更个性吗？,当你上网遨游的时候,21.05.2020,精选,3,关于网站制作，你了解多少工具？,有没有辅助工具呢？,21.05.2020,精选,4,网络技术的发展使得人们对网页所能包含的信息量的要求越来越高,作为网页三剑客之一的Dreamweaver就是一个功能强大，为从多网页设计师所青睐的网页制作利器！,21.05.2020,精选,5,网页三剑客简介,Dreamweaver8acromedia公司推出的网站开发工具主要功能：站点管理，网页排版与编辑等Fireworks8acromedia公司推出的网站开发工具主要功能：网页图形图象的制作及修改热点及切片的应用Flash8acromedia公司推出的矢量动画设计软件以上是网页三剑客所学的三门软件因为都与网页制作有关，且功能强大，彼此结合性极好,故称之为：网页三剑客,21.05.2020,精选,6,网页与网站,网页：我们在浏览器中看到的页面，它是一个单个的文件。网页里可以有文字、表格、图像、声音、视频等等。后缀是htm或html的文件。首页：网站中的第一个页面成为首页或主页。网站：二个或更多的网页链接在一起就构成了网站（也叫站点）。计算机上的网站其实就是一个文件夹。,21.05.2020,精选,7,网站（站点）必须放在服务器上。服务器是一种大容量的计算机，与Internet日夜相连。,网站与服务器,注：Internet上有各种服务器，,而我们在网上浏览到网页在WWW服务器上。一台服务器上可以设多个网站,它们对应着不同的域名和IP地址。有些大型网站可能有多台服务器。,21.05.2020,精选,8,Dreamweaver8简介,MacromediaDreamweaver是个由Macromedia公司开发的著名网站开发工具，它使用所见即所得(WhatYouSee,WhatYouGet)的介面，亦有HTML编辑的功能。它现在有Mac和Windows系统的版本。Macromedia已经计划开发Linux版本的Dreamweaver了。后来Macromedia公司被Adobe公司收购，Dreamweaver开始推出CS版本。Dreamweaver是建立Web站点和应用程序的专业工具。它将可视布局工具、应用程序开发功能和代码编辑支持组合为一个功能强大的工具，使每个级别的开发人员和设计人员都可利用它快速创建界面。开发人员可以将其选择的服务器技术与DreamweaverMX配合使用，建立将用户连接到数据库和Web服务的强大Internet应用程序。,21.05.2020,精选,9,Dreamweaver8的启动,方法二：选中某个Html文件，右击鼠标器，选择用DreamweaverMX进行编辑,方法一：开始程序MacromediaMacromediaDreamweaver8创建新项目HTML，进入Dreamweaver8的设计页面,21.05.2020,精选,10,标题栏,菜单栏,插入栏,文档工具栏,文档窗口,属性面板,面板组,文件面板,视图(在文档工具栏上可以切换视图）代码视图：设计视图：代码/设计:,在进行网页编辑时,由于控制面板的影响无法看到网页的全貌,可以使用快捷键F4快速关闭所有控制面板,再按F4可以恢复原来的状态。,Dreamweaver8的窗口,21.05.2020,精选,11,标题栏,文件标题,网页存储位置与文件名称,内容经过修改尚未保存,如何修改标题,1.,2.,修改文件标题,它将显示在浏览器的标题栏中。,21.05.2020,精选,12,状态栏,标签选择器单击可选中该标签及标签中内容标签顺序：从左到右依次向内选择对象的好办法窗口大小窗口大小(在最大化情况下无法修改)文档大小和估计下载时间(可在编辑首选参数中修改),21.05.2020,精选,13,练习一：Dreamweaver入门,启动Dreamweaver开始程序MacromediaMacromediaDreamweaver8打开/关闭站点管理器对象面板、属性面板熟悉工作环境设置窗口,21.05.2020,精选,14,网页的基本分类,以网页的角度来看,一个网站中的众多网页,主要可以分成下列两层:,21.05.2020,精选,15,做网页的几个关键步骤,创建本地站点编辑网页超级链接网页排版发布站点,21.05.2020,精选,16,两个为什么？,为什么要建站点？计算机上的站点是什么样？,21.05.2020,精选,17,远程站点和本地站点,网页的开发和制作一般在客户端进行，之后向服务器上传。本地站点：开发阶段，在本地硬盘上用来存放整个网站的所有文档的目录。远程站点：开发结束后，存放在网络服务器端供用户浏览。,21.05.2020,精选,18,计算机上的站点,网页,主页,图像,子文件夹,网站位置,文件夹名称,21.05.2020,精选,19,创建站点规划站点,21.05.2020,精选,20,步骤（1）在硬盘根目录下新建一个文件夹，给文件夹命名，如:abc。打开dw的站点管理器选择“site(站点)newsite(新建站点)”命令。,创建站点建立站点,21.05.2020,精选,21,(1):站点/新建站点/高级(2):进行如下设置：站点名称-为本地站点命名本地根文件夹-设置此文件夹的路径默认图象文件夹-设置此站点图象文件的默认存储路径。（可不设置）HTTP地址-输入网站的网址。（可不设置）。,步骤（2）,注意：当本地站点建立好后，自动显示“站点”面板,21.05.2020,精选,22,站点名称，仅仅给设计者起到标识说明作用。,选择是否每次拷贝文件到本地站点时都自动刷新本地文件夹列表，否则需要手动刷新。,输入上传站点的URL,也可不输入内容。,21.05.2020,精选,23,实例设计练习,在硬盘根目录下新建一个文件夹，给文件夹命名，如:happy。我的电脑(选择硬盘)/文件/新建/文件夹在Dw中，选择“站点新建站点”命令。输入站点名称（开心站）（站点名称可以是中文）找到本地根文件夹(D:happy)西文根据规划情况，建立几个空白网页,Tryyourself,21.05.2020,精选,24,页面属性的设置,打开：属性面板页面属性修改页面属性注意：链接颜色跟踪图象：相当于特殊的辅助线，是网页排版的一种辅助手段，只在网页编辑时可见，对最终结果没有影响。.,注意与背景图象的区别,21.05.2020,精选,25,首选参数设置,首选参数定义了启动Dreamweaver8时对工作环境的一些默认设置，1、选择主菜单“编辑”“首选参数”命令2、按CtrlU组合键,图2-2“首选参数”对话框,21.05.2020,精选,26,预览的概念,作用1.上传前在本地浏览器中浏览网页.(F12)2.不必保存即可预览.(但为了加快运行速度,最好保存后预览),21.05.2020,精选,27,建立站点原则,不要使用中文