第15章 网站规划与网页设计初步.ppt

第15章 网站规划与网页设计初步 主要内容 一. 设计和规划站点 二. 网页制作工具概述 三. Dreamweaver MX 2004使用基础 设计和规划站点 1. 基本概念 2. 网站建设的基本流程 网页制作工具概述 常用网页编辑软件 常用网页素材处理软件 常用网页制作编程技术 Dreamweaver MX 2004使用基础 1. Dreamweavwe MX 2004简介 2. 站点管理 3. 新建和编辑网页 4. 超链接 5. 使用图像 6. 使用多媒体对象 7. 使用表格 8. 使用图层 9. 时间轴 基本概念 网站 指Internet上能够提供Internet服务的一个位置，该位置由独一无二的IP地址或域名来描述。 网页 网页是WWW系统中信息的基本单位，网页本身是一个纯文本文件，其扩展名是.htm或.html等。 主页 进入一个网站后看到的第一个页面。 *网站建设的基本流程 常用网页制作工具 网页编辑软件 Dreamweaver FrontPage Homesite Dreamweavwe MX 2004功能 完美的操作界面 强大的模板功能 创建动态网页 强大的代码编辑功能 完备的建站向导和网站管理 动态跨浏览器验证 Dreamweaver MX 2004的启动 通过“开始——程序——Macromedia—— Macromedia Dreamweaver MX 2004”命令实现。 Dreamweaver MX 2004的工作区 *站点管理 创建站点 通过“站点——管理站点——新建——站点——……”命令实现。 编辑站点 删除、复制、导出和导入站点等。 新建、打开、保存、预览网页 新建 通过“文件——新建——……”命令 。 *(1) 创建新的空白文档 (2) 创建基于Dreamweaver设计文件的文档 (3) 创建基于现存模板的文档 *设置文档属性 更改页面标题 设置背景图像或背景页面颜色 *编辑网页 添加页面内容 将文本添加到文档 从其他文档中导入文本 插入日期 插入水平线 插入特殊字符 设置文本格式 通过“属性”面板实现。 超链接 链接的路径 绝对路径：包括服务器协议在内的完全路径。 相对路径 根相对路径：根相对路径的路径以“/”开头，路径从当前站点的根目录开始计算。 文档相对路径：文档相对路径就是指包含当前文档的文件夹，也就是以当前网页所在文件夹为基础来计算的路径。 链接的种类：页间链接、锚点链接、E-mail链接。 *页面超链接 锚点超链接 电子邮件超链接 使用图像 *(1) 插入图像 方法：①利用“插入——图像”； ②利用“图像”按钮。 (2) 设置背景图像 方法：利用“页面属性”对话框。 (3) 编辑图像 方法：利用“属性”面板。 使用多媒体对象 (1) 添加音、视频文件 使用多媒体对象 (2) 添加Flash对象 *插入表格 编辑表格 向表格单元格添加内容 选择表格元素 查看或设置表格和单元格的格式 更改列宽和行高 添加及删除行和列 合并或拆分单元格 导出和导入表格数据 使用表格拼接图片 插入图层 *操作层 选择层 调整层的大小 移动层 对齐层 向层中添加内容 删除及复制层 时间轴 *创建时间轴动画 大学计算机基础教程—第15章 * ? ? ? ? (1) 确定目标 (2) 选择目标用户 (3) 创建具有浏览器兼容性的站点 (4)组织站点结构 (5) 创建设计外观 (6) 设计导航方案 (7) 规划和收集资源 ? 网页素材处理软件 Photoshop Flash Fireworks Anfy 网页制作编程技术 HTML XML ASP JavaScript VBScrip ? 内建图形编辑引擎 安全FTP 增强对当今新技术的支持 无缝整合外部文件和代码 紧密整合Macromedia的其他工具 改进的设计开发环境 插入工具栏 文档工具栏 文档编辑窗口 面板组 活动面板内容 属性面板 ? ? 打开 通过“文件——打开——……”命令实现。 保存 通过“文件——保存——……”命令实现。 预览 按“F12”或“文档”工具栏中的“在IE中预览/调试——预览在iexplore”命令实现。 通过“页面属性”对话框实现。 ? 通过“插入——……”命令，或插入工具栏相应标签下的按钮实现。 页面超链接就是指向其他网页文件的超链接，浏览者单击该超链接时将跳转到对应的网页。如果超链接的目标文件位于同一站点，通常采用相对UR