还剩42页未读,继续阅读
本资源只提供10页预览,全部文档请下载后查看!喜欢就下载吧,查找使用更方便
文本内容:
《网页美工设计》课程教案授课教师授课班级地点课时:章节网页设计基础知识内容Dreamweaver软件介绍及其基础操作教学1)使学生了解网页设计的相关基础知识;目标2)使学生熟悉Dreamweaver软件界面的基本操作方法重点1)了解网页设计相关概念和网页的类型;难点2)熟练掌握Dreamweaver软件创建和管理站点的方法教学课堂讲授、案例讲解及指导方法教学计算机机房环境时间教学过程及内容提要备闻分配、引入约
101、相互认识,提出及本学科相关的知识,介绍本门课程教分钟情况、教学内容及总学时数进度安排,宣讲本课程学教学纪律,鼓励学生营造一种学习氛围,尊重同学,过互帮互学,真正达到学以致用;程
2、提出问题:上过网吧?有谁自学过网页设计?听说设学生理过网页设计三剑客吗?计解二告知学生课堂任务约5分、授课教师:授课班级:地点:课时:Dreamweaver中图像的使用;章节网页字体设计;内容表单设计制作教学3)掌握Dreamweaver中图形图像的使用和属性设置方法;目标4)掌握网页表单的设计技巧重点3)熟练掌握Dreamweaver中图像热点链接的创建方法;难点4)掌握用户注册表单的设计方法和技巧教学课堂讲授、案例讲解及指导方法教学计算机机房环境时间教学过程及内容提要备闻分配
六、引入约4分教
3、回顾上次课所学习的内容Dreamweaver表格钟学的使用和属性设置,Dreamweaver中创建CSS的方过约10法;程分钟
4、点评上周作业;设
5、提出问题什么是热点链接?网站的注册页面是计学生理如何制作的?解
七、告知学生课堂任务学生理本次课所学习的主要内容是Dreamweaver中图像解约5分的使用和网页表单的设计;钟
八、逐步演示讲解分析教学内容
9、网页中支持的图像格式jpg、gif、gif动画、学生理bmp png解
10、网页中图像使用原则约10分1尽量小,对较大的图片文件进行适当的压缩和钟学生实切割;践2应该挑选及网站主题有关联性的图片;3对于网站的标志图片,主体应该清晰可见,图形约10分学生实的含义最好简单明了,图片内所含的文字应该清楚钟约10践且容易辨认;分钟约学生理4背景图片只是用来衬托图片主题的,切忌过于10分钟解花哨;约10分5图片颜色应该及页面整体配色协调钟
11、Dreamweaver中图像的使用学生实1插入图像;践2设置图像属性;约10分学生理3添加图像热点链接钟约20解
12、辅导学生实训操作;
13、实例演示Dreamweaver中变换图像的创建方法--创建导航条分钟
14、辅导学生完成实例实训操作;约5分钟
15、网页字体设计1文字样式;学生实2大小;约15践3颜色分钟4其它属性
16、实例讲解内容详细页的创建
17、辅导学生完成实例实训操作;18Dreamweaver中网页表单设计制作约101网页表单的作用;分钟2常见表单页类型;约
1519、实例演示创建用户注册表单页;分钟1制定插入表单的页面位置;约5分总结2插入表单;钟3在表单中插入表格为表单控件布局;4插入文字标签;5插入表单各种控件并设置表单控件的属性;6使用CSS美化表单控件;约
1020、Dreamweaver中的层的使用方法及其实例讲解;分钟
21、辅导学生实训练习;约
1022、Dreamweaver中行为的添加方法和使用技巧分钟1交换图像;2弹出信息;约10分3打开浏览器窗口;钟4播放声音;约20分5改变属性;钟6显示-隐藏层;7转到URL.约1分
23、辅导学生实训练习;钟
24、综合实例演示讲解运用Dreamweaver中的层和行为来制作网页下拉菜单式导航条
25、辅导学生实训练习;
九、布置课堂作业并辅导学生完成作业实训个人主页用户表单设计
十、课堂小结本次课主要内容
1、Dreamweaver中图像的使用方法和技巧;
2、Dreamweaver中字体的设计;
3、Dreamweaver中表单页面的设计制作后记《网页美工设计》课程教案授课教师授课班级地点课时:Photoshop基本使用方法和技巧章节内容教学5)熟悉Photoshop软件界面;目标6)掌握Photoshop软件的基本操作方法重点5)掌握Photoshop软件界面基本操作方法和技巧;难点6)掌握Photoshop中的图片合成和修复的应用方法教学课堂讲授、案例讲解及指导方法教学计算机机房环境时间教学过程及内容提要备前分配
十一、引入约4分
6、回顾上次课所学习的内容网页字体设计,表钟教单页设计制作;约10学
7、点评上周作业;分钟过
8、提出问题网页中的图像是怎么处理的?是否程用过什么图像编辑软件?学生理设解
十二、告知学生课堂任务计本次课所学习的主要内容是Photoshop基本使用方法和技巧;约2分钟
十三、逐步演示讲解分析教学内容约5分
26、Photoshop软件介绍;学生实钟
27、Photoshop软件界面介绍;践约
1028、Photoshop基本操作方法分钟学生实1首选参数设置;践2工具栏的使用;学生理3图像显示比例设置;解4单位标尺设置;约15分钟5历史记录面板的使用;约106其它工具面板基本操作分钟
29、辅导学生实训操作;学生实约
103、实例演示讲解图层的基本操作方法;践分钟学生理
31、辅导学生实训操作;约15解
32、变换图像方法缩放、旋转、斜切、扭曲、透分钟视、变形、裁剪;操作步骤1打开素材;2选择相应区域;约20学生实3选择变换相应命令;分钟践4在图片相应区域进行操作;约20学生理5保存并退出;分钟解
33、辅导学生实训操作;操作步骤1导入所需图片素材;2新建Photoshop文件;约20学生实3选取矩形选框工具选取导入素材的部分区分钟践域;约304复制并粘贴到新建文件中并设置边沿羽化效总结分钟果;5同法处理其它素材;6调整图像整体颜色效果;7导出最终图像;
35、指导学生完成课堂实训设计实例;约
3536、几种修饰修复图像工具的使用及其实例操作演分钟示讲解仿制图章工具、污点修复画笔工具、修复画笔工具、约2分修补工具、红眼工具、模糊工具、减淡/加深工具、钟海绵工具;操作步骤1打开素材;2选择对应工具;3设置相关属性;4在图片相应区域进行操作;5保存并退出;
37、指导学生完成课堂实训设计实例;
十四、课堂小结本次课主要内容
1、Photoshop软件的基本操作方法;
2、Photoshop图片合成方法;
3、几种修饰修复图像工具的使用后记《网页美工设计》课程教案授课教师授课班级地点课时:章节Photoshop进阶使用内容教学7)图像的选取和抠图实例操作演示讲解;目标8)掌握Photoshop中滤镜和蒙板的使用方法和技巧重点7)熟悉Photoshop中几种常用滤镜的使用方法;难点8)理解图层蒙板的作用,掌握图层蒙板的使用方法和技巧教学课堂讲授、案例讲解及指导方法教学计算机机房环境时间教学过程及内容提要备用分配约2分
十五、引入钟
9、回顾上次课所学习的内容Photoshop软件的基教本操作方法、Photoshop图片合成方法、几种修饰学约10修复图像工具的使用;过分钟
10、点评上周作业;程
11、提出问题什么滤镜?什么是蒙板滤镜和蒙版设有什么用?滤镜和蒙板怎么用?计约1分学生理
十六、告知学生课堂任务钟解本次课所学习的主要内容是Photoshop高级应用,包括滤镜和蒙板的使用、抠图方法、色彩调整;学生实
十七、逐步演示讲解分析教学内容约20分践
38、图像的选取和抠图实例操作演示讲解钟1快速选择工具;2魔棒工具;3魔术橡皮擦工具;约20分4钢笔工具;钟5抽出滤镜约10分
39、学生实训课堂实例;钟学生实
40、几种调整图像色彩的方法及其实例操作演示讲践解1灰度图像效果;2色相饱和度调整;操作步骤1选择图像或者图像区域;2执行【图像】【调整】【色相/饱和度】约30分命令;钟约303调整数值;学生实分钟4确定并保存图像;践其它色彩调整步骤类似3反相效果;钟本次课所学习的主要内容是网页设计相关基础知识和Dreamweaver软件基础操作;约25
三、逐步演示讲解分析教学内容分钟
1、网站和网页的区别1网页是Internet基本元素;2网站由网页组成;
2、静态网页和动态网页静态网页纯粹HTML语言格式的网页通常被称为静态网页,静态网页的后缀名通常为.htm、.html.shtml、.xmlo动态网页许多人认为网页会动就是动态网页,这是个错误的观点,在静态的网页中也可以含有动态的图约10片,这仅仅是视觉上的动态罢了真正的动态网页是分钟指实际上并不是独立存在于服务器上的网页文件,只约6分有当用户请求时服务器才返回一个完整的网页也就钟是说,它是返回到了客户端上的网页例如网页文件是以ASP、PHP、JSP、ASPX为结尾就是动态的网页了静态网页的特点约6分1内容相对稳定,容易被搜索引擎检索到;钟学生实2没有数据库支持,在网站制作和维护方面工作量大;4黑白图像效果;5渐变色彩效果;6调整图像亮度和对比度;学生实
41、学生实训课堂实例;践
42、Photoshop滤镜的使用方法及其实例操作演示约20总结讲解分钟1风格化;约152描边分钟3模糊;4素描;5纹理约106像素化;分钟7渲染像素画滤镜应用实例演示约301选择图片对象或区域通道;分钟2执行【滤镜】【像素化】【马赛克】命令;约2分3调整属性值;钟4确定并保存;
43、学生实训课堂实例;
44、Photoshop图层蒙板的使用及其实例操作演示讲解;1蒙板的概念;3蒙板使用方法;4蒙板应用实例;
45、Photoshop动作及批处理图像方法1Photoshop动作的使用方法;2Photoshop批处理命令的使用及实例演示;
十八、布置课堂作业并辅导学生完成作业实训;
十九、课堂小结本次课主要内容
1、Photoshop抠图方法;
2、Photoshop滤镜的应用;
3、Photoshop蒙板的使用授课教师:授课班级:地点:课时:网页背景图案的制作章节LOGO设计制作内容Banner设计制作教学9)掌握网页各种图标的设计制作方法;目标10)掌握LOGO和Banner常用的方法和技巧重点9)掌握网页背景图案常用的设计方法和技巧;难点10)能够运用所学知识设计出具有深刻内涵的的网站LOGOo教学课堂讲授、案例讲解及指导方法教学计算机机房环境时间教学过程及内容提要备闻分配
二十、引入约3分教
12、回顾上次课所学习的内容Photoshop抠图方钟学法,Photoshop滤镜的应用,Photoshop蒙板的使过用;约10程
13、点评上周作业;分钟设
14、提出问题网站LOGO有什么用?LOGO图标的计设训必乍有哪些方法和技巧?学生理解
二十一、告知学生课堂任务约25本次课所学习的主要内容是网站LOGO设计制作,分钟网页Banner和导航菜单的设计制作方法;二十二逐步演示讲解分析教学内容
46、常见网页背景图案设计制作
(1)斜线图案操作步骤学生实约301)新建4X4大小、透明背景图像;践分钟2)放大图像至3200%以方便设置线条;学生理约3分3)调整颜色,使用画笔工具填充线条路径;解钟4)将绘制好的图形定义为图案保存下来;5)使用填充命令将图案平铺到指定区域学生理(其它色彩调整步骤类似)约3分解
(2)立体图案(制作方法略);钟
(3)文字图案(制作方法略);
(4)渐变背景(制作方法略)
47、课堂实例练习及辅导;约
2048、网站LOGO的作用分钟学生实
(1)LOGO是及其它网站链接以及让其它网站链接践的标志和门户;学生理约30
(2)LOGO是网站形象的重要体现;解
49、一个好的LOGO应具备的条件分钟学生实1符合国际标准;约4分践2精美、独特;钟3及网站的整体风格相融;学生实4能够体现网站的类型、内容和风格践约20分
50、网站LOGO设计制作常见方法及其实例操作演钟学生实示讲解践1线条的使用;约20分2图形的使用;钟总结3文字的使用;4渐变色的使用;约30分
51、课堂实例练习及辅导;钟
52、网页Banner设计应该遵循的原则约2分1主题明确;钟2及整个页面相协调;3顺应用户的浏览习惯;4能吸引点击
53、网页Banner的设计制作方法及其实例操作演示讲解1静态Banner;2动态Banner;二十二布置课堂作业并辅导学生完成作业实训;设计个人主页网站首页Logo和Bannero
二十四、课堂小结本次课主要内容
1、常见网页背景图案设计制作;
2、网站LOGO的设计方法;
3、网页Banner的设计制作方法后记授课教师授课班级地点课时:章节网页按钮设计制作内容网页栏目框设计制作教学11)掌握网页各种图标的设计制作方法;目标12)掌握使用栏目框美化网页方法重点1)掌握网页常见按钮和小图标的设计制作方法;难点2)网页栏目框的设计技巧及其表现力的实现教学课堂讲授、案例讲解及指导方法教学计算机机房环境时间分教学过程及内容提要备用配
二十五、引入约2分
15、回顾上次课所学习的内容网站LOGO设计制钟教作,网页Banner和导航菜单的设计制作方法;学
16、点评上周作业;约10过
17、提出问题网页中常见按钮有哪些类型?漂亮的分钟程水晶按钮是怎么制作的?设
二十六、告知学生课堂任务计学生理本次课所学习的主要内容是网页按钮设计制作和使用栏目框美化网页的方法解约12
二十七、逐步演示讲解分析教学内容分钟
1.网页中按钮设计理论1按钮的类型有提交功能的“真按钮”和“伪按钮”;2按钮的功能实现提交和标明当前操作;3按钮的表现形式系统标准按钮和使用图片自制的按钮;约404按钮的位置容易找到、画面的中心位置;分钟5按钮上面的文字表述言简意赅,直接明了;6按钮的尺寸适中;7及其他元素关系让其充分通透;学生实8注意鼠标滑过的效果增强按钮的点击感践
2.网页常见几种按钮的设计制作方法及其实例操作学生理演示分步讲解解1方形按钮;简要步骤约401绘制矩形边框;分钟学生实2填充颜色纯色或渐变色;约35践3添加文字分钟学生实2圆形按钮步骤略;践3斜角型按钮步骤略;4椭圆型按钮步骤略;约40总结
(5)水晶按钮按钮分钟简要步骤约201)绘制矩形边框;分钟2)填充渐变色;3)添加文字;约1分4)添加高光层;钟5)设置朦胧边框
3.课堂实例练习及辅导;
4.常见几种网页栏目框及其设计制作实例;
(1)矩形;
(2)圆角矩形;
(3)滑动门型;
(4)图标修饰型(回形针)
5.课堂实例练习及辅导;
二十八、布置课堂作业并辅导学生完成作业实训美化个人主页按钮和栏目框
二十九、课堂小结本次课主要内容
1、网页按钮设计制作;
2、使用栏目框美化网页方法;记3交互性差,在功能方面有很大的限制钟动态网页的特点学生实1以数据库技术为基础,可大大降低网站维护践的工作量;约8分2可实现更多的功能,如用户注册、新闻发布、钟总结在线留言等;3不利于使用搜索引擎进行网站推广约12分钟
3、常见网页类型形象页、主页、栏目页、内页、新闻详细页等;约
204、网页设计原则分钟1了解客户需求2遵循Web标准约503运用形式美法则分钟
5、网页设计流程1手绘效果图确定网页主题内容和风格2设计效果图搜集、整合设计所需素材约403版面编辑网页的制作及实现分钟4网页美化动画设计,网页测试和发布
6、网页设计的主要软件约4分1Photoshop钟2Dweamveawer3Flash授课教师授课班级地点课时:章节Flash软件介绍内容Flash绘图基础一景物和场景绘制教学熟悉Flash软件界面并掌握使用Flash进行绘制各种图形的方法目标重点13)了解Flash软件的特点;难点14)熟练使用Flash工具栏绘制各种图形教学课堂讲授、案例讲解及指导方法教学计算机机房环境时间教学过程及内容提要备用分配
三十、引入约1分
18、回顾上次课所学习的内容网页按钮设计制作钟教学和使用栏目框美化网页的方法;
19、提出问题网络上常听到的闪客指的是什么?过程Flash软件有什么特点?Flash能做什么?三十设、告知学生课堂任务学生理-计本次课所学习的主要内容是了解Flash及Flash解约3分工具栏的基础操作;钟
三十二、逐步演示讲解分析教学内容Fireworks软件介绍;、55Fireworks的独特功能、561可以输出SWF和Illustrator7文件;2及Dreamweaver紧密的配合;学生实3允许加入Photoshop滤镜;约154可以直接编辑点阵图;分钟5更方便的Roll over;6即时预览;7可以读入Photoshop文件;8提供GIF编辑环境;9提供全新的按钮制作工具;10提供图形及文字的样式库StyleoFireworks软件界面和常用工具及其基本操作、57方法学生实Flash软件介绍、58Flash软件的主要特点、591Flash软件安装方便,适用场合广泛;学生实2Flash制作动画时间短,学习起来容易上手;3Flash生成的文件体积小;约104有强大的交互性;分钟5使用矢量图形和流式播放技术;约156有强大的动画编辑功能;分钟7动画效果生动活泼,形象直观Flash常见的表现形式、601网络动画常见于网页的片头;2MTV在各排行榜中数量最多;3网络广告Flash广告是当今网络广告界的时尚;4交互网站可实现纯flash网站,但是不利于搜索引擎登录;5贺卡是初学者练手的较好选择,能带来小小的收入6动画短片是Flash大奖赛的主要形式;7交互游戏将产品广告做到游戏中Flash软件界面介绍软件界面布局和工具栏、61的简单使用;辅导学生完成课堂实训;、62Flash中层的基本操作方法;、63使用Flash工具栏绘制图形一五角星;、64辅导学生完成课堂实训;、65使用Flash工具栏绘制图形二大红灯笼;、66辅导学生完成课堂实训;、67使用Flash工具栏绘制图形三水晶按钮;、68简要步骤约101绘制按钮边框;学生实分钟践约10分钟约10学生实分钟践约10总结分钟约10分钟约10分钟约15分钟约30分钟约40分钟2填充渐变颜色;3绘制按钮高光部分;4绘制按钮模糊边框;辅导学生完成课堂实训;、69使用Flash工具栏绘制图形四QQ企鹅;、70
三十三、布置课堂作业并辅导学生完成作业实训;
三十四、课堂小结本次课主要内容
1、熟悉Flash软件界面;
2、熟练掌握Flash工具栏的使用方法后记授课教师:授课班级:地点:课时:章节Flash动画基础,动画补间动画;形状补间动画内容教学熟练掌握Flash中几种基本类型动画的的设计制作方法和技巧;目标重点15)了解Flash动画实现的原理;难点16)掌握几种类型动画的设计方法教学课堂讲授、案例讲解及指导方法教学计算机机房环境时间教学过程及内容提要备用分配
三十五、引入约2分
20、回顾上次课所学习的内容Fireworks软件的钟教使用、Flash及Flash工具栏的使用;学
21、提出问题动画实现的原理是什么?Flash中过程的动画有什么特点?Flash动画有哪些类型?设
三十六、告知学生课堂任务学生理计本次课所学习的主要内容是了解Flash动画的特解约2分点、学习Flash几种基础动画的设计制作方法;钟
三十七、逐步演示讲解分析教学内容约20分
6.Flash实现的原理;钟
7.Flash中的帧及其操作1帧的类型;2帧的创建;3帧的选择;学生实约10分4帧的移动;践钟约20学生理5帧的复制;分钟解6帧的删除
8.Flash中的元件和实例介绍;约30分
9.基础动画及其实例讲解钟1位移动画;学生实约24分2旋转动画;践钟3缩放动画学生理4淡出淡入动画解
10.辅导学生完成课堂实训;
11.Flash动画补间动画实例球体下落效果;约25分简要步骤钟学生实1创建新文件;约10分践2绘制场景物体元件地面、球体、桌子;钟3设置球体在桌子上滚动的动画;学生实4设置球体下落地面后弹起的动画;践
12.辅导学生完成课堂实训;
13.Flash形状补间动画实例变换文字效果;总结约15简要步骤分钟1创建新文件;2绘制场景文字;约403设置文字变形动画效果;分钟4预览、保存
14.辅导学生完成课堂实训;约2分钟
三十八、布置课堂作业并辅导学生完成作业实训;破壳而出;
三十九、课堂小结本次课主要内容
1、Flash中的帧及其操作;
2、Flash动画补间动画;
3、Flash形状补间动画授课教师:授课班级:地点:课时:素材导入章节引导线动画内容遮罩动画教学使学生掌握Flash8中引导线动画和遮罩动画的基本制作方法目标17)掌握Flash8中引导线动画和遮罩动画的条件和方法;重点18)掌握Flash8中使用引导线动画和遮罩动画制作复杂动画的方难点法和技巧教学课堂讲授、案例讲解及指导方法教学计算机机房环境时间分教学过程及内容提要备注]配约2分教
四十、引入钟学
22、回顾上次课所学习的内容了解Flash动画的过特点和学习Flash几种基础动画的设计制作方法;程
23、提出问题什么是引导线动画?什么是遮罩动设画?Flash中如何实现对象沿着某条指定路径进行学生理计移动?解
四十一、告知学生课堂任务约10分本次课所学习的主要内容是Flash8中引导线动钟画和遮罩动画的基本制作方法;学生实约15分四十二逐步演示讲解分析教学内容践钟约
1571、Flash8中素材的导入学生理分钟1图片文件;解2声音文件;3视频文件;
72、辅导学生完成课堂实训;约20分学生实
73、Flash8引导线动画及其实例过山车;钟约10践简要步骤分钟学生理1绘制车元件;解2绘制场景山形状;3绘制引导线;约16分4设置车的引导线动画;钟约15学生实5预览、保存分钟践
74、辅导学生完成课堂实训;学生理
75、Flash8遮罩动画及其实例一电影文字;解简要步骤1创建文字元件;2创建图片元件;4预览、保存学生实
76、辅导学生完成课堂实训;践约
2577、Flash8遮罩动画实例二水波荡漾;学生理分钟简要步骤解约301导入素材并将素材打散;分钟2复制水面部分并转换其为原件;3创建波纹元件;4稍微增加水面部分原件的高度关键点;5调整各图层位置并设置遮罩动画;6预览、保存学生作
78、辅导学生完成课堂实训;业约
4079、Flash8遮罩动画实例三卫星绕地球;分钟简要步骤总结1导入素材;约2分2绘制圆形;钟3设置地球自转动画元件;4绘制椭圆引导线路径;5创建卫星元件;6设置卫星元件的引导线动画;7创建遮挡部分的遮罩;8预览、保存
四十三、布置课堂作业并辅导学生完成作业实训;
7、Dreamweaver软件界面介绍1软件面板组成及基本操作方法2软件参数设置
8、Dreamweaver站点仓ll建站点-新建站点-设置站点名称-设置站点默认图像文件夹
9、学生实训操作Dreamweaver站点创建及设置
10、Dreamweaver创建第一个网页1名称index,html2设置标题、输入文本、输入特殊字符3页面属性设置4预览网页
四、学生实训及辅导;创建第一个网页
五、课堂小结本次课主要内容
1、网页设计基础知识;
2、Dreamweaver基本使用方法;
3、Dreamweaver创建第一个网页;后卫星绕地球
四十四、课堂小结本次课主要内容
1、素材导入;
2、引导线动画;
3、遮罩动画后记记授课教师:授课班级:地点:课时:章节Dreamweaver表格操作;内容CSS样式表应用教学1)掌握Dreamweaver中表格的设计方法;目标2)CSS样式表的使用方法和技巧重点1)熟练掌握Dreamweaver中表格的基本操作方法;难点2)了解网页设计中CSS样式表的作用和设置方法教学课堂讲授、案例讲解及指导方法教学计算机机房环境时间教学过程及内容提要备用分配
一、引入约4分
1、回顾上次课所学习的内容网页设计基础理论钟教知识,Dreamweaver软件使用初步;学
2、提出问题对Word中表格操作还熟练吗?CSS是学生理过什么?如何设置网页中各种元素的显示效果?解程
二、告知学生课堂任务设本次课所学习的主要内容是Dreamweaver中表格约6分计的使用和Dreamweaver创建CSS样式表;钟
三、逐步演示讲解分析教学内容
1、网页中表格的作用1内容组织和定位;2网页排版;
2、表格布局和Div布局区别各有优势约30表格简单,好用,学起来很容易上手各种浏览分钟器都支持!基本上不会变形但是代码冗余较多,学生思维护起来也不怎么方便考DIV+CSS优点代码冗余小,所以网站打开速度快一约10分些维护起来非常方便但是要兼容IE6IE7火狐钟等浏览器的话,开始学就会很头疼这个问题的往往在IE6里面看着整个网页是好的,但是到了IE7学生实或者火狐里面就全乱了践推荐用div做框架,table用来储存数据约15学生理
3、Dreamweaver中表格的基本操作分钟解1表格和单元格的选择及属性设置;约352行和列的添加和删除;分钟3单元格的合并和拆分;4表格的嵌套;学生实
4、实例演示讲解使用表格制作一像素细线;践操作步骤约15学生理1插入1行1列表格;分钟解2设置单元格背景颜色;3设置单元格高度为1;4转到代码视图;5把单元格中的nbsp;删除
5、辅导学生实训操作;
6、Dreamweaver中CSS样式表的使用1CSS样式表文件的创建;2创建CSS样式网页链接样式2;3创建CSS样式网页凹下链接样式;4创建CSS样式类链接样式;5创建CSS样式滤镜样式
7、辅导学生进行CSS样式实训操作;
8、案例演示讲解个人主页首页布局设计1创建网页;2设置网页属性;3使用表格布局网页上中下型;4使用Photoshop制作页面头部Banner图片;5制作导航栏渐变背景图片;6制作页面主体左侧公告跑马灯效果和友情链接,右侧资讯速递及图片列表;7页面底部设计
四、布置并辅导学生完成课堂作业;约40分钟学生实践总结约40分钟
五、课堂小结本次课主要内容
1、Dreamweaver网页表格基本使用方法;
2、Dreamweaver创建CSS样式;后记。
个人认证
优秀文档
获得点赞 0