网页制作教案.docx
《网页制作教案.docx》由会员分享,可在线阅读,更多相关《网页制作教案.docx(7页珍藏版)》请在得力文库 - 分享文档赚钱的网站上搜索。
1、网页制作教案 HTML第一节课 1.本课程主要目标 运用DIV+CSS布局网页 运用CSS美化网页 制作精致的商业网站 2.整体课程内容 3.本课程授课目标 3.1了解HTML整体课程 3.2 会运用HTML标签 3.3 了解并会运用 CSS 层叠样式表 3.4 div+CSS 做网页 3.5完成一个完整的网页 4.本章目标 会运用HTML的基本结构创建网页 运用文本相关标签排版文本信息 运用图像相关标签实现图文并茂的页面 会运用超链接相关标签实现页面间的跳转 5.本章重点 本阶段的重点是让学员熟识HTML的基本结构、HTML中的一些基本标记以及标记的属性,以及HTML中的链接。 6.本章难点
2、 HTML基本标记及其属性 7.授课思路 以提问和演示的方式 边讲边演示 7.课程学问点讲解 7.1什么是HTML 超文本标记语言,是英文Hyper Text Markup Language的缩写 什么是超文本 就是指页面内可以包含图形、动画、声音、表格、链接等非文字元素。 什么是标记 就是我们要学的标签 也就是说标记语言是由一套标签组成的 HTML发展史 7.2HTML基本结构 7.3用记事本创建网页的步骤 答: 1、打开记事本 2、输入HTML代码 3、保存为*.html文件,留意格式问题 4、打开网页预览效果 8.标签 8.1 标题标签 H1 H2 H3 H4 H5 H6 由大到小 标题
3、内容 讲课思路:先演示h1的效果,在边演示边讲解h1-h6的改变,以及他们都是加粗字体 提问:有没有h7,然后演示, 结果:和正常字体一样 8.2段落标签 p 格式 段落内容 讲课思路:先演示两段。 提问 : 与正常见到的段落有什么不同 答;首行没有缩进,没有换行 可以先用空格代替 缩进学完样式后就会运用 接下来讲换行标签 8.3换行标签 代表换行 第一个但标签 书写方式 与双标签的区分 个数 及 /的位置 讲完换行标签后与段落标签对比,告知他们依据空隙的大小区分什么是段落(间隙大)、什么是换行(间隙小) 8.4水平线标签 水平线标签 其次个单标签 是一条水平线 先演示 然后告知他们可以改颜色
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网页 制作 教案
限制150内