网页设计和制作32课时完整教学大纲.docVIP

《网页设计与制作》课程教学大纲 英文名称：Webpage Design and Make 课程编码：050420117 总学时： 32 实验学时：16 学分：2 适用对象：工业设计专业学生 先修课程：大学计算机基础、艺术设计基础课、Photoshop或Fireworks 大纲主撰人：刘焰、陈文辉 大纲审核人：陈振宇、王丹 课程性质、目的和任务 ???? 本课程是非计算机专业的专业选修课。通过该课程的学习，引导学生了解网页、网站、主页和WWW服务器的基本概念，熟悉建立网站以及发布网站的步骤和过程；掌握使用可视化网页制作工具Dreamweaver建立网站、制作网页的方法；能够收集制作网页的多媒体素材，熟悉基本的图像处理和动画制作技术；掌握使用HTML语言的基本知识等。 依据“项目导向、案例驱动、突出实践、关注过程”的教学理念，通过项目和案例，介绍Dreamweaver文本、图片、表格、层、超链接、表单、CSS以及行为和事件的使用方法，最终完成一个专题网站的设计与制作。 教学内容及要求 第一章 网页设计概述 授课学时：2 授课内容： 　1.1网络的概念 　1.2网站与网页的概念 　1.3相关知识 　1.4网页设计师必备的专业素质　 基本要求： 重点讲授网站，网页涉及的概念；了解网页设计涉及的相关概念；了解网页设计的语言HTML；掌握学习网页设计的某一种工具；理解网站和网页的关系。 重点与难点： 重点：理解网站和网页的关系； 难点：HTML语言设计，网站和网页的关系。 第二章 网页赏析 授课学时：1 授课内容： 　2.1 网页设计与网站主题 　2.2 各类网站的设计总体框架 　2.3 网页颜色的使用风格 　2.4 网页赏析 基本要求： 初步了解网页赏析要求；理解网页赏析的理论要求；掌握网页突破性设计的要素；分清各类网站的设计要求和框架；理解实例分析过程。 重点与难点：网页的赏析分析。 　 第三章 网页规划与布局 授课学时：1 授课内容： 3.1 网页的组织结构 　　3.1.1首页的结构 　　3.1.2一般页面的结构 　　3.1.3网站页面的组织结构 　3.2 网页内容上的组织 　　3.2.1 综述 　　3.2.2 组织网页的方法　 　3.3 网页设计流程 　　3.3.1 综述 　　3.3.2 网页目标和风格 　　3.3.3 内容组织 　　3.3.4 页面的组织原则 　　3.3.5 网页制作 　　3.3.6 测试 　　3.3.7 发布、推广 　　3.3.8 反馈、评测 基本要求： 了解网页的组织结构，掌握网页内容上的组织方法；熟悉网页设计的流程和注意事项；熟悉网站设计，掌握网站与网页的区别。 重点与难点： 重点：网页规划原则，网站规划及其步骤； 难点：网页规划和合理布局。 第四章 网页设计创意 授课学时：1 授课内容： 　4.1 网页创意设计中的基本要素 　　4.1.1 网页中的文字 　　4.1.2 网页中的图像 　　4.1.3 网页设计中色彩的属性及其应用 　4.2 网页创意设计的程序 　　4.2.1 前期策划 4.2.2后期更新及维护 基本要求： 通过对创意思维及创意手法的讲解，辅以对优秀网页作品的分析，启发学生全面的创新思维，进而从多角度的思维中独树一帜，培养学生的个性化意识。 让学生对优秀设计的创意进行解读和阐释，并分析其创新之处，鼓励学生敢于发掘新意，提出自己独到的见解。 重点与难点： 　　启发学生全面的创新思维，培养学生的个性化意识。如何掌握不同性质网页的创意设计技巧。 第五章 网页编程语言 授课学时：10 授课内容： 　5.1 HTML 　　5.1.1 HTML的基本结构 　　5.1.2 HTML语言的语法 　　5.1.3 HTML语言的常用标识 　5.2 CSS层叠样式表 　　5.2.1 层叠样式表简介 　　5.2.2 创建层叠样式表 　　5.2.3 层叠样式表的结构 　　5.2.4 层叠样式表应用 基本要求： 　　理解HTML语言中的各种文本格式、字符格式、段落设置、列表标记的作用；会用HTML语言中的标记设置颜色、文本格式和列表；掌握HTML的语法结构，掌握HTML语言中标记的使用方法；理解表格、框架、表单的作用。了解HTML、CSS的定义、概念和作用；理解CSS样式表的作用和意义；掌握CSS样式表的结构；掌握在网页中添加CSS的方法。掌握三种添加样式信息的方法，会使用CSS设置网页格式和列表的格式。 重点与难点： 　　HTML语言的语法、HTML语言中7类常见的标记的作用与应用；CSS样式表的功能、CSS样式表中的样式规则与选择器； 第六章 网页制作工具 授课学时：9 授课内容： 　6.1 Dreamweaver 　　6.1.1 Dreamweaver介绍 　　6.1.2 网页属性和页