网页设计课程.docx

网页设计课程

网页设计课程 1、课程定位和课程设计 《网页设计与制作》课程是高职电子商务专业的一门专业必修课程。本课程以图形图像处理为前导课程，本课程将从职业技术教育的特点出发，以培养学生实际动手能力为目标，使学生具备网页制作、网站规划与网站维护的专业能力和方法能力，以及培养学生的团队协作、沟通表达、工作责任心、职业规范和职业道德等综合素质和能力。作为专业的核心主干课程，使学生掌握商业网站的开发和流程，并能独立进行操作，在就业时能够成为一个合格的人才。学生毕业后可胜任网站管理员、网页设计师、网页美工师等工作岗位。 2、课程目标 本课程以学生能够网页网站开发与维护的实际工作能力为学习目标，使学生具备计算机及其它相关专业课学习和应用中所必需的网页制作与网站设计的基本知识和基本技能，形成解决实际应用问题的方法能力，为以后的学习动态网页设计课程打下基础。 3、素质目标 (1)培养具有较强的网页设计创意思维、艺术设计素质; (2)培养学生在学习过程中解决困难的能力; (3)培养学生在学习过程中培养兴趣的能力，提高工作、学习的主动性; (4)培养学生理论联系实际的工作和学生方法; (5)培养具有高度责任心和良好的团队合作精神; (6)具有社会责任感。 4、知识目标 (1)了解WEB站点的工作原理; (2)理解Internet、WWW、HTTP、HTML的定义，计算机网络概念和作用; (3)了解服务器、客户端、浏览器的概念和作用; (4)掌握常规网站的规划及流程; (5)熟练掌握HTML语言中各种标记符的运用能力; (6)熟练掌握Dreamweaver应用软件的使用; (7)理解网页中脚本语言的使用方法; (8)熟练开发常规静态网站。 5、能力目标 (1)熟练掌握Dreamweaver应用软件制作网站及网页; (2)熟练掌握使用绝对和相对URL，创建超链接，图像链接; (3)掌握在网页中添加CSS的方法; (4)培养学生设计、制作和维护动态网站。 (5)培养学生搜集资料、阅读资料和利用资料的能力; (6)能独立制定、实施工作计划。 (7)具备检查、判断能力; (8)具备简单的需求市场分析能力。 6、课程内容与教学要求 第一章：个人网站的制作 【教学内容】 网络相关概念、网站需求分析、风格定位与网站欣赏、草图设计、图像相关概念、Photoshop制作网页平面效果图、HTML语言简介、HTML语言的基本结构、HTML常用标记、Css样式表的应用。 【教学重点】 项目基础与流程设计，个人网站效果图设计与切片，HTML编辑静态页面，个人网站CSS样式表设计，网站测试。 【教学要求】 了解网站项目建设流程。 掌握个人网站效果图设计。 熟练掌握HTML编写静态页面的方法。 第二章：网页设计与制作精品课程网站建设 【教学内容】 Photoshop的综合运用，Dreamweaver的认识与基本使用方法、Dreamweaver中站点的建立与管理，插入文本、图像、表格、模板等资源，网络空间的申请与与域名的申、网站文件的上传。 【教学重点】 精品课程网站的策划方案，主页面的设计与制作，模板页的制作，效果图的切片与导出，网站后期编辑，网站的发布与测试。 【教学要求】 了解网站建设的流程、需求分析。 理解网站色彩搭配的原则。 掌握网站的建设流程及网页效果图的制作。 能够利用Dreamweaver软件设计精品课程网站。 第三章：企业类网站建设 【教学内容】 Photoshop效果图的制作，Flash动画的制作，Dreamweaver中框架、表单、图层、行为、时间轴、简单脚本语言的制作、模板的使用，Dreamweaver的综合使用。 【教学重点】 商务类网站的前期策划，效果图的设计、切片与动画的设计，网站编辑与动画设计，网页的布局及后期制作。 【教学要求】 了解企业类网站的策划过程。 进一步理解Dreamweaver建立网站及网页的流程。 掌握网站动画的设计与制作。 掌握网站的后期制作与编辑，并能够调试。 第四章：自主选题进行网站建设 【教学内容】 Photoshop效果图的制作，Flash动画的制作，HTML语言的综合运用，Dreamweaver的综合运用。 【教学重点】 网站的.前期规划(文字、图片等素材的收集与整理及使用)，网站效果图的制作，网站的建立与网页的制作与编辑，网站的发布五测试。 【教学要求】 了解整个网站的建设流程。 理解制作工具(dreamweaver)的使用方法 掌握网站的制作过程及综合运用方法。 能够独立并完美地完成一个完整网站的建设工作。 7.教学模式、教学方法与手段 1、注意教学方法的灵活性，可组织学生案例教学，进行讨论、问题教学、阅读指导等。全部在实训室授课，提高学生的实践操作能力。 2、充分发挥学生的学习主观能动性。在本课程的教学过程中