还剩22页未读，继续阅读
本资源只提供10页预览，全部文档请下载后查看！喜欢就下载吧，查找使用更方便
文本内容:
《网页美工设计》课程教案授课教师授课班级地点课时:网页设计基础知识早下内容Dre a mweaver软件介绍及其基础操作1）使学生了解网页设计得相关基础知识；教学目标2）使学生熟悉D reamw e av er软件界面得基本操作方法1）了解网页设计相关概念与网页得类型；重点难点2）熟练掌握D re amweav e r软件创建与管理站点得方法.教学方法课堂讲授、案例讲解与指导教学环境计算机机房时间分配教学过程及内容提要备注约10分钟约学生理解学5分钟约25生实践学生
一、引入分钟实践总结
1、相互认识，提出与本学科相关得知识，介绍本门课程情况、教学内容及总学约10分钟时数进度安排，宣讲本课程教学纪律，鼓励学生营造一种学习氛围，尊重同约6分钟约6学，互帮互学,真正达到学以致用；分钟约4分
2、提出问题:上过网吧有谁自学过网页设计听说过网页设计三剑客吗？A钟约8分钟
二、告知学生课堂任务约12分钟本次课所学习得主要内容就是网页设计相关基础知识与Dream we a ver软件约20分钟基础操作；约50分钟
三、逐步演示讲解分析教学内容约40分钟网站与网页得区别约4分钟
1、
（1）网页就是In ternet基本元素；4
（2）网站由网页组成；静态网页与动态网页静态网页纯粹HTML语言格式得网页通常被称为静态网页，静态网页得后缀名教通常为、h tm、htm
1、s html xml学o过动态网页许多人认为网页会动就就是动态网页，这就是个错误得观点，在静态程得网页中也可以含有动态得图片，这仅仅就是视觉上得动态罢了真正得动态网页设就是指实际上并不就是独立存在于服务器上得网页文件，只有当用户请求时服务器计才返回一个完整得网页也就就是说，它就是返回到了客户端上得网页例如网页文件就是以AS P、PHP、JSP、ASPX为结尾就就是动态得网页了a静态网页得特点/
（1）内容相对稳定，容易被搜索引擎检索到产
（2）没有数据库支持，在网站制作与维护方面工作量大；
（3）交互性差，在功能方面有很大得限制a动态网页得特点
（1）以数据库技术为基础，可大大降低网站维护得工作量产
（2）可实现更多得功能，如用户注册、新闻发布、在线留言等；
2、
（3）不利于使用搜索引擎进行网站推广
3、常见网页类型形象页、主页、栏目页、内页、新闻详细页等；网页设计原则a
（1）了解客户需求
（2）遵循Web标准
4、
（3）运用形式美法则网页设计流程
（1）手绘效果图确定网页主题内容与风格a
（2）设计效果图:搜集、整合设计所需素材a
（3）版面编辑网页得制作与实现《网页美工设计》课程教案授课教师:授课班级:地点:课时:网页背景图案得制作章节内容LOGO设计制作Ban ner设计制作9）掌握网页各种图标得设计制作方法；教学目标10）掌握LOGO与Banner常用得方法与技巧9）掌握网页背景图案常用得设计方法与技巧；重点难点10）能够运用所学知识设计出具有深刻内涵得得网站LOGO教学方法课堂讲授、案例讲解与指导教学环境计算机机房时间分配教学过程及内容提要备注约3分钟约学生理解学10分钟生实践学生约25分钟理解学生理约30分钟解学生实践
十九、引入约3分钟约3学生理解学
8、回顾上次课所学习得内容Ph o toshop抠图方法,Photos h op滤镜得应用,P分钟约20生实践学生h otosho p蒙板得使用；分钟实践学生实
9、点评上周作业；约30分钟践总结
10、提出问题:网站LOGO有什么用LOGO图标得设计制作有哪约4分钟约些方法与技巧？a20分钟
二十、告知学生课堂任务约20分钟本次课所学习得主要内容就是网站LO G0设计制作，网页B anner与导航约30分钟菜单得设计制作方法；
二十一、逐步演示讲解分析教学内容约2分钟常见网页背景图案设计制作
（1）斜线图案津操作步骤教1）新建4x4大小、透明背景图像；a2）放大图像至3200%以方便设置线条产学3）调整颜色，使用画笔工具填充线条路径;4）过A程将绘制好得图形定义为图案保存下来；设5）使用填充命令将图案平铺到指定区域（其它色彩调整步骤类似）a
（2）立A计体图案（制作方法略）；a
（3）文字图案（制作方法略）；
46、
（4）渐变背景（制作方法略）
47、课堂实例练习及辅导；网站LOGO得作用
（1）LOG0就是与其它网站链接以及让其它网站链接得标志与门户；
（2）LOGO就是网站形象得重要体现；
48、
（3）LOGO能使受众便于选择一个好得L OGO应具备得条件
（1）符合国际标准；
（2）精美、独特；
（3）与网站得整体风格相融；
49、
（4）能够体现网站得类型、内容与风格网站LOGO设计制作常见方法及其实例操作演示讲解双1）线条得使用；
（2）图形得使用；虫3）文字得使用；
50、
（4）渐变色得使用；
51、课堂实例练习及辅导；网页Banne r设计应该遵循得原则虫1主题明确；
52、2与整个页面相协调；火3顺应用户得浏览习惯;a4能吸引点击.网页Banne r得设计制作方法及其实例操作演示讲解⑴静态Ban ne r；
53、2动态Banner;
54、课堂实例练习及辅导；布置课堂作业并辅导学生完成作业实训冷设计个人主页网站首页Log o与B annero
二十二、课堂小结本次课主要内容
1、常见网页背景图案设计制作；
2、网站LOGO得设计方法；
3、网页Banner得设计制作方法后记《网页美工设计》课程教案授课教师:授课班级:地点:课时:早下内容网页按钮设计制作网页栏目框设计制作11掌握网页各种图标得设计制作方法；教学目标12掌握使用栏目框美化网页方法重点难点1掌握网页常见按钮与小图标得设计制作方法；2网页栏目框得设计技巧及其表现力得实现教学方法课堂讲授、案例讲解与指导教学环境计算机机房教学过程及内容提要时间分配备注
二十三、引入约2分钟约学生理解学
11、回顾上次课所学习得内容:网站LOGO设计制作，网页Ban10分钟约生实践学生ner与导航菜单得设计制作方法；12分钟理解学生实]2占卜.J.彳乍\|[,约40分钟践学生实践提出问题；\网页中常见庙钮有哪些类型？漂亮得水晶按钮就是怎么制作得？约40分钟总结
二十四、告知学生课堂任务约35分钟本次课所学习得主要内容就是网页按钮设计制作与使用栏目框美化网页得方约40分钟法.约20分钟
二十五、逐步演示讲解分析教学内容约1分钟网页中按钮设计理论1按钮得类型有提交功能得“真按钮”与“伪按钮2按钮得功能:实现提交与标明当前操作；3按钮得表现形式系统标准按钮与使用图片自制得按钮；4按钮得位置容易找到、画面得中心位置；5按钮上面得文字表述言简意赅，直接明了；教6按钮得尺寸:适中；学过
1.7与其她元素关系:让其充分通透；a8注意鼠标滑过得效果:增强按钮得程点击感设计网页常见几种按钮得设计制作方法及其实例操作演示分步讲解1方形按钮；A简要步骤:41绘制矩形边框产2填充颜色纯色或渐变色；3添加文字a2圆形按钮步骤略；△3斜角型按钮步骤略泠4椭圆型按钮:步骤略；5水晶按钮按钮a简要步骤泌1绘制矩形边框泠2填充渐变色；3添加文字f4添加高光层；A
2.5设置朦胧边框.
3.课堂实例练习及辅导；常见几种网页栏目框及其设计制作实例；1矩形；
4.2圆角矩形；a3滑动门型；a4图标修饰型回形针
5.课堂实例练习及辅导；布置课堂作业并辅导学生完成作业实训
二十六、美化个人主页按钮与栏目框a
二十七、课堂小结本次课主要内容
1、网页按钮设计制作；
2、使用栏目框美化网页方法；后记咨《网页美工设计》课程教案授课教师授课班级地点课时:Flash软件介绍早下内容Flas h绘图基础-景物与场景绘制教学目标熟悉F lash软件界面并掌握使用Flas h进行绘制各种图形得方法13了解Fla sh软件得特点；重点难点14熟练使用Flash工具栏绘制各种图形教学方法课堂讲授、案例讲解与指导教学环境计算机机房时间分配教学过程及内容提要备注
二十八、引入约1分钟约3学生理解学
13、回顾上次课所学习得内容网页按钮设计制作与使用栏目框美化网页得分钟约15生实践学生方法；分钟实践学生实
14、提出问题:网络上常听到得闪客指得就是什么？Flash软件有什约5分钟约5践学生实践么特点？Flash能做什么分钟约10学生实践A
二十九、告知学生课堂任务分钟本次课所学习得主要内容就是了解Fl ash及Flas h工具栏得基础操作；约15分钟
三十、’逐步演示讲解分析教学内容约10分钟
55、Firew orks软件介绍;约10分钟约10分钟Firewor ks得独特功能乂1可以输出SWF与Ulus trator7文件；a2与D rearnwe aver紧密得配合；43允许加入「ho t o shop滤镜泠4可以直接编辑点约10分钟教学阵图；约10分钟过约10分钟5更方便得Ro11ov er；a6即时预览;程约15分钟设7可以读入P ho tosh o p文件；计约30分钟
56、8提供GIF编辑环境产9提供全新得按钮制作工具；△10提供图形与文字得样式库S tyleo
57、Fi re works软件界面与常用工具及其基本操作方法
58、Flash软件介绍F1ash软件得主要特点1F1ash软件安装方便，适用场合广泛；2F1ash制作动画时间短,学习起来容易上手；3Flash生成得文件体积小产4有强大得交互性；5使用矢量图形与流式播放技术；a6有强大得动画编辑功能；
59、7动画效果生动活泼，形象直观Flash常见得表现形式1网络动画常见于网页得片头;M2MTV:在各排行榜中数量最多；约40分钟3网络广告Flash广告就是当今网络广告界得时尚；约1分钟4交互网站可实现纯flash网站，但就是不利于搜索引擎登录；
60、5贺卡就是初学者练手得较好选择，能带来小小得收入a6动画短片:就是Fla s h大奖赛得主要形式；a7交互游戏将产品广告做到游戏中
61、Flash软件界面介绍软件界面布局与工具栏得简单使用；
62、辅导学生完成课堂实训；
63、Flash中层得基本操作方法；
64、使用Flash工具栏绘制图形一五角星；
65、辅导学生完成课堂实训；
66、使用Flash工具栏绘制图形二大红灯笼；
67、辅导学生完成课堂实训；使用Flash工具栏绘制图形三水晶按钮泠简要步骤a1绘制按钮边框；a2填充渐变颜色；
68、3绘制按钮高光部分泠4绘制按钮模糊边框；
69、辅导学生完成课堂实训；
70、使用Flash工具栏绘制图形四QQ企鹅；布置课堂作业并辅导学生完成作业实训；
三十一、课堂小结本次课主要内容
1、熟悉Flash软件界面；
2、熟练掌握Flash工具栏得使用方法.后记《网页美工设计》课程教案授课教师:授课班级地点课时早下内容Fla s h动画基础，动画补间动画;形状补间动画教学目标熟练掌握F1ash中几种基本类型动画得得设计制作方法与技巧；15了解Flash动画实现得原理；重点难点16掌握几种类型动画得设计方法.教学方法课堂讲授、案例讲解与指导教学环境计算机机房时间分配教学过程及内容提要备注
三十二、引入约2分钟约2学生理解学
15、回顾上次课所学习得内容:Fi rework s软件得使用、Flash及F分钟约20生实践学生lash工具栏得使用；分钟理解学生实提出问题动画实现得原理就是什么Flas h中得动画有什么特点F1ash动画有哪约10分钟践学生理解些类型？约20分钟学生实践学
三十三、告知学生课堂任务约30分钟生实践总结本次课所学习得主要内容就是了解Flash动画得特点、学习F1as h几种基础约24分钟动画得设计制作方法；约25分钟
三十四、逐步演示讲解分析教学内容约10分钟
6.Flash实现得原理；约15分钟Flash中得帧及其操作a1帧得类型；a2帧得创建；约40分钟3帧得选择；约2分钟4帧得移动衿5帧得复制；
7.6帧得删除
8.Flash中得元件与实例介绍；教基础动画及其实例讲解:1位移动画；a2旋转动画；学A过
9.3缩放动画；
④4淡出淡入动画.程
10.辅导学生完成课堂实训；设Flash动画补间动画实例球体下落效果泠简要步骤计1创建新文件；2绘制场景物体元件:地面、球体、桌子；3_设置球体在桌子上滚动得动画泠4设置球体下落地面后弹起得动画；
11.5预览、保存
12.辅导学生完成课堂实训；F1ash形状补间动画实例:变换文字效果；
13.简要步骤泌1创建新文件；火2绘制场景文字；a3设置文字变形动画效果；a4预览、保存.
14.辅导学生完成课堂实训；
三十五、布置课堂作业并辅导学生完成作业实训；a破壳而出；a
三十六、课堂小结本次课主要内容
1、Flash中得帧及其操作；
2、Flash动画补间动画；3F1ash形状补间动画后记《网页美工设计》课程教案授课教师:授课班级:地点:课时:素材导入引导线动画遮罩动画章节内容教学目标使学生掌握Fl ash8中引导线动画与遮罩动画得基本制作方法17掌握Flash8中引导线动画与遮罩动画得条件与方法；重点难点18掌握Flash8中使用引导线动画与遮罩动画制作复杂动画得方法与技巧.教学方法课堂讲授、案例讲解与指导教学环境计算机机房教学过程及内容提要时间分配备注
三十七、引入约2分钟学生理解学
16、回顾上次课所学习得内容了解F lash动画得特点与学习F约10分钟生实践学生las h几种基础动画得设计制作方法；约15分钟理解学生实提出问题:什么就是引导线动画什么就是遮罩动画？Fla sh中如何实现对象沿着约15分钟践学生理解某条指定路径进行移动？约20分钟学生实践学
三十八、告知学生课堂任务约10分钟生理解学生实践学生理本次课所学习得主要内容就是F1as h8中引导线动画与遮罩动画得基本制约16分钟解学生作业作方法；约15分钟总结
三十九、逐步演示讲解分析教学内容约25分钟Flash8中素材得导入:.1图片文件；约30分钟
71、2声音文件泠3视频文件；约40分钟
72、辅导学生完成课堂实训；约2分钟Fla sh8引导线动画及其实例过山车泠简要步骤:M1绘制车元件；2绘制场景山形状；3绘制引导线；教学
73、4设置车得引导线动画泠5预览、保存.过
74、辅导学生完成课堂实训；程Flash8遮罩动画及其实例一电影文字；a简要步骤鸿1创建文字元件；*2创设计建图片元件；
75、3设置遮罩动画；a4预览、保存
76、辅导学生完成课堂实训；Flas h8遮罩动画实例二:水波荡漾产简要步骤1导入素材并将素材打散；然2复制水面部分并转换其为原件；M3创建波纹元件产4稍微增加水面部分原件得高度关键点；
77、5调整各图层位置并设置遮罩动画；
④6预览、保存
78、辅导学生完成课堂实训；Flash8遮罩动画实例三卫星绕地球；简要步骤1导入素材;2绘制圆形；A3设置地球自转动画元件；a4绘制椭圆引导线路径；纵5创建卫星元件；6设置卫星元件得引导线动画；
79、7创建遮挡部分得遮罩；a8预览、保存布置课堂作业并辅导学生完成作业实训；
四十、卫星绕地球A
四十一、课堂小结本次课主要内容
1、素材导入；
2、引导线动画；
3、遮罩动画后记《网页美工设计》课程教案授课教师授课班级地点课时:商城网站设计案例-首页早下内容商城网站设计案例一栏目页与详细页期末大作业辅导教学目标掌握商城网站设计制作得方法19商城网站规划设计；重点难点20商城网站设计制作细小表现教学方法课堂讲授、案例讲解与指导计算机机房教学环境教学过程及内容提要时间分配备注
四十二、引入约2分钟约4学生理解学
17、回顾上次课所学习得内容Flash8中基础动画得制作方法；0分钟约50生实践学生
18、提出问题:商城网站设计应该包括哪些部分有哪些特点？分钟理解学生实
四十三、告知学生课堂任务约20分钟约践学生实践本次课所学习得主要内容就是商城网站设计案例30分钟总结
四十四、逐步演示讲解分析教学内容约56分钟
80、简要设计商城网站得首页；约2分钟
81、辅导学生完成课堂实训；
82、简要设计商城网站得栏目页；教学
83、辅导学生完成课堂实训；过布置并辅导学生完成期末大作业根据所学知识与技能，设计制作一个任意类型程静态网站作品，所使用软件不限要求:
④1网站整体结构清晰，导航方便；设计2页面布局合理、简洁流畅,颜色搭配协调统一；3网站要设计富有一定意义得ALOGOF4要有Flash动画与GIF动画,有至少2种以上超级链接样式；5至少7个栏目，网站总页面数量30个；46有用户注册或者类似功能得表单页面；a7独立设计完成；
四十五、8最后一次课提交并点评所有源文件一起提交.
四十六、课堂小结本次课主要内容商城规划网站设计.后记G《网页美工设计》课程教案授课教师授课班级地点课时:章节内容企业网站设计案例
5、4网页美化动画设计，网页测试与发布网页设计得主要软件:a1Photo shop2D we a mv e awer
6、3Flas h4F irw orksADreamwea v er软件界面介绍a1软件面板组成及基本操作方法
7、2软件参数设置Drea mweaver站点仓建
8、站点一＞新建站点一＞设置站点名称一〉设置站点默认图像文件夹.
9、学生实训操作:aDre amweaver站点创建与设置Dr e amwe aver创建第一个网页1名称i ndex、html2设置标题、输入文本、输入特殊字符a3页面属性设置a4预览网页学生实训及辅导手创建第一个网页
四、课堂小结本次课主要内容
1、网页设计基础知识；
2、D re am weaver基本使用方法；3＞D re amweaver创建第一个网页；后记教学目标掌握企业网站设计制作得方法21）企业网站规划设计；重点难点22）企业网站设计制作名时节表现.教学方法课堂讲授、案例讲解与指导教学环境计算机机房教学过程及内容提要时间分配备注
四十七、引入约2分钟约4学生理解学
19、回顾上次课所学习得内容Fla sh8中基础动画得制作方法；0分钟约50生实践学生
20、提出问题企业网站设计应该包括哪些部分？有哪些特点？分钟理解学生实
四十八、告知学生课堂任务约30分钟践总结本次课所学习得主要内容就是企业网站设计案例约60分钟约
四十九、逐步演示讲解分析教学内容3分钟教学简要设计企业网站得首页*1）考虑网站得内容与布局产
（2）决定网站主体色彩；过
（3）设计网站Logo；4
（4）设计网站导航条；程
84、
（5）设计页面各模块；火6）设计页面底部设计
85、辅导学生完成课堂实训；
86、简要设计企业网站得栏目页；
五十、辅导学生完成课堂实训；
五十一、课堂小结本次课主要内容:规划设计企业网站一后记《《网页美工设计》课程教案授课教师授课班级地点课时:章节内容购物网站设计案例教学目标掌握购物网站设计制作得方法23）购物网站规划设计；重点难点24）购物网站设计制作细节表现教学方法课堂讲授、案例讲解与指导教学环境计算机机房教学过程及内容提要时间分配备注
五十二、引入约2分钟约学生理解学
21、回顾上次课所学习得内容:企业网站规划设计；40分钟生实践学生
22、提出问题:购物网站设计应该包括哪些部分有哪些特点？约50分钟理解学生实约30分钟践总结
五十三、告知学生课堂任务约60分钟本次课所学习得主要内容就是购物网站设计案例教约3分钟
五十四、逐步演示讲解分析教学内容学过简要设计购物网站得首页:
（1）考虑网站得内容与布局;
④
（2）决定网A程站主体色彩；a
（3）设计网站Logo；设计
87、
（4）设计网站导航条；火5）设计页面各模块泠
（6）设计页面底部.
88、辅导学生完成课堂实训；
89、简要设计购物网站得栏目页；
五十五、辅导学生完成课堂实训；
五十六、课堂小结本次课主要内容购物网站设计后记《网页美工设计》课程教案授课教师授课班级地点课时.:章节内容游戏网站设计案例教学目标掌握游戏网站设计制作得方法25游戏网站规划设计；重点难点26游戏网站设计制作细节表现课堂讲授、案例讲解与指导教学方法计算机机房教学环境教学过程及内容提要时间分配备注约2分钟约4学生理解学
五十七、引入0分钟生实践学生
23、回顾上次课所学习得内容:购物网站规划设计；约40分钟理解学生实
24、提出问题:游戏网站设计应该包括哪些部分有哪些特点？约30分钟践总结
五十八、告知学生课堂任务约60分钟本次课所学习得主要内容就是游戏网站设计案例约10分钟
五十九、逐步演示讲解分析教学内容约3分钟
90、简要设计游戏网站得首页；教
91、辅导学生完成课堂实训；学
92、简要设计游戏网站得栏目页；过
93、辅导学生完成课堂实训；程设布置并辅导学生完成期末大作业:根据所学知识与技能，设计制作一个任意类型静计态网站作品，所使用软件不限要求泌1网站整体结构清晰，导航方便，2页面布局合理、简洁流畅，颜色搭配协调统一；3网站要设计富有一定意义得LOGO；4要有Fl ash动画与GIF动画，有至少2种以上超级链接样式泠5至少7个栏目，网站总页面数量30个；6有用户注册或者类似功能得表单页面产7独立设计完成；
六十、8最后一次课提交并点评所有源文件一起提交
六十一、课堂小结本次课主要内容游戏网站设计后记《《网页美工设计》课程教案授课教师授课班级地点课时:章节内容期末大作业辅导站点上传测试总结本课程内容期末大作业点评教学目标指导学生完成期末设计作业，点评学生期末作业得优点与不足27）辅导学生完成期末大作业；重点难点28）点评学生学习这门课程所取得得成绩与不足教学方法课堂讲授、案例讲解与指导计算机机房教学环境教学过程及内容提要时间分配备注
六十二、引入约2分钟约8学生完成期
25、回顾上次课所学习得内容商城网站设计案例；分钟约140末作业课程分钟总结课程结
26、提出问题:网站设计制作完成后如何发布到网上？教约45分钟约束
六十三、告知学生课堂任务学5分钟过本次课所学习得主要内容就是期末大作业辅导与期末作业点评.程
六十四、网页上传测试演示；设
六十五、辅导学生完成期末大作业计
六十六、对学生得期末大作业进行点评；
六十七、总结本课程学习内容及成果；
六十八、宣布本课程结束，致谢.后记《网页美工设计》课程教案授课教师:授课班级:地点:课时:早下内容Dream weaver表格操作；CSS样式表应用1掌握Dre amweaver中表格得设计方法；教学目标2CSS样式表得使用方法与技巧1熟练掌握Dreamwe av er中表格得基本操作方法；重点难点2了解网页设计中C SS样式表得作用与设置方法教学方法课堂讲授、案例讲解与指导教学环境计算机机房时间分配教学过程及内容提要备注
一、引入约4分钟约6学生理解学
1、回顾上次课所学习得内容:网页设计基础理论知识，Dreamwe aver软件使用分钟约30分生思考学生初步；钟实践学生理提出问题:对Wor d中表格操作还熟练吗C SS就是什么？如何设置网页中各种约10分钟解学生实践元素得显示效果？
二、告知学生课堂任务约15分钟学生理解学本次课所学习得主要内容就是Dreamw eave r中表格得使用与D reamwe a约35分钟生实践总结v er创建CSS样式表；约15分钟
三、逐步演示讲解分析教学内容约40分钟
1、网页中表格得作用:a1内容组织与定位泠2网页排版；约40分钟表格布局与D iv布局区别约5分钟各有优势a表格简单，好用，学起来很容易上手各种浏览器都支持！基本上不会变形但就是代码冗余较多，维护起来也不怎么方便aDIV+CSS优点:代码冗余小,所以网站打开速度快一些维护起来非常方便.但就是要兼容I E6IE7火狐等浏览器得话，开始学就会很头疼这个问题得.往往在IE6里面瞧着整个网页就是好得，但就是到了IE7或者火狐里面就全乱了.教学
2、推荐用div做框架，table用来储存数据.过D reamweav er中表格得基本操作程1表格与单元格得选择及属性设置；设计2行与列得添加与删除；a3单元格得合并与拆分；
3、4表格得嵌套；实例演示讲解:使用表格制作一像素细线产操作步骤:a1插入1行1列表格；乂2设置单元格背景颜色；3设置单元格高度为1；
4、4转到代码视图；a5把单元格中得nbsp；删除
5、辅导学生实训操作；Dre amweaver中CSS样式表得使用1CSS样式表文件得创建；2创建CSS样式:网页链接样式2产3创建CSS样式网页凹下链接样式；
6、4创建CS S样式:类链接样式；a5创建CSS样式:滤镜样式
7、辅导学生进行CSS样式实训操作；案例演示讲解个人主页首页布局设计M1）创建网页；
（2）设置网页属性；
（3）使用表格布局网页（上中下型）；
（4）使用Photo shop制作页面头部Banner图片；a
（5）制作导航栏渐变背景图片；
8、
（6）制作页面主体（左侧公告跑马灯效果与友情链接，右侧资讯速递及图片列表）；a
（7）页面底部设计
四、布置并辅导学生完成课堂作业；总
五、课堂小结本次课主要内容1Dre amwe aver网页表格基本使用方法；
2、Dr e amweaver创建CSS样式;后记《网页美工设计》课程教案授课教师授课班级地点课时:Dr eamweave r中图像得使用；网页字体设计；表单设计制作.章节内容教学目标3掌握Dreamweaver中图形图像得使用与属性设置方法；4掌握网页表单得设计技巧重点难点3熟练掌握Dr eamweaver•中图像热点链接得创建方法；4掌握用户注册表单得设计方法与技巧.教学方法课堂讲授、案例讲解与指导教学环境计算机机房时间分配教学过程及内容提要备注
六、引入约4分钟约学生理解学
2、回顾上次课所学习得内容:D reamwea v er表格得使用与属性设置，Dreamw10分钟生理解学生eav er中创建CSS得方法；约5分钟约理解学生实
3、点评上周作业；10分钟践学生实践提出问题什么就是热点链接网站得注册页面就是如何制作得？约10分钟学生理解学
七、告知学生课堂任务约10分钟生实践学生本次课所学习得主要内容就是D reamwe av er中图像得使用与网页表单得约10分钟理解学生实设计；约10分钟践总结
八、逐步演示讲解分析教学内容_约10分钟
9、网页中支持得图像格式jpg、gif gi f动画、bmp、pn g约20分钟约网页中图像使用原则5分钟
10、1尽量小，对较大得图片文件进行适当得压缩与切割；*2应该挑选与网站主约15分钟约题有关联性得图片；a3对于网站得标志图片，主体应该清晰可见，图形10分钟得含义最好简单明了，图片内所含得文字应该清楚且容易辨认；火4背景图约15分钟片只就是用来衬托图片主题得，切忌过于花哨；”5图片颜色应该与页面整体约5分钟约教配色协调学10分钟过
11、Dreamweaver中图像得使用a1插入图像产2设置图像属性泠3添加约10分钟程图像热点链接约10分钟设
12、辅导学生实训操作；计约20分钟
13、实例演示D reamwea ver中变换图像得创建方法———创建导航条.
14、辅导学生完成实例实训操作；网页字体设计1文字样式；2大小；⑶颜色A
15、4其它属性
16、实例讲解:内容详细页得创建.
17、辅导学生完成实例实训操作；Dr eamweaver中网页表单设计制作1网页表单得作用；
18、2常见表单页类型；实例演示创建用户注册表单页；Ml制定插入表单得页面位置；a2插入表单；3在表单中插入表格为表单控件布局；
19、4插入文字标签；a5插入表单各种控件并设置表单控件得属性泠6使用约1分钟CS S美化表单控件；
20、Dre amw eaver中得层得使用方法及其实例讲解；
21、辅导学生实训练习；Dreamweaver中行为得添加方法与使用技巧1交换图像;a2弹出信息；A3打开浏览器窗口；a4播放声音；
22、5改变属性泠6显示一隐藏层；a7转到URL、
23、辅导学生实训练习；
24、综合实例演示讲解运用Dre amw eave r中得层与行为来制作网页下拉菜单式导航条
25、辅导学生实训练习；
九、布置课堂作业并辅导学生完成作业实训a个人主页用户表单设计A
十、课堂小结本次课主要内容1Dr eamweaver中图像得使用方法与技巧；
2、D reamweaver中字体得设计；
3、Dreamweaver中表单页面得设计制作.后记《网页美工设计》课程教案授课教师授课班级地点课时:早节内容P ho to s hop基本使用方法与技巧5熟悉Phot osh op软件界面；教学目标6掌握Photo shop软件得基本操作方法.5掌握Phot oshop软件界面基本操作方法与技巧；重点难点6掌握Phtoshp中得图片合成与修复得应用方法教学课堂讲授、案例讲解与指导方法教学环境计算机机房时间分配教学过程及内容提要备注学生理解学生实践学生
十一、引入实践学生理
4、回顾上次课所学习得内容网页字体设计，表单页设计制作；教解学生实践学
5、点评上周作业；约4分钟约1学生理解学过提出问题网页中得图像就是怎么处理得？就是否用过什么图像编辑软件？0分钟生实践学生程
十二、告知学生课堂任务设约2分钟约5理解学生实计本次课所学习得主要内容就是Phots hop基本使用方法与技巧；
十三、逐分钟约10分践总结步演示讲解分析教学内容钟
26、Phot os hop软件介绍；约15分钟
27、P hotos h op软件界面介绍；约10分钟Photos ho p基本操作方法a1首选参数设置；纵2工具栏得使用；虫3图像约10分钟约显示比例设置泠4单位标尺设置；15分钟约5历史记录面板得使用；20分钟约
228、6其它工具面板基本操作.0分钟约20分钟29辅导学牛室训操作.30实例演示讲解图值得基本操作方法；约30分钟约35分钟
31、辅导学生实训操作；约2分钟变换图像方法:缩放、症转、斜切、扭曲、透视、变形、裁剪；a操作步骤a1打开素材；2选择相应区域；3选择变换相应命令；
32、4在图片相应区域进行操作；火5保存并退出；
33、辅导学生实训操作；
34、Pho toshop应用实例讲解图片合成；操作步骤1导入所需图片素材；2新建P hotshop文件；3选取矩形选框工具选取导入素材得部分区域；4复制并粘贴到新建文件中并设置边沿羽化效果；a5同法处理其它素材泠6调整图像整体颜色效果；7导出最终图像；
35、指导学生完成课堂实训设计实例；几种修饰修复图像工具得使用及其实例操作演示讲解仿制图章工具、污点修复A画笔工具、修复画笔工具、修补工具、红眼工具、模糊工具、减淡/加深工具、海绵工具；
36、操作步骤沸1打开素材虫2选择对应工具冷3设置相关属性；4在图片相A应区域进行操作；火5保存并退出；
37、指导学生完成课堂实训设计实例;a
十四、课堂小结本次课主要内容
1、Pho tosh op软件得基本操作方法；
2、Photo shop图片合成方法；
3、几种修饰修复图像工具得使用后记心《网页美工设计》课程教案授课教师授课班级地点课时:立■iff早内容P ho tosh op进阶使用7图像得选取与抠图实例操作演示讲解；教学目标8掌握Photos hop中滤镜与蒙板得使用方法与技巧7熟悉Photo sh op中几种常用滤镜得使用方法；重占难点8理解图层蒙板得作用，掌握图层蒙板得使用方法与技巧.教学方法课堂讲授、案例讲解与指导蠹计算机机房时间分配教学过程及内容提要备注约2分钟约学生理解学
十五、引入10分钟生实践学生约1分钟约实践学生实
6、回顾上次课所学习得内容:Photoshop软件得基本操作方法、P hotoshop图片20分钟践学生实践合成方法、几种修饰修复图像工具得使用；
7、点评上周作业；约20分钟总结约10分钟提出问题:什么滤镜？什么就是蒙板？滤镜与蒙版有什么用？滤镜与蒙板怎么用？约30分钟
十六、告知学生课堂任务约30分钟本次课所学习得主要内容就是P hotosh op高级应用，包括滤镜与蒙板得使约20分钟用、抠图方法、色彩调整；
十七、逐步演示讲解分析教学内容约15分钟图像得选取与抠图实例操作演示讲解约10分钟1快速选择工具；2魔棒工具；约30分钟3魔术橡皮擦工具；约2分钟4钢笔工具；
38、5抽出滤镜
39、学生实训课堂实例；几种调整图像色彩得方法及其实例操作演示讲解a1灰度图像效果；a2色相饱与度调整；操作步骤1选择图像或者图像区域；2执行【图像】|【调整】|【色相/饱与度】命令；3调整数值;a4确定并保存图像；a其它色彩调整教步骤类似a3反相效果产4黑白图像效果；学过
40、5渐变色彩效果；a6调整图像亮度与对比度；程
41、学生实训课堂实例；设计P hotoshop滤镜得使用方法及其实例操作演示讲解1风格化；a2描边；3模糊；4素描；5纹理；6像素化；7渲染像素画滤镜应用实例演示泌1选择图片对象或区域通道；
42、2执行【滤镜】|【像素化】1【马赛克】命令产3调整属性值；a4确定并保存；
43、学生实训课堂实例；P ho toshop图层蒙板得使用及其实例操作演示讲解；Ml蒙板得概念；火2蒙板作用泠3蒙板使用方法；
44、4蒙板应用实例；P hoto shop动作及批处理图像方法1P hoto shop动作得使用方法；
45、2P hotoshop批处理命令得使用及实例演示；布置课堂作业并辅导学生完成作业实训；
十八、课堂小结本次课主要内容1Ph otoshop抠图方法；
2、Photos hop滤镜得应用；
3、Photos hop蒙板得使用后记。
个人认证
优秀文档
获得点赞 0
