《使用HTML和CSS开发Web网站教学资料》ch01 网页的基本结构上机.pptVIP

* 中国职业教育联盟课程体系 * * * 中国职业教育联盟课程体系 中国职业教育联盟课程体系 成就百万精英 使用HTML和CSS开发WEB网站 第二章 上机 * * 中国职业教育联盟课程体系 中国职业教育联盟课程体系 成就百万精英 使用HTML和CSS开发WEB网站 第二章 HTML概述与基本标签上机 相关回顾 HTML网页的基本结构是什么？ 控制文本的标签有哪些？ font b strong i p pre br u ...... 演示 上机目标 会创建网页 会使用 p 、br 、pre、font、 h#（1-6）、b、strong、u等标签对文字进行操作 会使用 hr 划分区域 会使用 embed 让网页 丰富起来 创建第一个网页 训练要点： HTML结构语法 title标签的使用 需求说明： 写一个标题为“第一个HTML网页” 并输出 “Hello Word！！” 阶段1：Show 阶段1：Think 要建一个网页首先要创建一个HTML文档！ 使用记事本创建网页 使用记事本创建网页的步骤： 1、打开记事本 2、输入HTML代码 3、保存为*.html或*.htm文件，注意格式问题 4、打开网页预览效果 阶段1：Think HEAD BODY 网页标题 H T M L 网 页 title 阶段1：Do HEAD BODY H T M L 网 页 网页标题 阶段1 提问时间~~~ 阶段1：Practice 用一个名叫魅力青春的网页对自己说：XXX我最棒！ 完成时间：10分钟 让网页变得有声有色 训练要点： body标签 embed和background属性的使用 embed 标签的使用 src指定音频位置 autostart指定是否自动播放 loop指定循环播放次数 无限循环：true,不循环：false hidden指定是否隐藏音频面板 volume指定音量大小 font标签的使用 需求分析 页面背景颜色，背景图片，字体，背景音乐的设置 阶段2:Show 阶段2:Think 阶段2:Do 完成时间：10分钟 阶段2 提问时间~~ 向网页添加视频： 训练要点： embed 标签插入视频 src指定视频位置 autostart指定是否自动播放 loop指定循环播放次数 无限循环：true,不循环：false hidden指定是否隐藏音频面板 volume指定音量大小 阶段3 阶段3 完成时间：分别5分钟 向网页添加视频： 拍拍网网页 训练要点： body及其相关属性、插入图片标记img 实体的使用、h1~h6标题标记、换行标记p font标签的使用 阶段4 阶段4 完成时间：分别15分钟 阶段4 代码规范问题 共性问题集中讲解 总结 总结并布置作业 IT之行 始于足下 * 中国职业教育联盟课程体系 *