《第二章初识Dreamweaver8.ppt》由会员分享，可在线阅读，更多相关《第二章初识Dreamweaver8.ppt（17页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、Dreamweaver8主讲人：杨森主讲人：杨森QQ:475919749mail:sam-tel:13934245724第二章第二章 Dreamweaver8的操作的操作nDreamweaverDreamweaver介绍介绍nDreamweaverDreamweaver的工作界面的工作界面n站点的创建和管理站点的创建和管理n创建、打开、保存文件创建、打开、保存文件2.1 Dreamweaver2.1 Dreamweaver介绍介绍nDreamweaverDreamweaver是一种完全成熟的是一种完全成熟的HTMLHTML编辑器，通过它编辑器，通过它可以轻松快捷地创建网页和网站。可以轻松快捷地
2、创建网页和网站。DreamweaverDreamweaver不仅不仅让您可以享受到手工编写让您可以享受到手工编写HTMLHTML代码的乐趣，而且提供代码的乐趣，而且提供了强大的可视化编辑环境。了强大的可视化编辑环境。nMacromedia Macromedia DreamweaverDreamweaver是一款专业的是一款专业的HTMLHTML编辑器，编辑器，用于设计、编码，开发网站、网页和用于设计、编码，开发网站、网页和WebWeb应用程序。应用程序。DreamweaverDreamweaver提供了很多实用的工具，利用这些工具，提供了很多实用的工具，利用这些工具，大家可以更加方便、快捷地制
3、作网页。它可以与其它大家可以更加方便、快捷地制作网页。它可以与其它的的MacromediaMacromedia产品配合使用，为用户提供全面的网页产品配合使用，为用户提供全面的网页制作功能。制作功能。2.2 2.2 DreamweaverDreamweaver的工作界面的工作界面菜单栏菜单栏插入栏插入栏文档文档工具栏工具栏文档窗口文档窗口标签标签选择器选择器属性属性检查器检查器面板组面板组文件面板文件面板状态栏状态栏“文档文档”工具栏工具栏 状态栏状态栏2.3 2.3 站点的创建和管理站点的创建和管理n 静态网页静态网页n 动态网页动态网页n 站点的基本概念站点的基本概念n 站点的创建和管理站点
4、的创建和管理2.3.1 2.3.1 静态网页静态网页 静态网页上的页面不能互动交流，只供客户端浏览，静态网页上的页面不能互动交流，只供客户端浏览，不能即时更改文字及图片资料。不能实现客户端和服不能即时更改文字及图片资料。不能实现客户端和服务器端的直接信息交流。务器端的直接信息交流。静态网页上的内容维护人员必须手动修改。静态网页上的内容维护人员必须手动修改。开发静态网站的费用极低，但如果每月或每周修改开发静态网站的费用极低，但如果每月或每周修改网站的话，维护成本会变高。网站的话，维护成本会变高。2.3.2 2.3.2 动态网页动态网页“交互性交互性”，即网页会根据用户的要求和选择而动态改变，即网
5、页会根据用户的要求和选择而动态改变和响应。和响应。“自动更新自动更新”，即无须手动地更新，即无须手动地更新HTMLHTML文档，便会自动生文档，便会自动生成新的页面，可以大大节省维护工作量。成新的页面，可以大大节省维护工作量。“因时因人而变因时因人而变”，即当不同的时间、不同的任务访问同，即当不同的时间、不同的任务访问同一网址时会产生不同的效果。一网址时会产生不同的效果。使用动态页面，一般后台会链接数据库，每当数据库或其使用动态页面，一般后台会链接数据库，每当数据库或其他数据源数据发生变化时，网站内容就会发生相应的变他数据源数据发生变化时，网站内容就会发生相应的变化。化。2.3.3 站点的基本
6、概念站点的基本概念n站点站点是指一系列文档的集合体，这些文档之间通过各种链是指一系列文档的集合体，这些文档之间通过各种链接关联起来，使整个站点上的所有文档构成了一个整体。接关联起来，使整个站点上的所有文档构成了一个整体。n站点有本地站点和远程站点之分。站点有本地站点和远程站点之分。n本地站点本地站点是指建立在本地磁盘上的站点，便于网站设计人是指建立在本地磁盘上的站点，便于网站设计人员合理组织站点中各类文档并进行编辑修改和调试，待整员合理组织站点中各类文档并进行编辑修改和调试，待整个站点的文档关联成一个整体后，再将站点上的所有资源个站点的文档关联成一个整体后，再将站点上的所有资源上传至远程站点，
7、供他人浏览。上传至远程站点，供他人浏览。n远程站点远程站点是建立在远程是建立在远程InternetInternet服务器上的站点。这里主服务器上的站点。这里主要是用于存放已经调试好了的网站文档，供全球用户访问要是用于存放已经调试好了的网站文档，供全球用户访问和浏览。和浏览。站点的结构站点的结构 在在windowswindows系统看来，一个站点就是一个文件夹，该系统看来，一个站点就是一个文件夹，该文件夹里含有网页文档和文件夹，在文件面板中以目录树文件夹里含有网页文档和文件夹，在文件面板中以目录树的形式将站点结构显示出来。使网站建设、网页设计人员的形式将站点结构显示出来。使网站建设、网页设计人员
8、能够方便地对该站点内容及嵌套结构一目了然，便于管理。能够方便地对该站点内容及嵌套结构一目了然，便于管理。一般站点结构主要由一般站点结构主要由首页首页、图像文件夹图像文件夹、源文件夹源文件夹和和webweb文件夹文件夹组成。各文件和文件夹的主要作用如下：组成。各文件和文件夹的主要作用如下：1 1、首页：、首页：访问某个网站时首先在浏览器上显示的网页。访问某个网站时首先在浏览器上显示的网页。它是一个网站的门面，也是访问量最大的一个页面，访问它是一个网站的门面，也是访问量最大的一个页面，访问者通过首页进入到网站的各个分页。因此，网点首页的制者通过首页进入到网站的各个分页。因此，网点首页的制作非常重要
9、。作非常重要。首页的文件名一般为：首页的文件名一般为：index.htmindex.htm或或index.htmlindex.html。首页文件是存放在站点的根目录上的。首页文件是存放在站点的根目录上的。2 2、图像文件夹：、图像文件夹：用于放置网页上用到的图片。图像文件夹的用于放置网页上用到的图片。图像文件夹的名称一般为名称一般为:images:images或或picturepicture等。等。3 3、源文件夹：、源文件夹：用于存放在用于存放在photoshopphotoshop或或fireworksfireworks、flashflash中中设计的界面、按钮等图像文件。设计的界面、按钮等
10、图像文件。4 4、webweb文件夹：文件夹：用来存放除用来存放除index.htmlindex.html外的网页文件和其它外的网页文件和其它文件。文件。规划站点规划站点一般情况下，按以下方法规划一个站点：一般情况下，按以下方法规划一个站点：（1 1）建立一个文件夹用于存放网站的所有文件。）建立一个文件夹用于存放网站的所有文件。（2 2）再在文件内建立几个文件夹，将文件分类保）再在文件内建立几个文件夹，将文件分类保存。例如将图片文件放在存。例如将图片文件放在imageimage文件夹内；文件夹内；HTMLHTML文件放在文件放在HTMLHTML文件夹内。当然，如果站点比较大，文件比较多，可文件
11、夹内。当然，如果站点比较大，文件比较多，可以先按栏目分类，在栏目里再分类。以先按栏目分类，在栏目里再分类。（3 3）用英文或者拼音给文件命名（推荐英文），不）用英文或者拼音给文件命名（推荐英文），不要使用中文的名字，因为有的机器对中文支持不太好，有要使用中文的名字，因为有的机器对中文支持不太好，有可能出现链接的错误，你自己以为正确的东西在别人看来可能出现链接的错误，你自己以为正确的东西在别人看来有可能是错的。有可能是错的。2.3.4 站点的创建和管理站点的创建和管理n方法一方法一:从从“站点站点”菜单菜单选择选择“新建站点新建站点”命令项，出命令项，出现现“新建站点新建站点”对话框。对话框。n方法二方法二:在在【文件文件】面板面板中的站点下拉列表框中单击中的站点下拉列表框中单击【管理站点管理站点】命令项，在弹出管理站点对话框中，单击命令项，在弹出管理站点对话框中，单击【新建新建】命令按钮，在弹出站点定义对话框中，选择命令按钮，在弹出站点定义对话框中，选择【高高级级】选项卡选项卡 “站点定义站点定义”对话框对话框 “站点定义站点定义”对话框对话框演示演示2.4 2.4 创建、打开、保存文件创建、打开、保存文件n演示演示