静态网页设计-教学大纲.docVIP

静态网页设计-教学大纲 PAGE PAGE 1 《静态网页设计》教学大纲 课程类别： 专业基础课 课程属性： 必修课 学分/学时： 4学分/64学时 制 订 人： 课题组 适用专业： 信息技术相关专业 课程的性质 “静态网页设计”是信息技术类专业学生的专业基础课之一。属于必修课范畴。同时它是一门针对性、实践性较强的课程。主要是培养学生静态网页设计的基本知识和静态网页设计制作的基本技能。 与其它课程的关系 序号 前期课程名称 为本课程支撑的主要能力 1 计算机应用基础 （1）计算机的基本概念知识； （2）计算机基本操作能力； （3）Internet基础知识； 2 PhotoShop基础应用 （1）版面设计知识 （2）配色相关知识 （3）平面图像处理基本技能 (7)理解和掌握网页图像、动画等多媒体应用知识； (8)理解和掌握网页超级链接知识； (9)掌握基本的动画制作知识； (10)了解网页美工相关知识； (11)了解网站的测试、发布与维护的基本知识； (12)掌握网站制作流程 2.能力目标 (1)能运用HTML语言设置和编辑网页元素； (2)会使用Dreamweaver等网页设计工具制作网页； (3)能使运用基本的CSS技术设置网页风格； (4)能在网页中嵌入图像、动画、视频等多媒体元素； (5)能运用表格布局并设计网页； (6)能正确运用文字超链接、图像超链接技术设计网页； (7)掌握框架制作网页的方法，会使用框架设计网页； (8)掌握制作表单的方法，会利用表单建立交互式页面； (9)能看懂基本的HTML网页源代码。 (10)会设计网页线框图，并能运用PS进行网页效果图设计 (11)掌握切片的基本原则和基本方法，综合运用网页排版技术进行切片素材排版 (12)熟悉网站项目工作流程，能独立进行中小型网站设计。 3.素质目标 (1)具有信息资料收集与整理能力； (2)具备简单的需求市场分析能力； (3)具有一定的语言表达、沟通和协调能力； (4)具有良好的心理素质和责任意识，能及时完成任务的能力； (5)具有踏实肯干的工作作风； (6)具有一定的创新意识和艺术设计素质 四、内容结构与目标任务 部分 内容 结构 知识点 目标任务 建议学时 基础知识技能的学习 网页设计概述 主要讲述因特网、万维网、浏览器的概念；多媒体、超媒体、富媒体概念；网页和网站的概念；认识网页设计；网页设计师的从业之路；网页制作工具介绍。 目标：学生你能从全局角度了解课程。 任务：多观察同一类型、不同类型网页，分析其异同点。 2 网页排版技术 主要从以下几个方面介绍网页排版相关知识：认识DW及HTML标记、文本元素、多媒体元素、超链接、框架、表格、CSS、表单、JS表单控制、DIV排版、综合应用。 目标：能独立综合运用HTML及CSS进行复杂页面的排版。 任务：多动手实践各环节案例项目，并争取能从模仿中创新。 28 网页美工技术 主要从以下几个介绍网页美工设计的知识和技巧：网页配色、网页版面设计、常用工具介绍、页面元素设计、；整体设计、切片及排版、动画设计及应用。 目标：能独立进行美观、清新、符合主题要求的界面创造，并能进行简单的网页动画设计。 任务：多动手实践各环节案例项目，并争取能从模仿中创新。 22 整体规划设计 主要从以下方面介绍网站项目盖饭从规划设计到发布运营整个工作流程：规划及流程、分析、设计、重构、制作、发布运营。 目标：了解网站规划设计周边概念、一般方法、企业开发流程 任务：按老师要求及企业规范完成项目规划设计 12 综合项目实践 项目指导 用不同类型的真是项目指导学生完成网页设计整个流程，带着同学们做。 机动 项目任务 根据博客、企事业单位等不同类型网站的不同特点，分配几个类型的项目，让同学独立做。 机动 建议具体学时分配： 第一部分：基础技能知识学习 第一章 网页设计概述（2学时） 主要讲述因特网、万维网、浏览器的概念；多媒体、超媒体、富媒体概念；网页和网站的概念；认识网页设计；网页设计师的从业之路；网页制作工具介绍。 第二章 网页排版技术（28学时） 主要从以下几个方面介绍网页排版相关知识：认识DW及HTML标记(2学时)；文本元素(2学时）；多媒体元素(2学时）；超链接(2学时）；框架(2学时）；表格(2学时）；CSS(4学时）；表单(2学时）；JS表单控制(2学时）；DIV排版(4学时）；综合应用(4学时）。 第三章 网页美工技术（22学时） 主要从以下几个介绍网页美工设计的知识和技巧：网页配色(2学时）；网页版面设计(2学时）；常用工具介绍(2学时）；页面元素设计(4学时）；整体设计(4学