《网页设计》课程教学大纲

1、网页设计课程教学大纲 英文名称：Web Design课程编码：130520045 总学时：64      实验学时：0        学分：4适用对象：视觉传达设计专业学生大纲主撰人： 、                      

2、0;                大纲审核人：、一、 课程性质、目的和任务本课程是视觉传达专业的专业必修课。通过该课程的学习，引导学生了解网页、网站、主页和WWW服务器的基本概念，熟悉建立网站以及发布网站的步骤和过程；掌握使用可视化网页制作工具Dreamweaver建立网站、制作网页的方法；能够收集制作网页的多媒体素材，熟悉基本的图像处理和动画制作技术；掌握使用HTML语言的基本知识等。本门课程以Fireworks和Dreamweaver为平台

3、，在讲解网页配色和风格创意设计的基础上，以丰富的实例引导学生全面地掌握网页元素设计与网页布局美化，教会学生怎样完美组合这两个软件进行网页美工设计，在以后的工作中胜任“网站前端设计”这一岗位，完成网站的前台设计，与网站后台工作者共同完成网站设计工作。二、 教学内容及要求第一章 网页设计基本理论授课学时：2基本要求：1-1网页设计概述1-2网页设计的构成要素及特性1-3网页设计的定位1-4网页美工与设计流程重点：网页设计的构成要素；网页设计的定位方法。难点：网页设计的定位方法。网页创意设计授课学时：2基本要求：2-1网页设计创意思维2-2网页设计创意方法重点：通过对创意思维及创意手法的讲解，辅以对

4、优秀网页作品的分析，启发学生全面的创新思维，进而从多角度的思维中独树一帜，培养学生的个性化意识。难点：启发学生全面的创新思维，培养学生的个性化意识。如何掌握不同性质网页的创意设计技巧。网页视觉构成要素的设计授课学时：4基本要求：3-1网页版式设计3-2网页色彩的设计3-3网页图形图像设计3-4网页文字编排设计3-5网页动画设计重点：网页布局规划原则及其步骤。难点：网页规划和合理布局。使用Fireworks制作网页效果图授课学时：8基本要求：4-1 Fireworks软件介绍4-2软件的基本操作和运用4-3 图形优化方法4-4 切片工具的使用重点：Fireworks中图像优化、切片工具的使用和切

5、片后的导出格式设定。难点：Fireworks软件的操作和运用使用Dreamweaver制作网页授课学时：40基本要求：5-1 HTML语言5-2 CSS层叠样式表5-3 使用Dreamweaver制作静态网页重点：掌握HTML语言、CSS语法、Dreamweaver基本操作；难点： HTML语言中7类常见的标记的作用与应用；CSS样式表的功能、CSS样式表中的样式规则与选择器。综合网页设计实例授课学时：8基本要求：6-1网页内容的划分与组合。6-2网页布局的整体观念。6-3页面之间以及页面内部的导航链接方法与实现。重点：学生独立完成较完整的网页设计项目。难点：网页创意、充分利用编程语言和制作工

6、具实现创意的途径。三、 学时分配课程总学时为64，其中理论学时64，实验学时0。章内 容讲课实验课习题课实践课总学时1网页设计基本理论2022网页创意设计2023网页视觉构成要素的设计2244使用Fireworks制作网页效果图4485使用Dreamweaver制作网页2416406综合网页设计实例268合计362864四、 推荐教材及参考书教 材：Dreamweaver CS3+HTML超炫网页设计与制作胡菘 编著.中国青年出版社实验指导书：网页设计与制作案例教程池同柱主编，机械工业出版社参考书：网页设计创意与编程 魏善沛编著，清华大学出版社。网页制作教程 郭振欣等编著，高等教育出版社。HTML4.0从入门到精通（美）Deborah S.Ray Eric J.Ray，电子工业出版社。HTML编程起步，（美）Wendy Willard，人民邮电出版社。五、 课程考核形式：本课程的考核实施全过程课程考核方式，即教学全过程平时表现考核与课程作业成绩考核相结合。 考勤情况（占10%）：课堂出勤情况。平时表现（占10%）：是否认真求实的态度，调研工作的细致度，发言的踊跃度，组织纪律情况等。平时作业（占10%）