网页设计课程

网页设计课程

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、充分发挥学生的学习主观能动性。在本课程的教学过程中，注意训练学生的 *** 作动手能力，引导学生理论联系实际，应用课本中的理论知识来解决实际 *** 作问题。本课程的学习过程全部是基于生产过程中的教学过程。

8.课程实施课时安排

(一)课时安排与教学建议

一般情况下，每周四课时，约18周，合72课时。具体课时安排如下：

一、考核方式

本课程为考试科目，期末考试总分100分，包括以下三部分成绩：

建立过程考核与结果考核相结合的方法，强调过程考核的重要性。过程考核占60分，结果考核占40分。

1、过程考核

(1)自评、小组评价和教师评价相结合采用绩效考核，首先学生进行自评，然后再进行小组评价和教师评价。

(2)考核点占分权重：个人作业完成情况(10%)实践 *** 作技能(30%)学习态度(10%)团队合作精神(10%)。

2、结果考核

(1)自评、小组评价和教师评价相结合：对项目完成进行结果性考核，首先学生进行自评，然后再进行小组评价和教师评价。

(2)作品考核：项目结束要求每个小组提交全部作品及资料，根据完成情况进行考核。

(3)小组答辩：小组答辩实际上是各个项目小组对本小组学习情况及成果的总结、汇总和展示。小组答辩的内容包括小组组织过程、工作程序和步骤、学习成果与收获、取得的经验与教训、回答教师提问等。该项由老师给分。

(4)项目报告：报告包括项目描述、主要任务、设计流程、岗位技能及职责，每天的过程记录，以及项目完成后的个人总结等，每人提交一份，字数约2000字左右。该项由教师给分。

1、在电脑桌面新建一个文本文档。

2、在文本文件输入下面的文字。

3、然后修改文本文件扩展名为.html。

4、双击这个文件，用IE浏览器打开，就可以看到文字滚动。

5、图片标识的意思代表设置背景颜色是红色red。

6、下图框住的文字代表高度是500像素。

7、此处标识的文字，代表向右滚动，还可以左右上下滚动。

1.网易公开课

网址：https://open.163.com/

中文公开课网站，不仅有国内众多公开课，TED、可汗学院等国外网站也有翻译。

2.网易云课堂

网址：http://study.163.com/

网易云课堂，是在线实用技能学习平台，涵盖实用软件、IT与互联网、外语学习、生活家居、兴趣爱好、职场技能、金融管理、考试认证、中小学、亲子教育等十余大门类。

3.学堂在线

网址：http://www.xuetangx.com/

学堂在线是清华大学发起的精品中文慕课平台,为广大学习者提供来自清华、北大、斯坦福、MIT等知名高校创业、经管、语言、计算机等各类1000余门免费课程,及优质的在线学习。

4.中国大学MOOC

网址：https://www.icourse163.org/

中国大学MOOC(慕课) 是国内优质的中文MOOC学习平台,由爱课程网携手网易云课堂打造。平台拥有包括985高校在内提供的千余门课程,其中首批获得认定的国家精品在线开放。

5.爱课程

网址：http://www.icourses.cn/imooc/

“爱课程”网是教育部、财政部“十二五”期间启动实施的“高等学校本科教学质量与教学改革工程”支持建设的高等教育课程资源共享平台。网站集中展示了“中国大学视频公开课”和“中国大学资源共享课”，并对课程资源进行运行、更新、维护和管理。

6.我要自学网

网址：http://www.51zxw.net/

视频教学网站，学习电脑技术，涉及网页设计、PS、AE等软件。

7.慕课网

网址：https://www.imooc.com/

IT技能学习平台，移动端开发、web前端、html5教程课程资源。富有交互性及趣味性，可以和伙伴一起编程。

8.中国教育在线开放资源平台

网址：www.class.cn/index/open

包括耶鲁大学、哈佛大学、复旦大学等国内外知名高校开放课程。

以上是小编关于在线学习网站的相关分享。希望对各位小伙伴们有所帮助，想要了解更多相关内容，欢迎大家及时在本平台查看哦!

---