网页设计课程教学大纲

1、网页设计课程教学大纲课程名称：网页设计英文名称：Web Page Design课程编号：x3120321学 时 数：64其中实验（实训）学时数：0 课外学时数：0学 分 数：4.0适用专业：艺术设计课程的性质和任务本课程是艺术设计专业必修的专业课程，是学生从事视觉传达设计所必须掌握的专业知识之一。该课程其主要任务是以Dreamweaver软件操作为基础，运用Photoshop、Fireworks、Flash相关软件，结合平面设计知识，从实际运用的角度出发，讲述较为全面、系统、实用的网页设计知识。通过本课程的学习，使学生了解网页设计的基础知识和基本流程，熟练掌握网页制作软件Dreamweaver

2、的相关操作和网页设计的基本理论，重点掌握表格、文本、图像、多媒体、链接、层、表单和CSS样式等多种应用技巧，具备编写基本的HTML标记的能力，能够灵活运用多种布局方式，并结合Photoshop、Fireworks、Flash等软件进行精美的网页制作与设计。二、课程教学内容的基本要求、重点和难点了 解：网页的基础知识（网页、网站、网页的类型、专业术语、网页的基本结构、HTML基础知识等）及网页设计流程，站点上传和发布的相关知识。理 解：站点的创建、修改，导入与导出等相关操作，HTML标记的结构及语法，能够读懂各个标签的含义，并能够进行简单编写。掌 握：1、HTML的基本结构和语法，能够使用Dre

3、amweaver编写HTML页面。 2、设置具有特色的超链接效果。 3、灵活应用CSS的3种选择器，通过调用内外部CSS样式，丰富网页的文字、图像、背景、表格等元素。4、灵活运用Div+CSS布局方法，设计精美而专业的网页。熟练掌握：1、Dreamweaver软件的基本操作。2、网页对象的添加（文本、图像、超链接、多媒体等）。3、创建表格，使用布局视图进行网页布局；创建框架，使用框架进行网页布局；创建层，使用层进行网页布局。4、CSS样式表属性设置、内外部CSS样式调用、利用CSS实现文本格式控制；掌握Div+CSS布局方式的特点和具体操作，并能够运用Div+CSS布局方法制作完整的网页。5、

4、创建表单，为表单添加对象。6、用行为增强网页的互动功能。7、灵活应用模板和库，提高网页设计的效率。重 点：Dreamweaver软件的熟练操作，网页对象的添加，对网页进行合理布局，Div+CSS的应用技巧。难 点：Div+CSS布局，网页与flash动画的结合，独立制作出图文并茂、声影兼具、界面合理、交互性强的优秀网页作品。三、教学方式及学时分配序号主要内容主要教学方式学时辅导答疑比例一网页基础知识讲授42：1二Dreamweaver软件页面、面板、菜单、命令、站点等基本操作讲授4三文本、图像、超链接、多媒体等网页对象的创建讲授8四表格和框架布局网页讲授8五Div+CSS布局基本知识与应用技巧

5、讲授8六表单和Spry构件的使用讲授4七网页中行为的应用 讲授4八模板和库、站点资源管理相关知识讲授4九综合应用训练指导20四、课程其他教学环节要求理论教学要求：1、该课程全部采用多媒体机房进行现场教学，融“教、学、做”为一体。2、观摩国内外精品网站和收集网络相关资源，为学生积累间接经验。训练环节要求：1、结合理论知识完成相关的课题训练，一对一的教学辅导方式，充分发挥学生的主动性、创造力。2、根据教学内容提出明确的目标任务，布置相关练习与作业，并加强学生创意思想、草图表现等环节的重视程度，提高学生基础能应用力。3、组织学生共同讨论设计方案，变被动为主动的学习方式，同时借鉴其他同学的长处，培养学生的专业精神和团队协作能力。五、本课程与其他课程的联系本课程应具备一定的设计能力，在掌握综合构成、版式设计、计算机应用等课程之后开设，是所有设计课程的综合表现，为后续的综合媒体广告设计、毕业设计、岗位就业铺垫基础。六、教学参考书目DreamweaverCS3网页制作融会贯通卓越科技著 电子工业出版社2009年4月 第一版Div+CSS网页布局揭秘 金峰编著 人民邮电出版社 2009年 9月 第一版CSS布局之道 陈刚 陈勤编著 北京科海电子出版社 200