《网站设计与开发》教学大纲.docxVIP

第 PAGE \* Arabic 1 页/ 共 NUMPAGES \* Arabic 6 页 《网站设计与开发》教学大纲 Website Design and Development 课程编码：12A40050?学分：2?课程类别：专业任选课 计划学时：40 其中讲课：24 实验或实践：0 上机：16 适用专业：编辑专业、广电专业 推荐教材：刘瑞新，张兵义，《网页设计与制作教程（HTML+CSS+JavaScript）》，机械工业出版社，2013.4 参考书目：1.郑娅峰，张永强，《网页设计与开发——HTML、CSS、JavaScript实例教程（第2版）》（21世纪高等学校规划教材?计算机应用），清华大学出版社，2011.9 2．叶青，《HTML+CSS+JavaScript实用详解》，电子工业出版社，2008 3．本书编委会，《HTML/CSS/JavaScript标准教程：实例版(第3版)》电子工业出版社，2011 4．赵峰，《网页设计与制作——HTML5+CSS+JavaScript（第2版）》，清华大学出版社，2013 课程的教学目的与任务 本课程的教学目的是培养学生掌握网页设计与规划的技能，并轻松地创建出具个性化的个人和商业网站。教学的主要任务是讲授网页制作各种方法和技巧，课程内容由浅入深、详细地介绍了HTML、CSS及JavaScript网页制作的相关知识。授课以电脑商城购物网站的设计与制作为讲解主线，围绕商城栏目的设计，详细全面系统地介绍了网页制作、设计、规划的基本知识，以及网站设计、开发的完整流程。 课程的基本要求 1、掌握HTML基础知识。 2、掌握使用CSS进行网页设计和布局的技术。 3、初步了解JSP、ASP等技术。 各章节授课内容、教学方法及学时分配建议（含课内实验） 第一章 HTML基础 建议学时：8 [教学目的与要求]掌握HTML文档结构、代码规范和网页文件创建过程；掌握文字、段落、超链接、图像、表格和列表等标记的用法； [教学重点与难点] HTML常用标记 [授 课 方 法]以课堂讲授为主，上机实验、课堂讨论和课下自学为辅（其中上机2学时）。 [授 课 内 容] 一、HTML简介 二、HTML编写规范 三、网页文件的创建过程 四、文字与段落排版 五、超链接 六、图像 七、表格 八、列表 上机实验1：使用表格和图像标签制作如图所示的网页 第二章 表单 建议学时：4 [教学目的与要求]了解表单工作原理、掌握表单标记的基本格式 [教学重点与难点]常用表单标记 [授 课 方 法]以课堂讲授为主，上机实验、课堂讨论和课下自学为辅（其中上机2学时）。 [授 课 内 容] 一、表单的工作原理 二、表单标签 三、表单元素 四、表单的高级用法 上机实验2：利用HTML基本标签模仿制作“济南大学”主页 第三章 CSS基础 建议学时：4 [教学目的与要求]掌握CSS代码规范、掌握CSS与HTML文档的结合方法 [教学重点与难点] CSS与HTML文档四种结合方式 [授 课 方 法]以课堂讲授为主，上机实验、课堂讨论和课下自学为辅（其中上机2学时）。 [授 课 内 容] 一、CSS概述 二、CSS与HTML文档的结合方法 三、样式表语法 四、多重样式表的层叠 五、CSS的属性单位 上机实验3：使用CSS创建页面 第四章 用CSS设置文本和图像 建议学时：8 [教学目的与要求]掌握网页排版基本格式、掌握页面布局规划 [教学重点与难点] CSS图文混排常用样式 [授 课 方 法]以课堂讲授为主，上机实验、课堂讨论和课下自学为辅（其中上机4学时）。 [授 课 内 容] 一、设置文字的样式 二、设置段落的样式 三、设置图片样式 四、设置背景 五、图文混排 六、用CSS设置文本和图像综合案例 上机实验4：使用CSS设置文本 上机实验5：使用CSS创建图文混排的页面 第五章 Div+CSS布局方法 建议学时：8 [教学目的与要求]掌握Div标签的基本用法。 [教学重点与难点] CSS盒模型概念及CSS定位 [授 课 方 法]以课堂讲授为主，上机实验、课堂讨论和课下自学为辅（其中上机4学时）。 [授 课 内 容] 一、Div布局理念 二、CSS盒模型 三、CSS的定位 四、浮动与清除浮动 五、CSS常用布局样式 六、Div+CSS布局综合案例 上机实验6：Div+CSS布局方法 上机实验7：Div+CSS综合布局 第六章 用CSS设置超链接和导航菜单 建议学时：4 [教学目的与要求]掌握超链接、列表和导航菜单的基本特点和应用场合 [教学重点与难点] CSS设置超链接和列表样式 [授 课 方 法]以课堂讲授为主，上机实验、课堂讨论和课下自学为辅（其中上机2学时）。 [授 课 内 容] 一、CSS设置超链接 二、用CSS