《网页设计》教学大纲.doc

网页设计教学大纲课程英文名： Webpage Design课程代码：15450030学 分：2总学时：36课程性质：专业课考核方式：机试课程类别：专业选修课开课单位：计算机科学与技术系先修课程：大学计算机基础适用专业：本科层次市场营销专业一、教学目标通过本课程的学习，使学生了解有关Web网站建设的基本概念与方法，掌握网页设计制作的方法，HTML超文本标记语言的使用，相关美学的知识与网页制作流程。主要掌握HTML语言用，了解Dreamweaver的基本功能和使用方法,以及本课程相关技术的发展趋势。二、教学要求通过本课程的学习要求学生掌握网页设计与制作的基本方法与程序，掌握基本的语言和相关软件以及设计基本技巧。不但能独立完成简单的网页制作方法，还要增强合作精神，实现多人合作完成较大网站的制作。本课程教学由简入深，主要采用以下教学方法：（1）指定教材中的经典实例，让学生操作实现。（2）参观与模仿精彩优秀的网站，了解其效果实现方法，并将其应用到实验中。（3） 综合运用基本知识点，实现复杂综合功能。（一）要求教学过程注意以下几方面内容:1、注意所涉及的网页设计的基本概念，基本原理的学习，每堂课都加有案例讲行讲解，避免有理论，没实践。 2、加强实践教学环节。依据本课程的特点，增强学生的动手能力，教师的讲解与学生实习相结合，避免有实践，没理论。3、充分利用多媒体与讲解、演示与讲解、网络查阅浏览等教学手段，每节课根据教学内容的不同运用启发式、情境式等教学方法。4、要把当前最新的知识介绍给学生，使学生学以致用，增加就业机会。（二）作业：重要章节布置实习题目，以巩固学生的学习效果，促进其多思考，培养学生的创意和设计能力。（三）考试：采取上机考试形式进行考核，考试内容详见考试方案，考试最终以作品形式上交。结合本学科的特点，注重学生的实际动手能力、基本知识和基本技能的程度和运动用所学知识联系和解决实际问题的能力。作品内容细致，采分点要覆盖教材的各章节。作品按班级保留，作为原始资料，以备日后教学评估使用，期末考试成绩占总成绩的60%，平实验成绩20分，平时课堂及出勤情况20分；期末考试中上机考试30分，综合实例制作70分。三、学时分配章目教 学 内 容教学时数一二三四五六七八九网页的基础知识HTML简介为网页添加图像和链接CSS样式表在网页中应用表格在网页中应用框架在网页中应用层在网页中应用表单JavaScript入门以及Dreamweaver的使用222222222合计18四、教学方法1、课程教学与讨论(18课时): 运用启发式、讨论式、案例驱动等教学方法阐释教学知识点，通过对作业演示，总结教学重点，分析并讨论学生作品的优劣之处，激发学生学习兴趣。2、上机实验和讨论 (18课时): 采用实例操作，合理安排实验题目，分析并讨论实例制作思路，激发学生创意思维，提高设计技巧。3、让学生结合所学知识进行设计，利用综合实例制作，检验学生知识技能的掌握程度，提升学生的上机实验动手能力。五、参考书目1. 刘瑞新，张兵义，赵子江等编著，网页设计与制作教程（第4版），机械工业出版社，2009年2. 吴代文主编，网页设计基础与实训，清华大学出版社，2011年3. (美)Elizabeth Castro，HTML XHTML CSS基础教程(第6版)，人民邮电出版社，2007年六、大纲内容第一章 网页的基础知识（2课时）【教学目标与要求】了解网页设计的基本知识和概念。【重点难点】网页设计基本知识。【教学内容】第一节 什么是网页 一、网页和网站 介绍网站和网页的概念与区别二、网页的分类根据不同分类方式的分类方法三、网页设计中常用术语介绍万维网、浏览器、URL、FTP、HTTP、IP、域名、超链接、HTML、XML和XHTML等。第二节 开发网页的工具一、 静态网页的开发工具二、 动态网页的开发工具第二章 HTML简介（2课时）【教学目标与要求】学会利用记事本编写简单的网页，掌握基本的HTML标签和语法【重点难点】HTML标签的使用。【教学内容】第一节 初识HTML 一、HTML语法二、HTML文档的结构三、HTML基本标签第二节 使用HTML标签编辑文本一、 文本排版二、 文本的属性样式三、 文本列表第三章 为网页添加图像和链接（2课时）【教学目标与要求】为网页添加图像和链接，并进行修饰。【重点难点】利用HTML标签为网页添加图像和链接。【教学内容】第一节 插入图像 一、图像的基础知识二、在HTML文档中插入图像三、在HTML文档中设置背景颜色第二节 设置网页链接一、链接的基础知识二、在HTML文档中插入超级链接第四章 CSS样式表（2课时）【教学目标与要求】学会各种CSS的创建、CSS的使用方式、CSS相关代码。【重点难点】CSS样式表的创建。【教学内容】第一节 了解CSS样式 一、什么是CSS？第二节 CSS基本的规则和写法 一、使用类class和标志id链接样式表二、创建选择器第三节 用CSS来修饰页面文本一、修饰页面文本字体二、修饰文本的字号三、修饰段落行高第四节 给页面对象添加颜色 一、设置对象的颜色第五章 在网页中应用表格（2课时）【教学目标与要求】学习网页中表格的创建、编辑和使用。【重点难点】表格的创建、设置。【教学内容】第一节 表格创建和编辑操作 一、表格的创建二、行、列操作三、单元格操作四、设置表格属性五、设置单元格属性第二节 修饰单元格一、 通过CSS修饰单元格的边框二、 编辑单元格中的内容第六章 在网页中应用框架（2课时）【教学目标与要求】认识框架集、框架概念，会使用框架进行页面布局。【重点难点】框架创建。【教学内容】第一节 框架操作一、 创建各种框架二、 修饰框架三、 框架集中页面之间的链接第七章 在网页中应用层（2课时）【教学目标与要求】认识层，绘制层，利用层排版。【重点难点】层的绘制。【教学内容】第一节 认识和创建层 一、什么是层二、层的作用第二节 定制层的display属性第八章 在网页中应用表单（2课时）【教学目标与要求】学习什么是表单，表单包括哪些元素。【重点难点】表单的作用。【教学内容】第一节 表单的工作原理一、 创建表单二、 表单域第二节 多种样式表单Text文本框、复选框、单选按钮等第九章 JavaScript入门以及Dreamweaver的使用（2课时）【教学目标与要求】了解Javascript，学会使用Dreamweaver。【重点难点】学会使用Dreamweaver。【教学内容】第一节 JavaScript的基本语法 一、Javascript中的标识符和保留关键字二、Javascript语法的特殊规则。第二节 JavaScript的数据类型 一、常量二、变量三、数据类型转