dw介绍及站点管理.ppt

关于网站制作,你了解多少工具?
有没有辅助工具呢?
6/26/2018
1
西南财经大学天府学院
网络技术的发展使得人们对网页所能包含的信息量的要求越来越高……
作为网页三剑客之一的Dreamweaver就是一个功能强大,为从多网页设计师所青睐的网页制作利器!
6/26/2018
2
西南财经大学天府学院
网页三剑客简介
Dreamweaver MX
:站点管理,网页排版与编辑等.
Fireworks MX
:.
Flash MX
Macromedia公司推出的矢量动画设计软件.
,且功能强大,彼此结合性极好,故称之为:网页三剑客.
6/26/2018
3
西南财经大学天府学院
优秀网站示例
个人主页1
个人主页2
个人主页3
你心动了吗?
6/26/2018
4
西南财经大学天府学院
网页与网站
网页:我们在浏览器中看到的页面,它是一个单个的文件。网页里可以有文字、表格、图像、声音、视频等等。后缀是htm或html的文件。
首页:网站中的第一个页面成为首页或主页。
网站:二个或更多的网页链接在一起就构成了网站(也叫站点)。计算机上的网站其实就是一个文件夹。
6/26/2018
5
西南财经大学天府学院
网站(站点)必须放在服务器上。
服务器是一种大容量的计算机,日夜相连。
网站与服务器
注:上有各种服务器,,而我们在网上浏览到网页在以设多个网站,它们对应着不同的域名和IP地址。有些大型网站可能有多台服务器。
6/26/2018
6
西南财经大学天府学院
Dreamweaver MX 简介
Macromedia Dreamweaver MX 是建立 Web 站点和应用程序的专业工具。 它将可视布局工具、应用程序开发功能和代码编辑支持组合为一个功能强大的工具,使每个级别的开发人员和设计人员都可利用它快速创建界面。 
开发人员可以将其选择的服务器技术与 Dreamweaver MX配合使用,建立将用户连接到数据库和Web 服务的强大 应用程序。
6/26/2018
7
西南财经大学天府学院
Dreamweaver MX的启动
方法二:选中某个Html文件,右击鼠标器,选择用Dreamweaver MX进行编辑
方法一:开始→程序→Macromedia Dreamweaver MX创建新项目→HTML 进入Dreamweaver MX的设计页面
6/26/2018
8
西南财经大学天府学院
标题栏
菜单栏
插入栏
文档工具栏
文档窗口
属性面板
面板组
文件面板
视图(在文档工具栏上可以切换视图)
代码视图:
设计视图:
代码/设计:
在进行网页编辑时,由于控制面板的影响无法看到网页的全貌,可以使用快捷键F4快速关闭所有控制面板,再按F4可以恢复原来的状态。
Dreamweaver MX的窗口
6/26/2018
9
西南财经大学天府学院
标题栏
文件标题
网页存储位置与文件名称
内容经过修改尚未保存
如何修改标题
1.
2.
修改文件标题,它将显示在浏览器的标题栏中。
6/26/2018
10
西南财经大学天府学院