网页美工全册教案

教学目的教学重点掌握网页美工发展历程教学难点区别教学时间二课时多媒体授课班级13级电商课程班级利用生活中的作品为实例，引入学生的兴趣，进行本节课堂的知识坚式手绘广告1、网络的发展历程?2、传统美工与网页美工?1)传统美工分为卖场美工(手绘广告),游戏美工(游戏人物设定),影楼美工(婚纱照后期制作)2)网页美工3、网页美工需要具备的能力?网页设计也是平面设计的一方面，网页设计师完全可以运用平面设计中的审美观点进行设计，二者唯一不同的是动态与静态的区分，动态网页的制作是平面设计不能完全达到的，它是一种审美方式的延伸。所以平面设计的审美观点在网页设计上非常实用，如对比、均衡、重复、比例、近似、渐变以及节奏美、韵律美，这些都能在网页上显示出来，4、操作试题：习题(一)习题(二)教学总结本本节主要是介绍网页美工的作品欣赏，我们通过介绍对其的使用的正确的认教学目的掌握使用网页平面结构表示方式来介绍相关教学重点掌握平面构成概述教学难点掌握网页平面结构面的事项教学时间二课时教学方式多媒体授课班级13级电商课程班级利用生活中的作品为实例，引入学生的兴趣，进行本节课堂的知识及美的修养和感觉，提高创作活动和造型能力，活跃构思。1)布局要新颖口口口国口口口国们的关注的有效手段，页面上的各相互之间的对比关系。要大小参差变化，疏密衬托有致，轻重感觉均衡，明暗对比适度，设计上别具一格。这些因素对网页设计的成功与失败起着至关重要的作用乱；又不简单划分版面界限，使不离其宗，反复的比较、精心的安排、整体的权重是设计好网页的最终选择网页设计也是平面设计的一方面，网页设计师完全可以运用平面设计中的审美观点进行设计，二者唯一不同的是动态与静态的区分，动态网页的制作是平面设计不能完全达到的，它是一种审美方式的延伸。所以平面设计的审美观点在网页设计上非常实用，如对比、均衡、重复、比例、近似、渐变以及节奏美、韵律美，这些都能在网页上显示出来，反映设计师超凡的审美能力。4、操作试题：习题(一)利用网络功能，正确的对网页美工进行操作。习题(二)网页美工作品的欣赏。教学总结本本节主要是介绍平面构成概述的认识。教学目的掌握使用网页平面结构形式的表示方式，介绍教学重点掌握平面构成概教学难点掌握构成形述式在网页设计中的运用教学时间二课时教学方式多媒体授课班级13级电商课程班级利用生活中的作品为实例，引入学生的兴趣，进行本节课堂的知识坚式坚式大小关系为造形要素中最受重视的一项，几乎可大小的差别少，给人的感觉较沉着温和；大小的差别大，给人的感觉较鲜明，而且具有强力感阴与阳、正与反、昼与夜D等等，如此类的对比语句，可使D人感觉到日常生活中的明暗关系初生的婴儿，最初在视觉上只能分出明暗，而牛、狗等动物虽能简单识别黑白，对彩度或色相却无法轻易识别，由此可知，明暗(黑和白)乃是色感中最基本的要素3、粗细的对比字体愈粗，愈富有男性的气概。若代表时尚与女性，则通常以细字表现。细字如果份量增多，粗字就应该减少，这样的搭配看5、质感的对比在一般人的日常生活中，也许很少听到质感这句话，但是在美术方面，质感却是很重要的造型要素。譬如松弛感、平滑感、湿润感等等，皆是形容质感。故质感不仅只表现出情感，而且与这种情感融为一体。通常画家的作品，常会注意其色彩与图面的构成，其实，质感才是决定作品风格的主要因素，虽然色彩或对象物会改变，可是，作为基础的质感，是与一位画家之本质有着密切的关系，是不易变更的。若是外行人就容易疏忽这一点，其实，这才是最重要的基础要素，也是对情感最强烈的影响力。水墨质感金属质感6、位置的对比在画面两侧放置某种物体，不但可以强调，同时也可产生对比。画面的上下、左右和对角线上的四隅皆有潜在性的力点，而在此力点处配置照片、大标题或标志.记号等等，便可显出隐藏的力量。因此在潜在的对立关系位置上，放置鲜明的造形要素，可显示出对比关系，并产生具有紧凑感的画面。如下图所示，画面主体在不教学总结教学目的掌握美工、摄影师、客服、店子对产品和买家的关系教学重点掌握平面构成概述教学难点掌握构成形式在网页设计中的运用教学时间二课时教学方式多媒体授课班级13级电商课程班级利用生活中的作品为实例，引入学生的兴趣，进行本节课堂的知识美鞋新品甜蜜专享点击进入>>答：宝贝描述页是响成交转化的重要因素之一答：1、整体大图2、多角度图片3、功能信息4、参数信息5、款式颜色6、细节特写11、卖家要展示的信息?答：1、卖点信息2、模特效果图3、实力资质4、包装效果5、VS对比6、场景实用图习题(二)教学总结2、预习下节知识点。教学目的掌握美工、摄影师、客服、店子对产品和买家的关系教学重点掌握平面构成概述教学难点掌握构成形式在网页设计中的运用教学时间二课时教学方式多媒体授课班级13级电商课程班级利用生活中的作品为实例，引入学生的兴趣，进行本节课堂的知识美鞋新品甜蜜专享点击进入>>答：1、整体大图2、多角度图片3、功能信息4、参数信息5、款式颜色6、细节特写7、卖点信息8、模特效果图9、实力资质10、包装效果11、VS对比12、场景实用图答：1、卖点信息2、模特效果图3、实力资质4、包装效果5、VS对比6、场景实用图习题(一)习题(二)教学总结2、预习下节知识点。教学目的掌握Photoshop软件的认识，实用教学重点教学难点网页设计中的运用教学时间四课时教学方式多媒体授课班级13级电商课程班级利用生活中的作品为实例，引入学生的兴趣，进行本节课堂的知识答：美国Adob1公司开发的答：专业的图片编辑软件答：1、平面广告2、包装设计3、图片的处理等2、点击开始------程序-----ps3、双击文档4、舞台答：图片习题(一)上机操作习题(二)上机操作教学总结教学目的掌握美工、摄影师、客服、店子对产品和买家的关系教学重点掌握图片构成概述教学难点掌握构成形式在图片设计中的运用教学时间六课时教学方式多媒体授课班级13级电商课程班级利用生活中的作品为实例，引入学生的兴趣，进行本节课堂的知识2、多角度图片裁剪3、裁剪参数信息查找范围I):桌面电商组资料上交在电文件名N:QQ截图20140313131738文件类型①):所有格式打保存为保存为桌面我的文档电商组资料上交在电商组03上桌面资料文件名(N:格式C):保存为保存为电商组资料上交在电商组03上00截图201403131317380截图20140313132524我的电脑保存在):答：1、8个控制点的修改答：按C键操作图象大小图象大小宽度(W):高度(H)宽度(D).97高度(G)26分辨率(R):96象素/英寸☑约束比例(C)☑重定图象象素(I)两次立方X 自动(A)…象素象素0截图20140313132524.ipge100%(RGB)查找范围工)桌面是电商组资料在电桌面资料四截图20140313131738文件名@):截图20140313131738立出米别在)矿右故士习题(一)上机操作习题(二)上机操作教学总结2、预习下节知识点。教学目的掌握Photoshop软件的认识，实用教学重点掌握Photoshop修图的意思教学难点修图的操作运用教学时间六课时教学方式多媒体授课班级13级电商课程班级利用生活中的作品为实例，引入学生的兴趣，进行本节课堂的知识捂影政捂影政SNP沈阳指影过答：专业的图片处理的软件答：1、平面广告2、包装设计3、图片的处理等2、修补工具3、仿制图章工具答：1、放大：]答：适合较大面积的修补使用，保留原来像答：1、源：表示选择的像素被目标像素代2、目标：表示选择的像素代替目标像素。答：结合上2种工具的使用，进行综合的介2、按alt键进行像素点的提取。答：进行目标像素的代替，适合小/大面积的修补使用。2、按s键马马图案图章工具S习题(一)上机操作习题(二)上机操作教学总结2、预习下节知识点。教学目的掌握使用PS结构表示方式来介绍相关知识点的学教学重点教学时间六课时教学方式多媒体授课班级13级电商课程班级阶X761人想买 载入(L)选项(I)☑预览(P)阶X761人想买 载入(L)选项(I)☑预览(P)利用生活中的作品为实例，引入学生的兴趣，进行本节课堂的知识通道(C):通道(C):RGB输入色阶(I):自动输出色阶(Q):输出色阶(Q):答：1、点击：“图像”------"调整"----"色阶"答：从左到右：黑----灰(不同比例)-------白工具箱和工具栏Photosop工具包含了40余种工具，单击图标即可选择工些工具的方法有两种：1、把鼠标指针移到含有三角的工具上，右击即可打开隐藏的工具或者按鼠标左2、可以按下ALT键不放，再单击工具图标，多次单击答：1、RGB模式---三原色红、绿、蓝2、CMYK模式-------减色(印刷使用)青、洋红、黄、黑3、灰色模式---------修改图片去色4、Lab模式---------图片的过度名称(N):未标题-1预置尺寸(E):自定义宽度(W):554高度(H)21模式(M):灰度位图灰度象素象素内容●白色①C背景色①)C透明(T)X答：将使用曲线的控制点，将使一些曝光不足的图片，进行颜确定复位确定复位保存(S)…平滑(M)自动选项…7曲线曲线通道(C):RGB预览(P)+M载入(L)…保存(S)…平滑(M)自动选项…曲线曲线通道(C):RGB▶☑预览(P)答：控制不同的颜色通道，进行颜色的调整。XX保存(S)…平滑(M)自动选项…☑预览(P)通道(C):RGB红绿蓝曲线答：向上调整：颜色变亮向下调整：颜色变暗 平滑(M)自动选项…曲线曲线通道(C):RGB输入：☑预览(P)答：控制图片的像素分布说明，进行像素的调整。控制：1、直方图答：1、点击：图像----调整-----色相/饱和度习题(一)利用网络功能，正确的对网页美工进行操作。习题(二)网页美工作品的欣赏。教学总结本本节主要是介绍平面构成概述的认识。教学目的掌握使用抠图形式的表示方式，介绍相关知识点的运教学重点掌握抠图概述教学难点掌握抠图形式在网页设计中的运用教学时间十课时教学方式多媒体授课班级13级电商课程班级利用生活中的作品为实例，引入学生的兴趣，进行本节课堂的知识点的讲解和操作。答：1、矩形选区2、椭圆选区3、单行4、单列3、矩形选区和椭圆选区的创建方式?答：1、点击“工具箱--------矩形选区和椭圆选区工具2、按M键4、矩形选区绘制正方形?答：按shift5、椭圆选区绘制正圆?答：按shift:拖动的距离为直径绘制正圆按shift+alt:拖动的距离为半径绘制正圆6、单行/单列的绘制方式?答：1个像素大小7、新建的方式?8、拷贝的方式?答：1、点击：文件--------拷贝9、粘贴的方式?12、打开2张不连续的图片?答：按Ctrl键答：控制8个控制节点，进行变形的调整2、垂直17、变形完成后，确认操作方式?答：按：回车键19、直边规则图形的抠图介绍?20、套索工具的分类?答：1、自由套索2、多边形套索3、磁性套索21、图片的显示操作?答：按：Alt键，向前滚动------放大；向后滚动----缩小22、套索工具的选取方式?答：1、点击：工具箱-------套索工具2、按：L键23、上机讲解书本案例：24、魔棒工具的介绍?答：主要是对背景比较单一的图片进行抠取。25、魔棒工具的特点?答：通过对颜色容差值的控制，对背景比较单一的图片进行抠取。26、魔棒工具的操作?答：1、点击：工具箱---------魔棒工具27、容差值的意义?答：容差值数越大，选区的图片区域就越大；容差值数越小，选区的图片区域就越小。28、上机讲解书本案例：29、钢笔工具的介绍?30、钢笔工具的选取方式?答：1、点击：工具箱---------钢笔工具2、按：P键31、钢笔工具的分类模式?答：1、形状图层2、路径32、路径转换为选区方式?答：按：回车键33、路径工具的分类?答：1、矩形工具2、圆角矩形工具3、椭圆工具5、自定义工具6、多边形工具34、节点组成?答：1、节点2、控制点3、控制手柄35、调整节点的方向?答：按：Alt36、控制节点沿上一节点的创建?答：按：Ctrl38、创建图层副本的方式?39、蒙版的作用?答：将对象中未选择的对象屏蔽起来40、蒙版的目的?答：将屏蔽的区域透明化41、通道的作用?答：将图片按照本身的图片模式进行不同颜色通道进行颜色的分类。42、通道的操作?答：1、显示/隐藏2、复制3、删除43、反相的方式?44、色阶的方式?答：Ctrl+L46、上机试题习题一习题二教学总结教学目的掌握使用广告图形式的表示方式，介绍相关知识点的运教学重点掌握促销概述教学难点掌握广告图形式在网页设计中的运用教学时间十课时教学方式多媒体授课班级13级电商课程班级利用生活中的作品为实例，引入学生的兴趣，进行本节课堂的知识点的讲解和操作。呢图网今夏淘宝最具人气nipieGoπ答：促销广告要有漂亮的图片外，还要有正确3、促销广告的设计过程?2、沟通策划3、设计表达4、目标包括哪些方面?2、产品分析3、目标定位5、目标人群分析?答：按相关的数据统计，来分析买家的年龄段、消费能力、兴6、产品分析?3、产品的价值体现，买家关注点的表现。的、报废的电动车或摩托车(即新车价-1300元=实付款)活动时间，2012年6月13日至20日7、广告目标分析?答：要确定广告的目标：促销广告还是品牌广告1、促销广告目标是以降价打折、包邮等手段来刺激买家；2、品牌广告在独特之处让买家了解和加深品牌印時間あたりの秋の靴の又八亻夕EQ\*jc3\*hps24\o\al(\s\up28(击),时)EQ\*jc3\*hps24\o\al(\s\up28(穿底价),速)EQ\*jc3\*hps16\o\al(\s\up5(¥258),政是时)衡水钻公主融8、沟通策划的方式?答：1、主题内容2、文案讨论3、素材准备9、主题内容包括?答：1、人物模特2、折扣信息3、产品图片4、广告语5、活动时间6、活动理由新潮上市新潮上市答：1、环境尺寸2、背景与调色3、字体与排版5、主题层次库好广品库好广品全场大清后3机会难得，敬请光临!面属及11、打开标尺的方式?12、合并图层的方式?13、控制标尺的高和宽的方式?答：W和H来查看标尺的宽和高的数值根据课堂的知识点，对本节进行实例的操作15、广告图背景的设置方式?答：1、背景图片2、渐变背景3、纯色背景16、粘贴的方式?答：按Ctrl+V17、渐变操作方式?答：1、线性渐变2、径向渐变3、角度渐变4、对称渐变5、菱形渐变18、填充前景色的方式?答：Alt十Enter19、字体与排版的介绍?答：1、在书写方式和风格方面产生不同的风格，即字2、常见的字体：楷体、宋体、草书、等。20、文字工具的分类?2、竖排文字21、文字工具的操作?22、常见文字工具的选取方式?2、文字大小答：按Ctrl+Enter25、文字工具的特点?答：通过对文字的控制，进行文字的基本属性设置外，还可答：共有4类15种。5、犀利28、文字变形的方式?29、钢笔工具的介绍?30、钢笔工具的选取方式?答：1、点击：工具箱---------钢笔工具2、按：P键31、钢笔工具的分类模式?答：1、形状图层2、路径32、路径转换为选区方式?答：按：回车键33、路径工具的分类?答：1、矩形工具2、圆角矩形工具3、椭圆工具5、自定义工具6、多边形工具34、节点组成?答：1、节点2、控制点3、控制手柄35、调整节点的方向?答：按：Alt36、控制节点沿上一节点的创建?答：按：Ctrl38、创建图层副本的方式?39、蒙版的作用?答：将对象中未选择的对象屏蔽起来答：将屏蔽的区域透明化答：将图片按照本身的图片模式进行不同颜色通道进行答：1、显示/隐藏2、复制3、删除答：Ctrl+I46、上机试题习题一习题二教学总结教学目的掌握使用抠图形式的表示方式，介绍相关知识点的运教学重点掌握抠图概述教学难点掌握抠图形式在网页设计中的运用教学时间十课时教学方式多媒体授课班级13级电商课程班级利用生活中的作品为实例，引入学生的兴趣，进行本节课堂的知识R北式手绘广告R北式手绘广告答：1、矩形选区2、椭圆选区3、单行4、单列3、矩形选区和椭圆选区的创建方式?答：1、点击“工具箱--------矩形选区和椭圆选区工具2、按M键3、按shift+M4、矩形选区绘制正方形?答：按shift5、椭圆选区绘制正圆?答：按shift:拖动的距离为直径绘制正圆按shift+alt:拖动的距离为半径绘制正圆6、单行/单列的绘制方式?答：1个像素大小7、新建的方式?答：1、点击：文件--------新建8、拷贝的方式?答：1、点击：文件--------拷贝9、粘贴的方式?答：1、点击：文件--------粘贴12、打开2张不连续的图片?答：按Ctrl键答：控制8个控制节点，进行变形的调整2、垂直17、变形完成后，确认操作方式?答：按：回车键19、直边规则图形的抠图介绍?20、套索工具的分类?答：1、自由套索2、多边形套索3、磁性套索21、图片的显示操作?答：按：Alt键，向前滚动------放大；向后滚动----缩小22、套索工具的选取方式?答：1、点击：工具箱-------套索工具2、按：L键24、魔棒工具的介绍?25、魔棒工具的特点?答：通过对颜色容差值的控制，对背景比较单一的图片进行26、魔棒工具的操作?答：1、点击：工具箱---------魔棒工具27、容差值的意义?答：容差值数越大，选区的图片区域就越大；容差值数越29、钢笔工具的介绍?30、钢笔工具的选取方式?答：1、点击：工具箱---------钢笔工具2、按：P键31、钢笔工具的分类模式?答：1、形状图层2、路径32、路径转换为选区方式?答：按：回车键33、路径工具的分类?答：1、矩形工具2、圆角矩形工具3、椭圆工具5、自定义工具6、多边形工具34、节点组成?答：1、节点2、控制点3、控制手柄35、调整节点的方向?答：按：Alt36、控制节点沿上一节点的创建?答：按：Ctrl38、创建图层副本的方式?39、蒙版的作用?答：将对象中未选择的对象屏蔽起来答：将屏蔽的区域透明化答：将图片按照本身的图片模式进行不同颜色通道进行答：1、显示/隐藏2、复制3、删除答：Ctrl+L46、上机试题习题一习题二教学总结教学目的掌握使用网页美工表示方式来介绍相关知识点的学教学重点掌握店铺装修教学难点掌握整页设计教学时间十课时教学方式多媒体授课班级13级电商课程班级利用生活中的作品为实例，引入学生的兴趣，进行本节课堂的知识你的爱车要清凉!满200减20,满500减5010元包邮元秒杀ARPAnet成为现代计算机网络诞生的标志。分为卖场美工(手绘广告),游戏美工(游戏人物设定),影楼美工(婚纱照后期制作)顾名思义，就是美化网站的视觉效果，更深层次的就是突出网V00000DGITALVAPORIV00000DGITALVAPORIe网页设计也是平面设计的一方面，网页设计师完全可以运用平面设计中的审美观点进行设计，二者唯一不同的是动态与静态的区分，动态网页的制作是平面设计不能完全达到的，它是一种审美方式的延伸。所以平面设计的审美观点在网页设计上非常实用，如对比、均衡、重复、比例、近似、渐变以及节奏美、韵律美，这些都能在网页上显示出来，习题(一)习题(二)2、多角度图片裁剪3、裁剪参数信息打开商组3上打答：1、点击文件------保存S保存为保存为桌面我的电脑电商组资料上交在电商组03上通320140818162423格式C):保存为保存为桌面电商组资料上交在电商组03上QQ截图20140313131738JFEG(*.JTG;*.JPEG;*格式F)答：1、8个控制点的修改答：按C键操作缩小：ctrl+-图象大小图象大小宽度(W)象素高度(H):象素宽度(D):8.97厘米4高度(G):26厘米分辨率(R):96象素/英寸☑约束比例(C)▽重定图象象素(I):两次立方 X裁剪校正：ctrl+T上机熟练操作题2、点击开始------程序-----ps3、双击文档4、舞台答：图片习题(一)上机操作习题(二)上机操作答：宝贝描述页是响成交转化的重要因素之一答：1、整体大图2、多角度图片3、功能信息4、参数信息5、款式颜色6、细节特写25、卖家要展示的信息?答：1、卖点信息2、模特效果图3、实力资质4、包装效果5、VS对比26、场景实用图27、综合练习上机操作教学总结本本节主要是介绍网页美工的作品欣赏，我们通过介绍对其的使用的正确的认识。1、复习本节知识。2、预习下节知识点。教学目的掌握使用Fireworks图片切割与优化相关知识点的学习。教学重点掌握Fireworks图片切割教学难点掌握图片切割教学时间十课时教学方式多媒体授课班级13级电商课程班级利用生活中的作品为实例，引入学生的兴趣，进行本节课堂的知识点的讲解和操作。99、传统美工与网页美工?1)传统美工分为卖场美工(手绘广告),游戏美工(游戏人物设定),影楼美工(婚纱照后期制作)2)网页美工网页设计也是平面设计的一方面，网页设计师完全可以运用平面设计中的审美观点进行设计，二者唯一不同的是动态与静态的区分，动态网页的制作是平面设计不能完全达到的，它是一种审美方式的延伸。所以平面设计的审美观点在网页设计上非常实用，如对比、均衡、重复、比例、近似、渐变以及节奏美、韵律美，这些都能在网页上显示出来，4、操作试题：习题(一)利用网络功能，正确的对网页美工进行操作。习题(二)网页美工作品的欣赏。课堂上机案例操作：根据课堂的知识点，对本节进行实例的操作15、广告图背景的设置方式?答：1、背景图片2、渐变背景3、纯色背景16、粘贴的方式?答：按Ctrl+V17、渐变操作方式?2、径向渐变3、角度渐变5、菱形渐变18、填充前景色的方式?答：Alt+Enter19、字体与排版的介绍?答：1、在书写方式和风格方面产生不同的风格，即字2、常见的字体：楷体、宋体、草书、等。20、文字工具的分类?2、竖排文字21、文字工具的操作?22、常见文字工具的选取方式?2、文字大小3、文字颜色23、文字编辑完成的结束方式?答：按Ctrl+Enter24、快速复制文本图层的方式?答：按：Alt,进行拖动鼠标即可完成25、文字工具的特点?答：通过对文字的控制，进行文字的基本属性设置外，还可26、在PS中文字工具的变形操作有多少种?答：共有4类15种。27、文字工具在操作中有哪几种消除锯齿方式?答：1、无2、放大3、光滑5、犀利风采4、凹凸教学总结本本节主要是介绍网页美工的作品欣赏，我们通过教学目的教学重点掌握Dreamweaver图文排版教学难点掌握整页设计教学时间十课时教学方式多媒体授课班级13级电商课程班级 翻中方直实，欺名高座遭集它通发能行两常员在下属婚日着+说1、网页中的图像格式*BMP:位图格式GIF:GraphicsInterchangeFormat可交换的图像格式特点：只支持透明效果、可以交错下载、可以实现动画效果、文件所占用空间小、不能支持JPEG:JointPhotographicExpertsGroup联合摄影专家组文件一、足球的两种做法1.单击图标创建新图形文件.画出一个正五边形，用鼠标左键单击100%黑色为其填充颜色，然后经过复制移动，和工具的应用做出如图4-2所示的结构.3.然后用○工具画一个正圆，包住图4-2的图形，并对它进行渐变填充，单击工具箱中的图标，进行对第一种颜色：40%黑.第二种颜色：20%黑.第三种颜色：10%黑.第四种颜色：白.图4-2中的图形看不见了?那时因为图形顺序没设置好的缘故，大家设置一下顺序，最后的样子如图4-3所示.后选择：效果>透镜.然后在透镜面板中选择鱼眼工具，设置比率为200%,具体如图4-4所示.比率视点应用群组，这样一个足球的基本样子就算是完成了，接下来，我们左投影.5.选择工具箱中图层一的选项.这样就可以具体的对足球阴影进行调整，使它达到更好的效果.一个笔触工具，里面有corelDRAW自带的很多小图形，对中的图标，在状态栏中设置如下，选择喷雾器，然后在喷雾列表中选择川3、巩固练习川4、作业处理教学总结本本节主要是介绍网页美工的作品欣赏，我们通过介绍对其的使用的正确的认识。复习本节知识6.2Dreamweaver本地站点管理一、教学基本内容1、Dreamweaver8的工作界面二、课型：新授课三、课时：2个课时四、教学重点与难点重点：熟悉Dreamweaver8工作界面中各个工具的作用难点：1、各个面板的调用2、建立一个HTML的网页五、教学目的1、对Dreamweaver这个制作网页的工具及网页有一定的认识，激发学生学习网页设计的兴趣2、一定要学会建立一个空白网页3、会对页面有一个简单的设置六、教学过程(2)相关工具的介绍相关工具，比如与Dreamweaver合称为网页三剑客的Flash和2、讲授新课(1)Dreamweaver的界面a.文档窗口：主菜单、工具栏、底部启动b.对象面板：标准、表格、表单、框架、特殊字符(1)站点规划概念及方法内容通过综合的分析)(2)创建本地站点发的Web站点类型。包括本地文件夹、远程文件夹、动态页文件夹您打算方它的城点起件么名平?加要用有在将器上座作，发质T图2-5设置站点名称(02)输入站点名称后，单击“下一步”按钮，在术对话框中，根据自己所制作网页的类型，确定是否使静态页面，因此不使用服务器技术，如图2-6所示。248月算使用6接的术，cddaisem,?(03)单击“下一步”按钮，在弹出的设置站点文弹出的是否使用服务器技用服务器技术。在此制作⑥*的48机上的，克式8再上通(出)(04)选择了本地站点文件夹后，单击该对话框中的“下一步”按钮，进入设置是否与远程服务器相连的对话框，在这里选器相连，如图2-9所示。加网3 图2-9设置为不与远程服务器相连(05)单击“下一步”按钮，便会显示在站点定义向导中所选择设置的详细报告，如果感觉满意，单击“完成”按钮，完成本网站的创建，如图2-10所示；否则单击“上一步”按钮重新修改各项设置。2我48URRm.g(3)站点的基本操作其基本操作包括编辑、复制、删除站点。3、巩固练习练习站点的建立，及其基本操作。在课堂上要求每一个同学在F盘下建立一个名为“我的站点”的文件夹，在dreamweaver中创建一个静态站点，将站点信息存放到我的站点文件夹中。6.4Dreamweaver不规则表格排版1、引入先提出静态站点的作用及限制性，引入动态站点的功能2、讲授新课(1)安装并启动IS(现场操作)(2)定义一个动态站点步骤：<01>设置虚拟目录。(1)在本地磁盘“C:”下新建一个site文件夹作为本地站点的根文件(2)设置web共享。找到“C:\site”文件夹，选中并右击该文件夹，从弹出的快编辑别名编辑别名目录②:读网和用口写入P应用程不和用○无③◎脚本@准(2)从“分类”列表框中选择“本地信息”(默认选项)选F<03>设置“本地信息”的各参数(见图2-22<04>设置“测试服务器”的各参数(见图2-23)。一一(3)测试站点<01>将ch02\test.asp文件复制到C:\site文件夹中，并使用Dreamweaver8打开<02>单击浏览器中“预览/调试”按钮，或者按F12键在浏览器中运行test.asp页面。出现如图2-25所示的成功页面。若浏览器提示保购1按升源词转正常，保购1按升源词转正常，3、巩固练三练习站点的建立，及其基本操作。在课堂上要求每一个同学在F盘下建