(高级网页设计.docVIP

第 一 次课教学设计书 2012年2月 28日 星期2 授课地点：615 课时：2 标题 第一章 网页和网站制作流程 教学 目标 能力目标 知识目标 从全局的角度概要性的了解网站制作技术和流程，了解本学期学习目标及进度安排。 认识网页和网站； 网页的基本构成元素； 网页设计的相关术语； 如何设计网页； 网页设计师应具备的素质； 静态页面的制作流程； 教学 任务 (内容) 网页是因特网展示信息的一种形式。一般网页上会有文本和图像，复杂一些的还会有声音、视频、动画等多媒体。要制作出精美的网页，不仅要能够熟练的使用软件，还要掌握网页的一些基本概念和基本原则，只有对网页的基础知识进行深入的学习，才能快速掌握网页的设计技巧。 重点 难点 重点： 网站制作流程 难点： 网页设计原则 步骤 教学内容 教学方法 教学手段 学生活动 时间分配 复习/课程 引入 Div+css布局网站案例赏析 回答法； 演示法； 板书； 多媒体教学； 网络资源； 实训设备； 思考；回答问题； 5 知识 讲授 1认识网页 网页和网站 网页的基本构成元素 文本和图像；超链接；动画；表单；音频和视频 2什么是网页设计 网页设计概述 网页设计与网页制作 网页设计的特点 交互性；版式的不可控性；技术与艺术结合的紧密型；多媒体的综合性；多维性 3网页设计的相关术语 因特网；浏览器；网页；网站；html；dhtml；url；http;tcp/ip;ftp;ip地址；域名；静态网页；动态网页；虚拟主机；租赁服务器；主机托管； 4 网页设计涵盖的内容 视听元素；版式设计； 回答法； 演示法； 板书； 多媒体教学； 实训设备； 思考； 理解； 记忆； 5 5 5 5 能力 训练 5 如何设计网页 网页设计的基本原则 明确主题；首页设计；分类；互动性；图像应用技巧；避免滥用技术；及时维护更新 网站设计成功的要素： 整体布局；信息；下载速度；图像和版面设计；文字的可读性；多媒体功能的运用；导向清晰 网页设计风格及色彩搭配 6网页设计原则 为用户考虑原则；主题突出原则；整体原则；内容与形式相统一的原则；更新和维护原则 7网页设计师应具备的素质 艺术素质；技能素质；综合素质 8网站制作流程 前期策划；页面细化及实施；后期维护 9静态页面的制作流程 观察设计稿；拆分设计稿；网页设计的实现；表格布局；div布局 回答法； 演示法； 实际操作法； 多媒体教学； 实训设备； 实践操作 10 10 10 10 10 归纳 提高 Div布局页面特点：表现、内容和行为相分离 讲述法； 演示法； 板书； 多媒体教学； 实训设备； 思考；回答问题 3 课后 任务 2 课后 小结 第 二 次课教学设计书 2012年3月 1日 星期4 授课地点：615 课时：2 标题 第二章 css样式入门 第一节 css样式 教学 目标 能力目标 知识目标 网页制作离不开css技术，采用css技术可以有效对页面的布局、字体、颜色、背景和其他效果实现更加精确的控制，只要对相应代码做出一些简单的编辑，就可以改变同一页面中不同部分或不同页面的外观和格式。 本节主要掌握css的特点及基本语法。 Css的特点； Css的类型； Css的基本语法； 如何使用css； 内联样式表； 嵌入样式表； 外部样式表； Css的单位和值； 教学 任务 (内容) 对于设计者来说，css是一个非常灵活的工具，使用户不必再把复杂的样式定义编写在文档结构中，而将有关文档的样式内容全部脱离出来，在行内定义，在标题中定义，甚至作为外部样式文件供html页面调用。 Css规则 Css的特点 Css的类型 Css的基本语法： Css能做什么 Css样式表的基本用法： 怎样在html中插入样式表 应用到网页中 单位和值 重点 难点 重点：内联样式；嵌入式样式；外部样式表 难点：单位和值的定义 步骤 教学内容 教学方法 教学手段 学生活动 时间分配 复习/课程 引入 网页中的css 回答法； 演示法； 板书； 多媒体教学； 思考；回答问题； 5 知识 讲授 Css规则如下： 选择符{属性1：值1；属性2：值2；} Css的特点 Css的类型 自定义css样式；html样式；css选择器样式； Css的基本语法： 选择符{属性1：值1；属性2：值2；} Css的冲突 怎样使用css Css和html；css和xml Css能做什么 文本格式和颜色；图形外