第二节初识Dreamweaver8.ppt

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