第二章初识Dreamweaver8

Dreamweaver8 主讲人 杨森 QQ 475919749 mail sam 235 tel第二章Dreamweaver8的操作 Dreamweaver介绍Dreamweaver的工作界面站点的创建和管理创建 打开 保存文件 2 1Dreamweaver介绍 Dreamweaver是一种完全成熟的HTML编辑器 通过它可以轻松快捷地创建网页和网站 Dreamweaver不仅让您可以享受到手工编写HTML代码的乐趣 而且提供了强大的可视化编辑环境 MacromediaDreamweaver是一款专业的HTML编辑器 用于设计 编码 开发网站 网页和Web应用程序 Dreamweaver提供了很多实用的工具 利用这些工具 大家可以更加方便 快捷地制作网页 它可以与其它的Macromedia产品配合使用 为用户提供全面的网页制作功能 2 2Dreamweaver的工作界面 菜单栏 插入栏 文档工具栏 文档窗口 标签选择器 属性检查器 面板组 文件面板 状态栏 文档 工具栏 状态栏 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站点的创建和管理 方法一 从 站点 菜单选择 新建站点 命令项 出现 新建站点 对话框 方法二 在 文件 面板中的站点下拉列表框中单击 管