湖南信息科学职业学院电子信息学院9月.pptVIP

DIV+CSS是一种最新、最科学的网页布局方式，符合web 2.0的技术标准，目前也比较留心的网页布局方式，使用DIV+CSS布局可将结构与表现分离，减少了html文档的大量代码，只留下了页面结构的代码，方便对其进行阅读，还可以提高网页的下载速度，所以这部分是网站设计中很重要的一部分。 学生毕业后工作岗位主要有网页美工、网页界面设计师、网站前端开发等，是学习.NET课程前必学的一门专业基础课，与ps、flash、AI等课程一起成为为网站设计与制作者的必学内容。 三、课程体系 表1　课程内容 难点突破方法 从基本语法规则入手 弱化实用性不强的细节 突出基本重点内容的掌握 知识点的应用方法作为突破口 设置针对性的训练内容和题目 教学方法与教学手段 教材选用原则 内容体现科学性、时代性、实用性 面向应用，理论与实践有机结合 教学与项目开发融为一体，浅显易懂，符合高职学生认知规律。 任务驱动：学生在完成任务的过程中掌握编程技巧，调动他们学习的主动性和积极性 选用由朱印宏、邓艳超编著的《div+css网站布局从入门到精通》（第一版），该教材由北京希望电子出版社出版，内容包含前面所述所有内容。 学生参考教材 Html css javascript标准教程．电子工业出版社 八、学生考核 谢谢！ * * * 湖南信息科学职业学院电子信息学院 2012年9月 课程性质、地位 教学目标 课程体系 课程的重点、难点及突破方法 教学方法与教学手段 教材 学生考核 课程的性质、地位 课程性质、地位 教学目标 课程体系 课程的重点、难点及突破方法 教学方法与教学手段 教材 学生考核 ①熟练掌握html语言和div+css布局模式。 ②会编写简单网页。 ③拥有良好的编写习惯和科学的编写思路。 ①熟练掌握网页界面设计的流程。 ②掌握html语法结构及编写方式。 ③掌握分析页面结构的方法。 ④能使用div标签合理的定义页面结构 ①培养学生独立思考、逻辑思维、解决实际问题的能力。 ②培养学生合作意识和团队精神。 知识目标 技能目标 素质目标 ①让学生在自主、和谐的氛围中感受到编程的乐趣。 ②激发学生学习各种知识的兴趣。 情感目标 二、课程目标 课程性质、地位 教学对象分析及要求 教学目标 课程体系 课程的重点、难点及突破方法 教学方法与教学手段 教材 学生考核 知识点 带 动 案例 项目 带 动 知识点 课程体系模块划分 Html概念 Html结构与编写 Css基础 div+css布局 （每个知 识点都 有程序 举例) （由项目引出各个知识点) 湖南信息科学职院 Web前台设计说课 三、课程体系 Css的引入方式、嵌入css样式 Div+css布局网页 5 样式命名方式、css的定义 Css基础知识 4 文本、表格、表单、超链接及各元素属性 文件体部 3 头部元素及元素属性 文件头部 2 Html语言的特点与整体结构 html基础知识 1 知识点 内容模块 序号 三、课程体系 实践教学内容 任务一：html基本知识 任务二：文字网页制作 任务三：课表的制作 任务四：公司网页界面制作（框架的应用） 任务五：制作淘宝注册 任务六：个人博客网页界面制作 任务七：企业网页界面制作 任务八：梵人部落网页制作花满屋网页界面制作 任务九：旅游网页界面制作 课程性质、地位 教学对象分析及要求 教学目标 课程体系 课程的重点、难点及突破方法 教学方法与教学手段 教材 学生考核 四、课程重点、难点及突破办法 课程重点 重点模块： html基础知识 Html结构 Html语言编写 Css基础知识 页面结构的划分 Div+css编写网页界面样式 四、课程重点、难点及突破办法 课程难点 难点内容 Html语言结构 Html语言编写要求 Css样式表基础 网页界面结构的划分 Css样式表的定义 Div+css布局模式的应用 五、课程重点、难点及突破办法 课程性质、地位 教学对象分析及要求 教学目标 课程体系 课程的重点、难点及突破方法 教学方法与教学手段 教材 学生考核 教学方法 任 务 驱 动 法 案 例 导 入 法 讨 论 式 教 学 法 对 比 教 学 法 湖南信息科学职院 Web前台设计说课 NEXT 课程性质、地位 教学对象分析及要求 教学目标 课程体系 课程的重点、难点及突破方法 教学方法与教学手段 教材 学生考核 七、教材分析 七、教材分析 课程性质、地位 教学对象分析及要求 教学目标 课程体系 课程的重点、难点及突破方法 教学方法与教学手段 教材 学生考核 湖南信息科学职院 Web前台设计说课 期末考核 每次课堂实训作业为主 实训技能测试 出勤率、课堂纪律 学习态度 过程考核 成绩比例 考核内容 考核方式 考核分类 Question? * *