课程名称：网页设计
课程类别: 专业课
适用专业：数字媒体专业、传媒专业、网络专业
1.前言
《网页设计》课程计算机网络技术专业的一门专业基础课，是计算机多媒体、软件、电子商务等专业的必修或选修课程，是高职高专院校计算机网络专业学生的重要技能之一。 1.1课程的性质
《网页设计》是高等职业技术学院传媒学院开设的一门专业必修课，是计算机类专业的一门实践环节课程，也可以作为其他相关专业的实践课程或选修课，它是一门操作性和实践性很强的职业技术课程。本课程的主要内容为系统介绍网页编辑与制作软件Dreamweaver CS5，通过这种有代表性的网页设计软件的使用，掌握网站设计的全过程，并能熟练地制作出有专
业水准的网站。本课程共32学时，一周2学时。
1.2设计思路
1.2.1课程设计理念
《网页设计》是体现以学生为主体的、基于工作过程导向的的学习领域课程，在学习过程中，学生首先要获得的是关于职业内容和工作环境的感性认识，进而获得与职业相关的专业知识和技能。即强调以学生直接经验的形式——典型网页的设计与制作，来掌握融合于实践行动中的新知识、新技能，而不是以往仅完成网页各独立元素的设计与制作，真正落实教、学、做一体化课程的实施，切实提高人才培养质量。 对于学习领域课程，按照工作过程对课程内容进行序化，将陈述性知识与过程性知识整合、理论知识学习与实践技能训练整合、专业能力培养与职业素质培养整合、工作过程与学生认知心理过程整合，通过科学的教学设计，将学习领域细化成具体的学习情境。 1.2.2课程设计思路
1.工作任务设计
从网页设计实际工作过程出发，抓住重点和难点问题进行任务设计。且遵循二个原则：遵循循序渐进的原则，根据学生接受能力差异、现有水平和兴趣等，由简单到复杂，由表及里；遵循提高能力的原则，注重传授学生一种思想，一种解决问题的方法，可以引导学生从多个方面去解决问题，用多种方法解决同一问题。
scr-035
2.任务驱动教学
为了创设真实的工作情景，该课程教学全部在多媒体机房进行。整个课程教学分为总任务的导入、逐个完成由总任务切分而成的子任务、作品欣赏评价。
通过如下步骤：优秀网站鉴赏（准备若干个颇具代表性的商业网站、教育网站、门户网站、国外网站，一一展示给学生），网站制作讨论（和学生就网站特点、内容、结构、技术逐一进行分析和讨论），激发学习热情（随着讨论的深入，学生热情高涨，认为网页设计并不神秘，自己也可以从浏览者变为设计者），适时导入总任务，从而完成了整个课程任务的导入。
当提出一个新的子任务时，首先提示新旧知识之间的联系的线索，完成任务的思路、方法
、操作，然后作完成任务的操作示范，再由学生模仿我的操作，完成这一任务。在完成模仿任务的基础上，引导学生思考是不是可以用不同的方法完成这个任务，或者用这一方法完成其他任务？留给学生一定的独立思考、探索的余地，并给学生以实践的时间。教学中提倡并形成教师与学生、学生与学生之间的多向交流。
适时进行典型作品的欣赏点评，同时引导学生参与自评和互评。
3.评价考核
依据完成模仿型任务和开放型任务质量，重点考核学生知识综合运用和拓展的能力、网页设计实际能力、自我学习的能力、协作学习的能力和创造能力。
2.课程目标
2.1 课程的总体目标
● 赏析各类经典网站、掌握网页设计方法
● 强化网页设计技能、积累网页设计经验
● 激发自身学习兴趣、形成持久学习动力
● 提升自主学习能力、满足职业岗位需求
2.2 具体目标
（1）知识目标
● 熟练掌握网页设计软件Dream weaver CS5的基本操作和使用技能
● 掌握HTML基本代码
● 熟练掌握在网页中运用各种媒体元素
● 熟练掌握网页页面布局的各种方法
● 熟练掌握DIV+CSS盒子模型的含义以及应用
● 掌握如何利用CSS对文本、列表、表单进行控制的方法
● 掌握网页特效的制作方法
● 掌握网站测试与发布的方法
（2）技能与素质目标
● 培养学生收集、处理信息，准备、加工素材的能力
● 培养学生制作静态网页的能力
● 培养学生设计网页、网页布局的能力
● 培养学生设计网站的综合能力
● 培养学生的策划能力、彩感悟力、结构布局能力和想象力
● 训练和培养学生获取信息和处理信息的能力，充分培养和提高学生的动手能力，学会通过网站、书籍、素材光盘等方式收集所需的文字资料、图像资料、flash动画和网页特效等
● 培养学生运用所学的理论知识和技能解决网站开发过程中所遇到的实际问题的能力及其基本工作素质石墨舟
（3）态度目标
● 培养学生的沟通能力和协作精神
● 培养学生勤于思考、认真做事的良好作风
● 培养学生勇于创新、敬业乐业的工作作风
● 培养学生具有良好的职业道德和较强的工作责任心
● 培养学生自主学习能力和知识应用能力
● 培养学生理论联系实际的工作作风、严肃认真的科学态度以及独立工作的能力，树立自信心
● 训练和培养团队协作精神和共同开发网站的综合能力
3.课程内容和要求
序号 | 工作任务 | 知识要求 | 技能要求 | 课时 |
1 | 网页与网站的基础知识 | 经典赏析 | （1）欣赏优秀的网页，学习他人之长，激发学习网页设计的兴趣 ； （2）分析优秀网页的布局结构、颜搭配、视觉效果， 留下直观的第一印象，为学习制作网页奠定基础 ； （3）对网页的组成元素有一个初步印象 （4）了解网页的相关概念和术语，认识网页中的主要构成元素 （5）了解一些制作网页、处理图像、制作动画的专业工具 | 1 |
2 | DreamWeaverCS5基础入门 | 站点和网页的基础知识 | （1）熟悉Dreamweaver cs5的启动与退出
（2）熟悉Dreamweaver cs5的界面布局和工作环境 | 1 |
3 | HTML语言基础 | HTML代码构成 | （1）掌握Dreamweaver cs5的HTML源代码编辑功能。
掌握快速标签编辑器、标签选择器和标签编辑器的使用方法
（2）掌握常用的HTML标记的含义及其应用
（3）学会手工修改HTML代码 | 4 |
4 | CSS基础 | Css的优势 Css的样式 Css的选择符 伪类和伪元素 结构 | （1）掌握CSS样式表的基本语法和定义位置
（2）掌握标签样式、高级样式、类样式的定义方法
（3）掌握样式的编辑方法
（4）掌握如何使用CSS样式表美化页面 | 6 |
5 | DIV+CSS入门 | Css盒子模型 Css定位和浮动 | （1）掌握盒子模型的意义
（2）掌握css定位的方法和清除浮动的方式 | 6 |
6 | 网页元素应用（图片、超链接、表单、多媒体对象、行为） | 文字编辑 列表 超链接 网页图像 表单元素 | （1）掌握列表的插入编辑方法
（2）掌握超链接的连接方式
（3）掌握如何在网页中插入美观的图像 （2）各种媒体元素的插入方法
（2）利用行为制作动态效果
（3）掌握利用模板简单制作页面的方法 | 6 |
7 | 网页布局（表格、框架和DIV布局） | 表格 框架 两列页面 三列布局 | （1）掌握表格的基本操作
（2）掌握利用框架制作简单框架页面的方法
（3）掌握两列页面的布局方法
（4）掌握三列页面的布局方法 | 6 |
8 | css对文本和图片的控制 | 文本控制 段落控制 文字链接控制 背景控制 图文混排 | 掌握文字、段落、文字连接和背景控制的方法 | 6 |
9 | css对列表和表单的控制 | 列表控制 | 掌握css对列表和表单进行控制的方法 | 6 |
10 | 网页特效 磁悬浮支架图片 | 导航特效 固定篮球架文字特效 鼠标特效 高铬衬板图片特效 | 掌握js简单的网页特效 | 4 |
11 | 站点测试与发布 | 站点测试 站点发布 | 能够将做好的网站进行发布 | 2 |
| | | | |
4.实施建议
4.1 教材编写
①根据本课程标准编写教材，教材应充分体现项目导向、任务驱动、内容模块分级处理的工作过程导向的设计思想。
②教材应将本专业职业需求，分解成若干个模块的工作项目，结合职业技能证书考试来组织教材内容，要加强多媒体制作技术的专业知识、专业技能和专业素质。
③教材应注意任务旨导，通俗易懂，把理论知识的掌握融入实践中去，避免枯燥讲述知识点，提高学生的主体地位，激发学生学习的积极性。教材内容必须精炼、准确、科学。
④教材编写应体现实用性和先进性，要将本专业新技术、新要求、新形势及时地纳入教材，使教材更贴近本专业的发展和实际要求。
水炮泥
4.2教学建议
1、实施有效的教学方法
树立“以学中做、做中学为主导思想，以学生为主体，以学生各方面的能力培养为主线”的教学指导思想，开展以项目导向教学法为主，模拟仿真、任务驱动、理论灌输等为辅的教学方法，借助真实教学环境引导学生学习，教、学、做合一，边学边用，讲练结合，教学过程一体化。启发学生的学习热情及想象力。
2、按六个步骤来组织教学活动
教学过程按六个步骤来进行：资讯与调查，制作出任务书；计划制定，确定具体的实施步骤；方案决策，制定出详细的实施方案；项目实施，介绍相关案例的制作过程；检查测试，提交工作过程中的各类文档；项目评价，对设计过程中的各个环节进行评价和指导。
3、构建工学结合的学习环境
努力建设校内外实训基地，通过引进来走出去的方法合作开发项目，让学生参与实际项目制作的过程，给学生提供比较好的订岗实习的环境。
在校内以工作室的形式，让学生承接多媒体作品开发设计任务,教师和学生利用课余时间以随岗实习形式参与其中，提高学生的实际动手能力，方便全院师生。
在海口及内地跟一些有影响力的多媒体制作公司达成协议，让学生利用假期到企业顶岗锻炼，进一步提高学生的实际动手能力。
4、网络咨询和答疑
通过网络，给学生提供多媒体作品制作和设计答疑和咨询。
4.3教学评价
本课程采用过程化考核方式，具体方案如下：
豫公网安备41160202000603
站长QQ:729038198
关于我们
投诉建议