《网页设计》综合教学大纲.docVIP

网页设计教学大纲课程类别：必修课学分：3课程总学时：57理论学时：22.5适用专业：计算机专业、电子商务主笔人：杨秀菊主审人：一、课程的性质和任务：（一）本课程的教学目的以HTML和CSS为蓝本，全面介绍与网页设计制作有关的知识，向学生阐明Web基本工作机制，并使学生具有解决一般网页制作问题的能力。与此同时，通过对Web页制作技术和制作工具的学习，使学生对于网页设计中所涉及的相关知识有一个全面的了解。（二）本课程在教学过程中的地位在网络技术迅速发展的今天，网页制作已成为当今社会上一种比较热门的技术，也是计算机专业学生的一门必修课，同时又可作为相关专业学生的选修课。（三）本课程与其他有关课程的分工与联系此课程与计算机基础、计算机图像处理、动画制作、动态编程脚本等课程互相联系，互相补充，分别给学生提供计算机基础知识、网页制作技术的技能，图形和动画的设计与制作，美观的页面设计技巧等知识的学习。二、教材及参考书目1、教材：Dreamweaver网页设计与制作（修订版）地质出版社 21世纪高职高专计算机应用系列规划教材 陈源等主编2、参考书目：1. 网站规划建设与管理维护中国铁道出版社 姚怡等编著2. Web编程基础北京大学出版社 李健宏等编著3. ASP数据库编程地质出版社 柴巧叶主编4. ADOBE FIREWORDS CS3标准培训教材人民邮电出版社 Adobe专家委员会 DDC传媒主编5. Web2.0 网络编程与实训治金工业出版社三、学时分配周次教学进度课内学时实验学时1第一章 网站规划与设计3补：网页设计有关理念12第二章 网页布局3/43-5第三章HTML基础4.54.5补：表格实例、表单实例26习题题：案例展示3/47-9第四章 CSS技术4.54.5补：CSS各种技术实例310-11第五章VBScript和JAVAScript技术3312习题题：案例展示3/413-14第六章Fireworks软件、Flash软件的使用3315习题题：案例展示3/416-18第七章ASP动态网页制作（可根据学生掌握情况相应的进行减少实训内容，以备在指定时间内完成教学计划）4.54.519习题题：案例展示3/4合计22.534.5四、教学内容：第一章 网站规划与设计（一）教学目的和要求：了解网站的基础知识和网页设计的基本理念，理解并掌握网站建设的原则与规划的流程，如何确定网页的整体风格、网页色彩的搭配以及设计草图，能够独立规划设计网站。（二）教学重点和难点：1. 网站的整体规划2. 网站色彩的搭配（三）教学内容 1.1网站和网页基础知识 1.2网站建设的整体规划 1.3定位网站的CI形象 1.4案例1第二章 网页布局（一）教学目的和要求：网页设计常用的几种版式，对网页进行排版，利用图像的规划和色彩及栏目的设计确定网站的主体风格，画出图像规划图为后面的转换格式做好准备工作。（二）教学重点和难点：1. 首页的设计2. 栏目和色彩的设计过程（三）教学内容 2.1用Fireworks进行网站布局设计 2.2 设计不同层的首页面及栏目规划第三章 HTML基础（一）教学目的和要求：了解HTML的基本语法与格式，掌握HTML各种标记的应用，学会编写HTML网页，遇到代码读懂并能够进行相应的修改。（二）教学重点和难点：1. 表格的使用和应用2. 表单的创建及使用（三）教学内容 3.1HTML的常用标记 3.2文本格式的设置 3.3图像的插入 3.4表格的创建 3.5超级链接 3.6表单第四章 CSS技术（一）教学目的和要求：关于CSS样式的基础知识，创建新样式的方法，结合实例学习内容CSS样式表的应用，以及链接外部CSS样式表，熟练地使用CSS样式对页面的文本、段落、图像、页面背景和表单元素等进行设置。（二）教学重点和难点：1. CSS技术的应用2. 用HTML和CSS进行布局转换（三）教学内容4.1 CSS字体属性4.2CSS文本属性4.3CSS背景属性4.4CSS定位布局属性4.5CSS边框、边距、填充距属性4.6CSS链接样式4.7案例2(实训1要求)：用HTML和CSS进行布局转换第五章 VBScript和JAVAScript技术（一）教学目的和要求：了解动态网页技术，了解VBScript和JavaScript脚本的基础语法及他们的常用函数，学会在网页中添加脚本，实现动态网页相应的功能。（二）教学重点和难点：1. 学会利用脚本实现客户端功能2. 实训和案例的应用（三）教学内容 5.1使用状态栏打字效果 5.2使用跑马灯效果 5.3使用右键鼠标退出页面 5.4使用震荡效果 5.5使用分时问候效果 5.6使用倒计时牌 5.7实训2：用VBScript和JAVAScript实现网页中部分功能第六章 Fireworks软件、Flash软件的使用（一）教学目的和要求：学会软件间的相互结合，体会到软件之间的合理结合不仅可以提高建站效率，还可以丰富网站内容，通过实例进行网站中Logo、Banner的制作，并形成网站的整体风格一致。（二）教学重点和难点：1. Logo、Banner的制作及风格设定2. Flash制作及创意方法（三）教学内容 6.1用Fireworks软件制作Logo、Banner放入网站中 6.2用Flash制作动画广告及一些特殊效果 6.3实训3：制作Logo、Banner及广告动画放入自己网站中，与网站主题风格相一致。第七章 ASP动态网页制作（一）教学目的和要求：通过实例了解ASP及其内置对象，了解并熟悉基本的SQL结构化查询语言，并运用Dreamweaver工具建立动态网站实现相应的功能。（二）教学重点和难点：1. 实训1表单注册成功。2. 了解和熟悉一下ASP动态网页制作过程及应用方式。（三）教学内容 案例3：利用ASP、Access进行中小型网站实现过程 7.1实训1：表单注册提交到数据库、显示提交成功页面 7.2实训2：网页计数器实现方法，上传照片功能实现方法 7.3建立Access数据库，进行新闻、文章收录，并实现分页显示效果和主页时时更新的效果。五、实训大纲案例1目标：通过这个实例让学生先进行网站的总体策划设计，然后进行栏目的划分，学会前期准备工作和策划，把整体网站的功能风格提前定下来。具体要求：1. 明确网站定位，确定主题（小、精、延伸）2. 收集信息和素材（收集与主题有关的信息，包括图片、文章、内容、栏目，进行分类整理）3. 确定色彩，配色方案（确定主色调、配色调及颜色搭配关系）4. 写出可行性分析报名，从社会和经济价值两个方面进行描述案例2目标：这个实例是让学生学会网站前台工作方式，及如何把前台的格式和内容进行分离，理解网站的制作原理及流程，另外，加上实现特殊效果的动态网页方法，让学生真正学会做网页的乐趣。具体要求：实训1：用HTML和CSS进行布局转换，把Fireworks图像转换为网页的形式，学会用CSS进行定义网页格式，实现网站格式和内容相分离。实训2：用VBScript和JAVAScript实现网页中部分功能实训3：制作Logo、Banner及广告动画放入自己网站中，与网站主题风格相一致。案例3目标：利用ASP、Access进行中小型网站实现过程，让网站在动态网页的支持下进行添加内容、修改、删除等操作，让网站维护不在成为管理人员的障碍。具体要求：7.1实训1：表单注册提交到数据库、显示提交成功页面7.2实训2：网页