9《HTML5+CSS3初级》教学大纲.docVIP

厦门九洲同盟信息科技有限公司 教 案 课程名称 HTML5+CSS3基础 授课专业班级 授课教师 授课时间  教 案 书 写 规 范 与 要 求 以每次课为一个备课单元书写。 每一备课单元书写下列内容： 周次、课次、授课时间、章节名称； 简要说明：教学目的、重点、难点、教学方法和授课手段（包括与课程相关的上机和实验、课件制作等）； 教学主要内容（教案主体）及教学方法手段； 作业内容。 注：其余授课电子版文件待本课程结束后，交教务处统一刻成光盘存档。  HTML5+CSS3初级 课程授课总体计划书 课程采用 教材 《HTML5+CSS3初级》 教本 教 学 目 的 课程主要学习网页的制作，从html网页文件的创建开始，一步步教学生从一个小白成长为WEB前端开发高手。严格根据《HTML5+CSS3基础》课程计划，介绍HTML5的标签、属性知识，讲解CSS2\CSS3样式语法、选择器和样式属性，详细讲解网页布局难点。并通过课程内的企业案例分析讲解、实操演示，教会学生从头到尾完整的开发一个企业网站页面。让学生将掌握静态网页的制作技能，使用CSS设计和美化网页的技能，能够根据项目需求独自完成企业WEB项目前端工作的能力。 教 学 （包 括 实 践 环 节） 基 本 要 求 理论要求： 理解网页设计的基础知识，什么是网站？什么是网页？Web标准是什么？如何进行网站整体制作？ 掌握HTML基础，HTML文件结构、HTML标记的运用，标记的属性。标记的书写结构，掌握特殊字符的表示方法，。 掌握网页中图片的作用，理解相对路径和绝对路径。 掌握超链接的方法，超链接在网站里的重要作用。 掌握表格的基本知识，表格的标记和各种属性，表格布局的优劣性。 掌握框架知识，框架的作用；框架的结构；如何定义和使用单个框架以及嵌入式框架的实现方法。 领会表单的原理及功能，以及表单标记和表单常用的控件。网页制作的辅助工具HbuilderX的使用。 了解CSS的思想，掌握CSS概念、基本语法及常用属性，以及各种浏览器对CSS的支持。 重点掌握CSS的语法，CSS的类、标记、ID这三种选择符和CSS的位置（内嵌样式、内部样式表、外部样式表）。 10、掌握CSS各种属性。 11、掌握CSS对各种样式的表现。 12、重点掌握CSS盒子模型的基本概念，掌握CSS定位的基本方法。 13、掌握CSS中的“浮动”和“定位”两个重要属性，掌握z-index空间定位。 14、领会从页面整体的角度出发，掌握CSS布局的思路和基本方法。 15、掌握图像处理的基本概念，了解基本的美术知识，领会在Web中图片的使用。 16、掌握CSS3网页动画效果的实现； 17、掌握企业网站项目页面制作的流程规范； 实践要求： 完成课堂练习，会根据老师的步骤做案例，能够根据老师的提示做案例，懂得对优秀的网页布局进行解析，能够用CSS+DIV进行页面重构。 教学教案 周次：第一周 课次：第 1课 授课时间：----年 --月 --日 一、章节内容： 第一章 网页设计概述 二、教学目标： 通过本章学习，理清学生的网页设计思路。理解与网络相关的概念，并对互联网的基本原理有所了解，掌握网页设计的一些原则和方法。 三、教学重点： 1、网页和网站；浏览器和服务器 2、网页的基本元素 3、web标准 4、网站的整体制作流程 5、静态页面的制作流程 6、影响设计的技术因素 四、教学难点： 1、学生对互联网及站点的理解。 2、对web标准的理解。 五、教学方法和授课手段： 多媒体教室，电子课件，上机操作。 （将网站比作书本，分析二者区别来认识网站、网页、网络） 六、教学过程： 1）预备知识：计算机基本操作、浏览网站。 2）课程引入：讨论生活中上网时候所体验的、介绍在本章的主要内容和学习方法。 第一章????? 网页设计概述 1.讨论生活中上网体验！ 2.讲解浏览器和服务器 互联网实际上就是处在世界各地的计算机互相链接而成的一个计算机网络。 用户在家查看各种网站的内容，实际上就是从远程的计算机中读取一些信息内容，然后在本地的计算机上显示出来的过程。 在这个过程中，访问者（用户）使用“浏览器”程序，如IE/FIREFOX/OPERA等。提供内容信息的计算机就称为“服务器”。 用户计算机 用户计算机 服务器 用户输入网址URL提出浏览请求 返回网页HTML文件 浏览器 网 站 文 件 2、讲解网页设计基础知识、网页的基本元素 网页和网站。 每天都有无数的信息在网络上传播，人们在其中徜徉搜寻，各得其乐，而