认识DREAMWEAVER_8.ppt

dreamweaver 8中文版 网页制作基础 项目一 认识dreamweaver 8 任务一 了解dreamweaver 8 任务二 dreamweaver 8的安装与启动 任务三 dreamweaver 8的界面概述 什么是网页？ 网页就是以html语言为基础编写的，能够通过网络传输，并被 浏览器翻译成可以显示出来的包含文字、图片、声音、动画等媒 体形式的页面文件。 任务一 了解dreamweaver 8 若干网页通过超级链接的形式组织在一起的一个逻辑上的整体 ，网页包含一网站中。 一个网站中的网页数 =1 根据网页能否在服务器端运行，把网页分为静态和动态两种。 静态网页：纯粹用html语言编写的网页，不能在服务器端运行。 其特点有： 1、每个网页都有一个固定的url，且以htm、html、shtml、xml等常见形 式为后缀。 2、发布在服务器上的静态网页是保存在服务器上的文件，每个网页都是 一个独立的文件。内容相对稳定，容易被搜索引擎检索。 3、没有数据库支持，制作和维护需要的工作量较大。 4、交互性相对较差。 静态网页是网站建设的基础。 动态网页：即采用动态网站技术动态生成的网页，能在服务器端运行，其特 点有： 1、以数据库为基础 2、可以实现的功能较多，如用户注册、登陆、在线调查、用户管理、订 单管理、站内搜索、歌曲下载、软件下载、即时更新新闻、可以留言或书写 评论等。 3、不是独立存于服务器上的网页文件，只有当用户请求服务器时才返回 一个完整的网页。 1、 dreamweaver软件介绍 dreamweaver是当前最流行的网页设计和网站开发工具。可用于创建静态和 动态网站页面，集网页制作和网站管理于一身的所见即所得式网页编辑器， 是针对专业网页设计师而设计的视觉化网页开发工具。该软件于2005年由 macromedia(现adobe)公司开发，当前最高版本cs5，我们教学所使用的版 本是8。2007年由adobe公司发布的网页三剑客是指dreamweaver、flash和 photoshop。 相关软件介绍： microsoft frontpage 简单易用，与office其它组件以及微软的编程评议紧 密结合,现已淘汰。 microsoft expression web designer 是frontpage 继任者，与asp。net紧 密结合，更偏重于开发。 adobe golive是专业的网页设计软件，更偏重于页面设计和多媒体等等，并 且可以设计移动设备的内容 任务二 dreamweaver 8的安装与启动 软件演示安装过程 任务三 dreamweaver 8的界面概述 1、【起始页】对话框的构成和作用 其中有三项列 表：【打开最近项 目】、【创建新项 目】和【从范例创 建】。 2、dreamweaver 8 窗口界面 1、常用工具栏 超级链级链接 邮邮件 链链接 锚锚点 链链接 插入 表格 插入 层层 插入 图图片 插入 flash 插入 日期 服务务 器端 包括 注释释 模板 标签选标签选 择择器 3、工具栏 2、【文档】工具栏 （1）单击【设计】按钮将编辑区域切换到【设计】 视图，在其中可以对网页进行编辑,在【设计】 中编辑的 页面是所见即所得。 （2）单击【代码】按钮，可以将编辑区域切换到【 代码】视图，在其中可以编写或修改网页源代码。 （3）单击【拆分】按钮，可以将编辑区域切换到【 拆分】视图，在该视图中整个编辑区域分为上下两个部 分，上方为【代码】视图，下方为【设计】视图。 3、标题栏标题栏 修改了文件但没有保存 存储储位置与 文件名称 软软件标标志 4、浮动工具栏 在dreamweaver 8窗口中的工具栏或各种面板，可以通 过鼠标操作将它们从窗口中脱离出来成为浮动工具栏或 面板。浮动面板的显示与隐藏命令都集中在主菜单栏中 的【窗口】菜单中。 1、【文件】面板 3 3、面板介绍、面板介绍 2、【属性】面板 如果没有显示【属性】面板，在主菜单中选择【窗口 】【属性】命令即可显示。 3、【插入】面板 【插入】面板通常有两种表现形式：制表符格式和菜 单格式。 4、 保存工