《网页制作》模块面的基本操作.ppt

任务3 了解网页中的HTML代码 2.3.1任务分析 (1) (2) (3) HTML的基本概念 HTML的基本结构 Dreamweaver CS5的“代码”视图模式 掌握HTML，需要首先掌握以下内容 任务3 了解网页中的HTML代码 2.3.2相关知识 1.HTML的基本概念 HTML（hypertext markup language，超文本标记语言）是用来描述网页的一种标记语言。用HTML编写的超文本文档称为HTML文档，它能独立于各种操作系统平台（如UNIX、Windows等）。 任务3 了解网页中的HTML代码 2.HTML的基本结构 任务3 了解网页中的HTML代码 3.Dreamweaver CS5的“代码”视图模式 使用“代码”视图 使用快速标签编辑器 2.3.3任务小结 HTML是网页设计的基础语言之一，当在可视化环境中遇到无法解决的问题时，就需要转换到“代码”视图中进行设计。因此，认识和学习HTML有助于用户学习和使用Dreamweaver CS5进行网页制作。 任务3 了解网页中的HTML代码 2.4.1任务分析 任务4 设置页面头部内容 (2) (3) (4) (5) (1) (6) 插入META 插入说明 插入基础URL地址 插入关键字 插入自动刷新 插入页面链接关系 设置网页头部内容，需要掌握以下内容 2.4.2相关知识 任务4 设置页面头部内容 1.插入META 2.插入关键字 任务4 设置页面头部内容 3.插入说明 4.插入刷新 任务4 设置页面头部内容 5.插入基础URL地址 6.插入链接 任务4 设置页面头部内容 2.4.3任务实施 1.具体任务 （1）设置前面制作的soft.html页面的头部内容，添加页面作者信息，作者为“王丹”。 （2）插入页面关键字“软件，Adobe”。 （3）给页面添加内容为“网页制作软件介绍”的说明。 （4）设置页面每间隔5 s自动刷新一次。 任务4 设置页面头部内容 2.实现步骤 任务4 设置页面头部内容 2.4.4任务小结 页面文件头内容包括作者、关键字、刷新等内容，正确设置页面文件头内容是制作网页的必要前提。文件头部分包含在页面的head和/head标签中。 思考与练习 1.在本地站点中创建网站首页，保存为index.html。 2.参照本模块介绍的相关知识，设置页面index.html的属性。 3.为index.html页面添加头部信息，并设置经过3 s跳转到页面soft.html。 目录 目录 模块2 页面的基本操作 模块2 页面的基本操作 站点管理。 页面的基本操作。 设置页面属性。 了解页面中的HTML代码。 设置页面的头部内容。 知识目标 模块2 页面的基本操作 能创建本地站点。 能创建基本页面。 能够对页面进行基本设置。 能力目标 模块2 页面的基本操作 任务1：站点的创建与设置。 任务2：站点文件管理。 任务3：了解网页中的HTML代码。 任务4：设置页面头部内容。 具体任务 任务1 站点的创建与设置 2.1.1任务分析 为了管理和使用站点，需要掌握如下内容。 创建站点 操作站点 任务1 站点的创建与设置 2.1.2相关知识 1.创建新站点 任务1 站点的创建与设置 1 4 “站点”选项 “服务器”选项 “版本控制”选项 2 3 “高级设置”选项 任务1 站点的创建与设置 任务1 站点的创建与设置 2.站点操作 查看站点 管理站点 任务1 站点的创建与设置 任务1 站点的创建与设置 (2) (3) (4) (5) (1) (6) “新建”按钮 “复制”按钮 “导出”按钮 “编辑”按钮 “删除”按钮 “导入”按钮 对“管理站点”对话框中各按钮的说明如下 任务1 站点的创建与设置 2.1.3任务实施 1.具体任务 （1）创建一个名为study的本地站点，在本地计算机的任一分区中创建一个名为study的文件夹，将站点文件保存在该文件夹中。 （2）创建站点后，导出该站点，导出文件名与站点名相同。 任务1 站点的创建与设置 2.实施步骤 （1）执行“站点”→“新建站点”命令，在弹出的对话框中默认选中“站点”选项，在“站点名称”文本框中输入study，设置“本地站点文件夹”为已经新建的study文件夹，如图2-7所示。完成后单击“保存”按钮。 任务1 站点的创建与设置 （2）执行“站点”→“管理站点”命令，弹出“管理站点”对话框，在列表框中选择study站点，如图2-8所示。单击“导出”按钮，将导出文件以study.ste为文件名保存在站点文件夹中，如图2-9所示。 任务1 站点的创建与设置 2.1.4任务小结 创建本地站点是网页制作的基础步骤，熟练、正确地对站点进行操作是网页制作的保