文档介绍：《网页页面设计》教案
教学对象:
教学总学时:
主讲教师:
主讲教师单位:
时间: 年月日
概要
本门课程的教学目标和要求:通过教学训练,使学生的设计能力、软件应用能力及实际操作能力得到深入的提高。通过理论讲解与实例分析,学生可熟悉网页页面设计与制作的相关知识;通过应用训练,学生可掌握相关软件,并逐步培养学生的创造能力;通过综合训练,学生可以将理论知识应用于实践,并逐步提高学生的设计能力。
学生在完成本课程学习后,应达到如下要求:
(1)正确理解网页页面的含义。
(2)掌握网页页面设计的基本知识和基本规律。
(3)熟悉网页页面设计的方法。
(4)能够将理论与实践相结合,独立完成网页页面设计与制作。
教学要点:不同类型的网页页面设计。
教学重点及难点:综合运用平面制图软件进行网页页面的设计与制作。
教学方法:先课堂讲授,掌握一定基础知识,然后进行实例教学,启发创作,在课堂形成教学互动;最后创作练习,培养学以致用,实战能力。
教学总时数:56学时
教学参考书:《网页页面设计与制作》
目录
课题一网页概述
课题二网页设计视听元素
课题三交互式视觉元素
课题四网页版面设计
课题五网页配色
课题六 PS网页切图
教案首页
班级
授课时间
年月日
课次
时数
课
题
课题一网页概述
教
学
目
的
通过本堂课的学习,使学生了解什么是网页页面设计,网页页面的规格、网页页面版面以及相关设计软件等。
授
课
提
要
1、网站与网页
2、网页设计相关软件
3、网站的类型
4、网页的类型和规格
5、网页页面划分
重
点
1、网页的类型和规格
2、网页页面划分
难
点
1、网页的类型和规格
2、网页页面划分
教
具
案例、教材、多媒体
作
业
通过对网页页面设计的学
课题一网页概述
具体授课内容:
网站设计是一个系统的软件应用工程,工作内容千头万绪,涉及到项目管理、页面设计,程序设计,网站测试,资料收集、文档编辑等方面工作,它需要不同的人员分工合作才能完成。只有建立和实施规范的网站设计流程,有效整合各方面的工作内容,才能高效有序地开展网站设计工作,最终顺利地实现网站开发的目标。
通过本堂课的学习,使学生了解什么是网页页面设计,网页页面的规格、网页页面版面以及相关设计软件等。
概念分解:
一、网站与网页
1、网站:为了更好的推广企业、机构、活动等整体形象,利用互联网技术(数字技术)实现的超链接网络信息查询的多个页面。
2、网页:网站中,用来提供相关信息的单一页面。
3、网站与网页的区别:浏览器窗口中显示的单一页面,是网页。而多个可以实现超链接的页面统称为网站。
知识要点:
二、网页设计相关软件
1、网页编辑软件
Dreamweaver是 Macromedia Studio的一部分,Macromedia Studio是包括 Flash、Fireworks、Contribute 和 FlashPaper 的集成套件。
2、图形图像软件
(1)Adobe Photoshop和ImageReady
Photoshop是数字专业图像编辑领域内使用最普及的软件,它提供高效的图像编辑、处理以及文件处理功能,与其他软件的兼容性强,支持各种主流图像格式。
(2)Fireworks
Fireworks是专业的网页图片编辑工具,它与Dreamweaver软件的融合度很高,可以制作专门针对网页优化的各种元素或效果,如导航条、切片、GIF动画等。
(3)CorelDRAW
CorelDRAW也是一款专业的矢量绘图软件,功能丰富、接口开放性好,自带许多工具,可以将位图图像转换为矢量图形,其最新的版本在图片编辑方面增加了许多新的特性、新的学习工具,在插画和页面布局方面也进行了加强。
(4)Adobe Illustrator
Adobe Illustrator是一个矢量绘图软件,在Microsoft Windows平台和Apple Macintosh平台上都能良好地运行。通过它我们可以创建复杂的艺术作品,技术图解,用于打印的图形和页面设计图样,多媒体以及 Web。 Illustrator 有强大的图形处理功能,提供了广泛的强大绘图和着色工具,支持所有主要的图形图像格式。
3、网页动画软件
(1)FLASH
FLASH是一款功能强大的动画制作软件,利用它,我们能制作出具有一流动画效果的FLASH影片。
(2)KoolMoves Flash Editor
KoolMoves 是一个网站动画制作软件,它能够制作 Flash电影以及其他与动画相关的素材。该软件还能够制作动画