《网站与网页设计》课程教学大纲.doc

“网站与网页设计”课程教学大纲 课程编号课程名称：网站与网页设计/Website and web design 学 时：32 学分：2 适用专业：计算机科学与技术、软件工程、网络工程 开课学期：5 开课部门：数计学院 先修课程：计算机文化基础 考核要求：1．平时考勤：30%；2．考试成绩：70% 使用教材及主要参考书： 刘增杰主编，《HTML5+CSS3+JAVASCRIPT网页设计》，清华大学出版社，2014年 一、课程的性质和任务 当我们使用浏览器进入互联网的虚拟世界，首先映入眼前的便是网站的首页，一个好的首页能够带动浏览者的想象情境，增加视觉感官的想象空间，同时也决定了网站是否能够永续经营，能否带来无可限量的商机。如何设计和制作出一个功能强大并吸引人的网站，是网页设计师和制作者的向往。制作一个网站需要很多的技术，包括图像设计和处理、网页的动画效果和最终合成网页等。这门课程开设的目的就是让学生掌握这些技术。 《网站与网页设计》是一门操作性和实践性很强的课程。本课程的主要内容有网页编辑与制作软件FrontPage、Dream weaver MX、HTML基础知识、CSS样式表、JavaScript、网页设计思想，并简单介绍了图像处理软件Fireworks MX和矢量动画编辑与制作软件Flash MX。 教材体现网页制作技术的特点，注重实用性和操作性。全书共分入门篇、提高篇、设计篇三篇。综合讲述了网页制作中的网页编辑工具、HTML、Web图像制作以及网页中动画设计的基本概念和基本操作技能。书中文字叙述简单明了、通俗易懂。由浅入深、循序渐进，符合学习者的认知规律。书中列举了大量的实例，并配套有实验指导书。利用这些资源可以构建全新的教学模式，最大限度地调动学生的兴趣和自我能动性，为学习者提供理想的学习环境。 二、教学目的与要求 《网站与网页设计》是计算机科学与技术专业开设的一门很重要的实践环节课程。通过本课程学习，要求了解当今网页制作的基本风格，理解网页制作的全程步骤。掌握网页制作和设计的基础知识，掌握CSS样式表和动态网页JavaScript等综合运用并学会网页三页个关键软件工具的使用。 课程的教学要求大体上分为三个层次：了解、理解和掌握。 了解：是能正确判别有关概念和方法； 理解：是能正确表达有关概念和方法的含义； 掌握：是在理解的基础上加以灵活应用。 三、学时分配 章节 课程内容 学时 1 网页设计的基础 2 2 普通主页的制作 4 3 HTML的认识 6 4 CSS样式表 6 5 动态网页以及JavaScript 2 6 网页构图与色彩 2 7 网站设计思想 2 8 网站建设 2 9 Flash 与Photoshop的学习 6 四、教学中应注意的问题 注意多使用实例 注意培养学生的实际动手能力 五、教学内容 ?第1章 网页设计的基础 1. 基本内容：? 1.1 Internet网简介? 1.2 网页的概述? 1.3 网页制作工具? 1.4 制作前的准备工作 2. 教学基本要求： 1.1-1.4要求了解 3. 教学重点难点： 1.1和1.4 4.教学建议： 通过本章学习充分调动学生学习积极性 第2章 普通主页的制作 1. 基本内容： 2.1 制作时应该注意的原则? 2.2 用FrontPage制作网页? 2.3 用DreamWeaver制作网页 2. 教学基本要求： 2.1和2.2要求了解 2.3要求掌握 3. 教学重点难点： 2.3 4. 教学建议： 重在比较2.2和2.3之后,选择使用DreamWeaver软件的用户较多的原因 第3章 HTML的认识 1. 基本内容： 3.1 HTML基本结构? 3.2 页面排版的基本元素? 3.3 清单列表的设计 ? 3.4 表格? 3.5 图片与多媒体? 3.6 在网页中建立超链接? 3.7 框架网页的学习? 3.8 交互网页的制作 2. 教学基本要求： 所有内容要求全部掌握 3.教学重点难点： 3.4和3.7 4. 教学建议： 不要求个人写出完整的HTML代码,可结合使用DreamWeaver教学 第4章 CSS样式表 1. 基本内容： ? 4.1 CSS样式的定义和使用? 4.2 CSS过滤器效果? 4.3 CSS样式在DreamWeaver中的使用 2. 教学基本要求： 所有内容要求全部掌握 3. 教学重点难点： 4.3 4. 教学建议： 结合DreamWeaver中CSS的使用 ?第5章 动态网页以及JavaScript 1. 基本内容：? 5.1 动态网页的认识? 5.2 使