最新网络工程师教程(三)文档资料.pptVIP

企业网站维护 企业网站维护 课程目标 了解Dreamweaver的工作环境和制作网页的常识 理解网站基础维护的工作过程 掌握网站页面的制作维护技术 课程结构图 网页制作基础 第1章 本章目标 了解网页文本格式化 掌握使用表格进行页面布局的方法 掌握创建站点的方法 本章结构 网站和站点相关概念2-1 网站是日常维护工作内容 网络发展，企业有自己的网站 网站的维护是网络管理员日常网络维护工作内容之一 掌握网站维护技术是网络工程师职业发展的需要 案例背景 BENET公司站点是典型的静态站点 （BENET 站点） 静态和动态站点的区别？ 例如：新华网的新闻网页是随数据源实时更新的 静态站点需要网管手工的维护更新 网站和站点相关概念2-2 项目介绍 介绍了教材中涉及的案例BENET公司，企业以及网站的基本情况 网站更新、维护的需求 网站相关概念、常识的介绍 实现项目需求所需要那些技术作为支撑 对项目所涉的内容做以全面的介绍 www(web)、网站、网页、URL、链接、超文本标记语言、网页制作的CSS样式等 Internet 和万维网 万维网2-1 万维网2-2 Web 相关术语 网站 万维网上相关网页的集合 网页 文件后缀名通常为*.html 或* .htm的页面 HTML 用于制作网页的超文本标记语言 (Hyper Text Mark-up Language) 关于Dreamweaver MX 一款用于设计、开发网站和 Web 应用程序的专业HTML 编辑器 用户可以选择使用布局单元格或框架来设计页面的布局 可用于创建文本、插入动态图像、提供网页超链接、创建 Flash 文本和 Flash 按钮等 可用于组合由某些软件（如 Photoshop、ImageReady 和 Flash 等）制作的图形、动画和按钮 Dreamweaver中的概念 静态网页 只能浏览，不能实现客户端和服务器端的交流互动 动态网页 网站页面随用户的输入而变化，能与客户端交流互动 本地站点 一个在我们自己的计算机上，存储网站所有文件的临时文件夹 远程站点 位于远程Web 服务器上，与本地站点相对应 根文件夹 用于存储网站文件的本地根目录 Dreamweaver MX入门 认识Dreamweaver 的界面结构 文档窗口 、文档工具栏、插入栏 面板组 根据自己的喜好，可以定制不同的工作区 可以停靠也可以浮动 属性检查器 快速为对象应用属性 创建网站和网页 新建站点，应该注意的规则 根目录文件夹应该是专门为远程站点设立的 不可将一个硬盘分区或程序文件夹作为网站的根目录 最好将网站名作为根目录文件夹名 根文件夹内分别再分配几个存储不同类型文件比如Image、CSS、JS等的子文件夹 创建、打开、保存文档 页面标题、属性的设置 为网页添加文本 要在文档中插入文本，可以使用以下方式： 在网页中键入文本 从其他应用程序（如 MS-Word、记事本和 MS-Excel 等）复制并粘贴文本 将 Word 文档导入 Dreamweaver 处理文本 段落和标题 三种段落格式 段落 标题 预先格式化的 处理段落、换行、添加连续空格 段落对齐、缩进 使用属性检查器中的字体类型、字体大小、字体颜色等设置可以格式化文本 文本格式化2-1 文本格式化2-2 列表 列表 项目列表 编号列表 阶段总结 背景及项目情况介绍 创建站点 处理网页文本 为页面添加文本 网页文本的格式处理 表格 创建表格、格式化 表格基础 标准模式下创建表格 创建表格时应该注意的参数项的设置 表格格式化（例：多彩的表格） 处理表格 处理行和列 处理单元格 表格属性 边框、背景色等 表格布局 使用表格布局网页 布局视图下用表格布局 表格嵌套 例：blueidea BENET网站首页 注意外层表格的宽度和内层表格宽度的单位设置 阶段总结 了解表格的基本结构 如何使用表格 表格的格式化 表格属性的修改 表格布局的方法 嵌套表格 本章总结 Dreamweaver MX是一个所见即所得的网页编辑工具，在工作区内提供了便于工作的各种面板和工具栏，可以快速创建网页文档，建立站点 为Dreamweaver的网页文本格式化，如粗体、斜体、下划线 三种段落格式：段落、标题、和预先格式化的 常用的列表样式，如何为设置列表 表格可以装载数据，但是更多的是用表格做页面的布局 在标准视图下可以为网页插入普通表格 在布局视图下插入表格，分层处理布局表格的嵌套关系 HTML表格可以装载页面的各种元素，文字、图片、动画、多媒体等等 实验 任务1：添加网页文本并进行格式化 任务2：修改数据表格、完善布局表格 任务1 注意事项 提示1： 创建站点时，注意目录层次的规划 提示2：