课程需求

每个学校都有自己的门户网站，但是设计制作网页却是很多教师的弱项，本课程的开设可帮助老师提高网页设计的能力，同时也提高老师引导学生开发网站的能力

课程目标

根据美工设计的网页模板（图片）利用DIV+CSS独立完成网页的布局设计

课程内容

HTML基础知识、DIV基础知识、 CSS基础知识、 用文本编辑软件进行网站开发及网页设计、 根据美工设计的网页模型－－图片，进行网页DIV+CSS进行网页设计

课程安排

主要内容 第一天 两种网页布局模式：表格式，DIV模式对比 通过分析主流网页，初步认识DIV+CSS布局的网页 使用文本编辑器编写网页文档（HTML文件） 准备文本编辑器（软件）submit xHtml基础知识 文档的结构 1、 文档类型 2、 语言编码 3、 HTML标签 4、 Head区的设置 META等 5、 XHTML代码规范 6、 DIV 第二天 CSS基础知识 1、 CSS调用方式 2、 基本语法规范 3、 CSS选择器：ID，class, 4、 CSS盒模型 5、 简单布局：一列布局，二列布局，三列布局 第三天 1、 html列表 2、 文字CSS 3、 图片CSS 4、 表格CSS 5、 CSS菜单 第四天 1、 实例利用现有图片进行实际网页布局设计 2、扩展：css按键、导航栏，下拉菜单多级菜单（css菜单软件）

课程活动