网页设计与制作 高职多媒体 杨桂 刘亚妮 网页设计与制作 教案.docVIP

《网页设计与制作》教案 课程名称： 网页设计与制作 英文名称： Webpage Design And Making 课程代码： 课程类型： 专业技能 学 分： 4 学 时： 56 编 制： 刘亚妮 校 核： 潘 越 审 查： 孙双林 批 准： 秦凤梅 版 本： v1.0 时 间： 2011年9月 重庆正大软件职业技术学院目录 一、课程性质 本课程是为信息技术类学生所开设的一门专业基础课程，本课程力求全面提高学生网页设计与制作的基本知识和基本技能。 职业面向：网页设计员、网页制作员 职业拓展：网页设计师岗位、网络编辑岗位 二、课程目标 本课程的目的是让学生掌握网站色彩与网页构成的基本理论、构成形式和构成方法，掌握HTML语言，通过本课程的学习，使学生具备设计与制作简单网页的能力，并掌握学习的方法与技巧，获取知识能力有所提高，为后续学习网站建设打下坚实的基础。 （一）典型工作任务 根据职业岗位工作任务分析，确定《网页设计与制作》典型工作任务，如表1所示。 表1 典型工作任务 课程名称（学习领域）：网页设计与制作 教学时间安排：112课时 对典型工作任务的描述 在规定时间内以经济的方式按照专业要求完成简单网页栏目策划界面设计、页面制作、网页简单动画设计与制作、网站内容管理的工作。网页维护和修改工作，以个人独立工作；网页改版或中小型新网站建设的静态网页设计工作以小组形式或独立工作，大中型新网站建设一般以小组形式工作，使用photoshop、dreamweaver等工具软件，对页面进行设计，对文字、图象等素材进行编辑与制作，并符合W3C规范，对已完成的工作进行记录存档。 学习目标 学生在教师指导下，制定学习计划，并实施、检查反馈。在学习过程中，不断归纳总结。学习完本课程后，学生应当基本掌握平面构成的图形设计能力及色彩搭配能力、简单页面布局的分析与制作能力，能够进行简单页面的设计与制作。 （二）专业能力与知识目标 根据表1典型工作任务，确定专业能力与知识目标见下表2所示。 表2　专业能力与知识目标 编号 专业知识目标 1 熟练规划站点 2 掌握图像编辑、图像合成、校色、调色及特效制作方法，利用Photoshop工具处理图像，设计网页界面，合理修饰网页。 3 利用表格合理布局网页，能在网页中添加行为、表单，为制作动态网页作准备 编号 专业能力目标 1 掌握网页色彩的搭配能力 2 简单网页布局的分析与制作能力 （三）专业素质目标 １.具有一定分析能力 ２.具有一定想象力 ３.具有一定网页设计与制作能力 （四）综合能力和职业素养培养目标 １.敬业精神 ２.团队协作精神 ３.自主学习能力 ４.沟通能力 ５.表达能力 ６.获取知识能力 7.创新能力 三、教学内容及过程 学习情境1：表格布局 任务一：创建网站目录，建立站点 【教学目标】 1．能力目标：具备站点创建及文件管理能力。 2．知识目标： （1）掌握HTML基本语法及常用属性 （2）掌握站点的建立方法 3．职业素质目标： ★获取资讯能力 【教学时间】 2学时 一、任务分析及准备（20分钟） （一）任务综述： 目录的结构是一个容易忽略的问题，大多数站长都是未经规划，随意创建子目录。目录结构的好坏，对浏览者来说并没有什么太大的感觉，但是对于站点本身的维护，以后内容的扩充和移植有着重要的影响。所以建立目录结构时也要仔细安排。 （二）相关知识准备： 1、基本概念 HTML:超文本标记语言（Hyper Text Markup Language ） CSS:层叠样式表（Cascading Style Sheets） JavaScript:基于对象的脚本语言 2、网站与主页 网站：一个链接的页面的集合。 主页或首页：是网站中的一个特殊页面，它是作为一个组织或个人在WWW上开始点的页面，其中包含指向其他页的超链接。通常主页的名称是固定的，如index.htm或index.html等。 3、制作网站所需的工具 简易的文本编辑器：记事本是一个非常简单的文本编辑程序，用它编写程序非常好，因为它不会干涉你