第二章 Dreamweaver入门

2020 4 6 田源 1 第二章Dreamweaver入门 2020 4 6 田源 2 本章提纲 本章内容 第一节Dreamweaver功能概览第二节Dreamweaver工作界面第三节站点的建立与管理第四节制作第一个网页第五节综合实例本章难点 重点 站点的建立网页的制作 2020 4 6 田源 3 第一节Dreamweaver功能概览 Dreamweaver是由美国著名的多媒体软件开发商Macromedia公司开发的一个 所见即所得 的可视化网站开发工具 2002年推出DreamweaverMX Dreamweaver是 网页设计三剑客 中的重要成员 主要负责网页版式设计 网页编辑和排版 软件简介 2020 4 6 田源 4 创建和编辑页面元素编辑HTML站点管理插入Fireworks文件和Flash动画启动和编辑媒体Dreamweaver的定制和扩展动态网页编辑 主要功能 2020 4 6 田源 5 第二节Dreamweaver工作界面 菜单栏工具栏插入面板包含用于将各种类型的 对象 如图像 表格和层 插入到文档中的按钮 有 菜单 形式和 制表符 形式的两种 文档窗口显示当前创建和编辑的文档 在该窗口中 工作界面 2020 4 6 田源 6 可以输入文本 插入图片 绘制表格等 也可以对整个页面进行处理 属性面板用于查看和更改所选对象的各种属性 它将随选择对象不同 而显示不同的属性 面板组面板组中默认包含有 设计 代码 应用程序 标签检查器 和 文件 5个组合面板 面板组可以伸缩 面板组右上角有下拉菜单 工作界面 2020 4 6 田源 7 窗口组成 2020 4 6 田源 8 代码窗口 2020 4 6 田源 9 文档工具栏 标准工具栏 工具栏 2020 4 6 田源 10 菜单形式的插入面板 制表符形式的插入面板 插入面板 2020 4 6 田源 11 属性面板 2020 4 6 田源 12 下拉菜单 面板组 2020 4 6 田源 13 第三节站点的建立与管理 站点定义 就是一系列通过各种链接关联起来的网页文档 包含网页文件 图片文件 媒体文件和其他文件等 站点种类 本地站点和远程站点 本地站点 是在本地硬盘上开辟一个空间容纳网页及相关的文档 可以是一个目录 可以是一个分区 而这个目录或者分区中的所有文件就构成了本地站点 远程站点 站点在远程计算机的一个目录上 站点介绍 2020 4 6 田源 14 规划站点结构是设计站点的必要前提 其操作是将不同的文件分类存放在文件夹中以便于设计者管理 合理地组织站点结构 可提高工作效率 加快对站点的设计 站点建立 规划站点 2020 4 6 田源 15 站点建立 绘制草图 2020 4 6 田源 16 2020 4 6 田源 17 定义本地站点 就是在硬盘上建立一个目录 将所有的网页和相关的文件都放在里面 以便进行网页的制作管理 重要作用 方便上传方法 1 建立目录 将资料按照合理的原则 规划网站目录结构 放到目录里 2 单击 站点 菜单下的 新建站点 命令 站点建立 本地站点 2020 4 6 田源 18 3 弹出 定义站点 对话框 基本 对话框的设置 输入站点名称 高级 对话框的设置 服务器技术的选择 动态站点使用 静态站点选择 无 分类 列表中选中第一项 本地信息 4 选择本地文件夹 5 文件的处理方法 在本地测试和编辑6 动态网页asp文件的测试 使用什么URL来浏览站点的根目录 在地址栏输入 站点建立 本地站点 2020 4 6 田源 19 http 127 0 0 1 或http localhost 或http 计算机名 7 远程服务器的选择 单击 否 8 存回 和 取出 功能 存回是指用户放弃了自己对文件的编辑权力 而交由他人进行编辑 取出表示当前文件的权限归属自己所有 该文件只供自己编辑 9 完成 说明 a 选中 自动刷新本地文件列表 在 站点建立 本地站点 2020 4 6 田源 20 向网站中复制文件的时候 网站文件列表会自动刷新 b 选中 启用缓存 为站点生成一个高速缓冲文件 它可以加快以后检查链接信息的速度 站点建立 本地站点 2020 4 6 田源 21 IIS InternetInormationServer 用来开发web应用程序 响应web浏览器请求 作出回应 安装IIS 控制面板 添加 删除组件 测试站点 我的电脑 管理 站点建立 站点测试 2020 4 6 田源 22 创建远程站点的方法与创建本地站点的方法类似 只是需下载和上传站点文件 站点建立 远程站点 2020 4 6 田源 23 无标题文档5thenResponse Write 休息 elseResponse Write 工作 EndIfResponse Write date 实例 2020 4 6 田源 24 服务器端执行脚本 客户端执行脚本 request 客户端向服务器端发送请求信息response 服务器端向客户端发送HTML格式数据server 提供服务器端方法和属性访问session 记录单个用户访问站点信息application 记录所有用户访问站点信息 ASP对象 2020 4 6 田源 25 文件的管理模式a 目录模式 将本地站点显示成一个文件和文件夹的列表 b 地图模式 显示从主页到各个网页的联系图 网站文件的查看执行菜单命令 窗口 文件 打开站点编辑窗口 选择仅地图或地图和文件模式 查看站点 2020 4 6 田源 26 在站点中建立文件 文件夹 在相应的位置上右击 选择新建文件 新建文件夹 编辑网页 在文件面板中双击对应的网页文档 在编辑器中编辑 说明 1 文件的删除 右击 选择删除 2 将网页文件设为首页 在文件面板中的对应文件上右击 选择 设成首页 3 在给文件起名时 区分大小写 建议统一使用小写字母来命名 4 创建新的网页最好在站点面板中新建 管理站点 2020 4 6 田源 27 页面设置 2020 4 6 田源 28 第四节制作网页 新建网页 编辑网页 设置网页背景 保存网页 网页预览新建网页通过 文件 菜单下的 新建 命令建立在新建文档对话框中选择 HTML 类型 在 文件面板 中右击建立 编辑网页设置页面背景 执行 修改 菜单中 页面属性 命令 制作网页 2020 4 6 田源 29 保存网页执行 文件 菜单中的 保存 命令 在对话框中输入文件名 网页预览 F12 执行 文件 菜单中 在浏览器中预览 命令 注意 不同浏览器的选择 文件 中的 在浏览器中浏览 下 编辑浏览器列表 制作网页 2020 4 6 田源 30 第五节综合实例 按下边站点地图结构建立一站点 站点建立 2020 4 6 田源 31 每课一贴 1 红 黄 蓝是三原色 但在电视和显示器中我们使用的是红 绿 蓝三原色 其它的色彩都可以用这三种色彩调和而成 网页中的色彩表达即是用这三种颜色的数值表示例如 红色是 FF0000 白色为 FFFFFF 2 颜色分非彩色和彩色两类 非彩色是指黑 白 灰系颜色 彩色是指除了非彩色以外的所有色彩 色彩