推荐第1篇：网页制作教学设计
《网页制作》教学设计
一.教材分析
《网页制作》是浙教版《信息技术基础》第六章第二节的内容，它以“北京故宫”网站为例，介绍了网页制作的一般步骤。本文设计了两个实践体验“设计制作网站主页”和“设置超链接”，而这恰好是制作网站最重要的两个环节。《网页制作》这一部分的内容不仅在会考还是高考都是一个专题模块，因此这部分知识在整本书中占有举足轻重的地位 二.学情分析
高中的学生只要在初中上过信息课，他们都曾接触过制作网页制作的简单操作，而且大部分都上过网，对网页的布局、设计和制作带来了方便。教材中采用的网页制作软件是FrontPage2000，由于FrontPage2000采用了与Word等其他Office软件相类似的图形操作界面。在第三章，学生已经学过了Word字处理软件。因此，学生对FrontPage2000的启动、关闭、文件操作、文字编辑和图片处理都会有一种似曾相识的感觉，这种知识的迁移对后续的学习非常有利。 三.教学目标
（一）知识与技能
1、FrontPage2000的启动
2、新建与保存网页
3、主页命名与设置网页标题
4、文字与图片的插入及属性的设置（如文字大小、字体、颜色等，图片大小、格式转换、环绕样式等）
5、表格的插入及边框粗细的设置
6、单元格的合并于拆分
7、超链接的制作
（二）过程与方法
1、通过简单网站的制作，认识网站的结构
2、通过网页的制作，掌握设计网页的一般步骤
3、欣赏别人的网站，学会规划与设计网页的能力
（三）情感态度与价值观
1、通过自行制作的网站，体验创造的乐趣和成功的喜悦
2、通过欣赏和评价优秀的网站，激发学生创作欲望和学习兴趣 四.教学重点和难点
重点：
1、文字与图片的插入
2、表格的应用
3、超链接的设置
难点：
1、如何安排文字与图片的位置关系，使页面更和谐
2、如何拆分与合并单元格，使表格的布局更为合理 五.教法与学法指导
教法：任务驱动法 演示法
学法：小组合作法 探究法 六.教学准备
本节课的学习是在机房中进行的，除了需要连成局域网的机子外，还需带广播功能的软件，如极域软件等。教师准备一个优秀的网站及一些制作网站的素材 七.教学策略与总思路(或总环节框架)
学生是学习的主体，应掌握学习的主动权。本节课的设计，以提升学生的自主探究能力以及分析问题、解决问题等能力为目标。本节课刚开始通过名人并且是制作优秀的个人网站展示，让学生分析网站中的元素，然后通过任务驱动的方式，让学生自主探究如何制作这些元素，接着通过小组合作的方式来制作他们喜爱的站，最后来交流和评价他们的作品。 八.教学过程
（一） 情景创设（2’）
展示“姚明”的个人网站，学生不仅看到了他们的偶像，更重要的是被精美的网页所吸引。接着要求学生通过阅读课本，提问1：网页中所包含的元素有哪些？提问2：这些元素是如何制作的？
【设计意图：通过欣赏“姚明”的个人网站，吸引学生们的注意力，激发他们的学习兴趣。同时为引出下面的知识做好铺垫】
（二） 新课讲授（2’）
1、文字的插入：复制－粘贴
2、文字属性的设置：选中文字，再按要求在文字工具栏上选中相应的值
3、图片的插入：插入－图片－来自文件
4、图片格式的转换：右击图片－图片属性－常规－类型
5、图片的环绕样式：右击图片－图片属性－常规－样式－格式－定位
6、表格边框粗细的设置：右击表格－表格属性－边框粗细
7、单元格的合并与拆分：选中要合并的单元格或要拆分的单元格，再右击
8、超链接的对象：既可以是文字也可以是图片
9、常见超链接的类型：①链接到网址②链接到本地网页文件③链接到电子邮件
【设计意图：这个环节老师只花2分钟的时间，点到即止，告诉学生碰到问题可以在操作提示中去寻找帮助（由于之前学生学过word，所以有些操作能力比较强的学生可以不借助于提示），并不做详细的操作演示。因为它包含在下面操作任务的提示中，目的在于培养学生自主探究能力】
（三） 实践体验
任务一：将“shouye.htm”另存为“index.htm”,并设置网页的标题为“2010年上海世博会” （2’）
【设计意图：让学生掌握网页的主页一般命名为“index.htm”，同时掌握网页标题的设置】
任务二：在单元格5中插入素材文件夹中“wenzi.txt”文字，并设置字体为4号、宋体、黄色；在单元格8中插入素材文件夹中“logo.bmp”图片,要求图片与文字为左环绕样式，同时将bmp格式转换为jpg格式（3’）
【设计意图：让学生掌握文字与图片的插入，文字属性的设置和图片格式的转换以及图文混排（环绕样式）】
任务三：让学生制作和下面一样表格的网页首页，不需要插入真正的图片和文字，模仿即可，但在预览时表格的边框是看不到的。（5’）
图片
超链接1 超链接2 超链接3 超链接4 超链接5
图片+文字 图片+文字 图片+文字 图片+文字 图片+文字
版权
【设计意图：让学生掌握表格的插入，边框粗细的设置及单元格的合并或拆分，这里仅仅是模仿，为以后的创新打基础】
任务四：给其中的一个超链接（超链接1－5中的任何一个）设置为有效的超链接，链接到素材文件夹中的“fenguan.htm” （4）
【设计意图：让学生掌握超链接的设置】
【设计意图：实践体验这个环节所有的操作均有操作提示，学生可直接上FTP去下载，当然有能力的学生可省去这个步骤。这个环节纯粹是为了练兵，掌握本节课的知识点，并没有按照学生的意愿去设计他们的作品】
（四） 作品制作（20）
4个学生一组去设计他们感兴趣的网站，这个网站至少要有一张主页，一张分页，有能力的同学当然可以多设计几张分页。所有素材都有教师提供。具体分工为：1人收集素材，2人制作网页，1人负责解说他们设计的网站
【设计意图：如果说“实践体验”那个环节束缚了学生思维的话，那么这个环节学生可以充分发挥他们的想象，可以综合运用所学的知识去设计自己想要的作品。这个环节不仅可以起到巩固知识的作用，同时学生们也可以体验通过小组合作成功设计出他们自己作品所带来的喜悦。】
（五） 交流评价（5’）
评价的依据：
Ⅰ、网站中是否至少有一张主页，一张分页，主页是否命名为index.htm Ⅱ、网页中是否有文字与图片要素
Ⅲ、超链接是否有效
Ⅳ、文字与图片混排是否和谐
Ⅴ、网页布局是否合理（表格是否用得恰当）
Ⅵ、作品内容是否有意义，积极向上
Ⅶ、网站的整体感觉是否给人“美”的享受
【设计意图：这个环节不仅能够培养学生们的解说与欣赏能力，同时通过作品的比较与交流，可以起到查漏补缺的作用，让学生们更好地认识自己的作品，从而更好的掌握某些知识技能的应用】
（六） 课堂小结（2）
本节课主要介绍了制作网页的一般步骤，如何设计主页与分页以及他们之间的超链接，如何在网页中插入各种元素以及如何设置元素的属性让网页看起来更和谐，更美观。
设计意图：巩固本节课所学的知识，并引导学生学以致用】 评委会点评
优点：各教学设计环节清晰，描述恰当，分析合理。教学过程的设计符合新课程理念，突出学生的主体地位。
缺点：知识与技术目标缺少程度描述，教学过程设计较理想化。
推荐第2篇：网页制作教学设计
《网页制作》教学设计
阜新市第十八中学
彭勇
一、教材依据
辽宁师范大学出版社 初中信息技术八年级上册，第二单元《网站设计与制作》，活动1“创建个人网站”以及活动2中的关于部分FrontPage2000的内容。
二、设计思想
【教学指导思想】
信息技术课是一门实践性很强、极富创造性、具有明显时代发展性特点的课程。而现代教育理论提倡以学生为中心，强调学生“学”的主动性，学生是信息加工的主体，教师的作用体现在组织、指导、帮助和促进学生的学习、充分发挥学生的主动性、积极性和创造性，从而使学生最有效地进行学习，达到最优的教学效果。 因此本课题遵循“教师主导，学生主体”的设计理念，让学生在教师的引导下，对所学的内容进行探索、分析、研究，在实践操作中培养学生科学的态度和价值观，同时培养学生的学习兴趣。
【教学对象分析】
.学生的知识能力
教学对象是八年级的学生，这一阶段的学生正处在抽象逻辑思维逐步形成的过程中，但形象思维仍是获取知识的重要思维方式。而本节课中涉及到的HTML语言有其枯燥难懂的一面，学生在理解上存在着一定的难度，所以教师在教学设计中希望能通过学生自己的双眼、双手以及思考来发现新知识，从而减轻他们对新知识的畏惧、降低理解的难度。
.学生心理特点分析
初中学生活泼好动、好奇心强、求知欲旺、视野广泛，对信息技术充满兴趣，大部分学生都能熟练使用浏览器浏览网页，他们对上网和网页有着极大的兴趣。所以在本课题中教师利用学生的这种心理设计了一个趣味导入，从趣味引入学生感兴趣的网页，使学生在课堂中保持着较高的学习积极性。
【教学内容分析】
本节课是新授课且是第二单元《网站设计与制作》的第一节课，教师将这节课的重心放在了“启下”上，目的是激发学生的学习兴趣和他们的求知欲，为顺利开展以后的教学活动打好基础、做好铺垫。本节课的教学内容有两个方面，一是初识HTML语言，二是初识FrontPage2000的窗口组成。教师设计的重点并不是让学生充分理解HTML语言的结构，而是通过HTML语言能够有效地引出制作网页的软件FrontPage2000，继而使学生能顺其自然产生使用FrontPage2000制作网页的兴趣。
教学内容的整合：课本上将初识HTML语言和FrontPage2000的窗口组成分在了两个活动中，考虑到信息技术课一星期一个班只有一节课，如果第一节课只讲HTML语言，不涉及制作网页的软件FrontPage2000，会令学生感到枯燥，同时这种枯燥感很可能会维持一个星期直到下节课，这样学生对制作网页的兴趣就远不如将两个教学内容结合起来的高，也不利于今后的教学活动开展。所以教师将本节课的重心放在让学生理解HTML语言与FrontPage2000之间的联系上。
三、教学目标
【知识与技能】
（１）了解网页与网站的有关知识；
（２）了解HTML标识性语言的功能及结构；
（３）认识构成网页的基本元素；
（４）了解常用的制作网页的软件； （５）了解网站策划与定位的重要性，掌握网站的规划流程；
（６）了解网站设计软件FrontPage2000的窗口组成；
（７）学会设计有意义的网站主题，收集网站相关资料，画出网站的结构图。 【过程与方法】
（１）趣味导入新课的内容，极大地发挥学生主体、教师主导的作用；
（２）适时引导学生产生新的问题，再通过教师的讲解与演示、对比和学生的自主学习来解决问题。
【情感态度与价值观】
（１）强烈的求知欲激发学生的学习兴趣和学习积极性；
（２）了解信息技术的前沿知识后，学生会对信息技术课保持新鲜感和兴趣感；
（３）学生在不断实现自己主体地位的同时，也获得了新知识，更从中体会到了学习的快乐。
四、教学重点和难点
重点：
1、认识构成网页内容的基本元素，理解网页布局的特点；
2、了解HTML标识性语言的功能及结构；
3、学会启动FrontPage2000，了解网站设计软件FrontPage2000的窗口组成，理解各组成部分的功能；
4、网站主题的确立，规划网站结构图，学会创建新站点的基本方法。
难点：
1、理解HTML标识性语言的结构及应用HTML语言编写简单网页；
2、网站如何定位；
3、如何收集网站的相关信息；
4、在导航视图模式下建立网站结构。
五、教学准备
①搜集常用的网页制作软件的相关信息；
②打开多媒体电脑教室的教师机和学生机，保证电脑教室的广播系统工作正常；
③共享班级文件夹；
④示例的班级网站及网页。
六、教学模式选择
“学生主体，教师主导”的教学模式。
七、教学过程
1.情境引入： 向学生展示一组优秀网站、网页，激发学生创作自己个人网站的兴趣和欲望。学生在观看，欣赏网站时，受到激励产生想制作一个网页的冲动。在师生欣赏网页作品时复习回顾已学并已淡忘的基础知识。问题：网页的构成元素及布局？教师分析案例，与学生共同回顾文字的插入、图片的插入和设置、动画的插入和设置、表格的相关操作等相关知识。让学生在案例中回顾基础，激发灵感。并引入本节主题，自己动手制作网页。
2.展示模板：
教师向学生展示本节课要完成的网页。要求学生会模仿制作出该网页模板，并能够自己创作出新的网页模板。
3.本节任务：
1）网页与网站有什么区别？
2）一个网页由哪些元素组成？对照给出的网页分析网页的组成元素—标题图片，标题栏，水平线，滚动字幕，图片，文字及背景等等。
3)用Photoshop 处理素材，达到给出网页中图片标题，并设计出突出自己主题的网站标题。 拓展：用photoshop软件，画图软件，或flash软件设计自己需要的网页图片。 4）要求学生会模仿制作出该网页模板，并能够根据自己确立的主题制作一个网页模板。 学生自主完成模板仿制，并自主探究设计一个复合自己设计主题的网页模板。小组内成员可相互交流，教师巡视，随时解决学生在学习过程中遇到的问题，并注意收集有共性的问题，并适时给以学生以点拨。尤其关注一下学困生。
5）小组选出最佳模板，探究完善此模板，然后以此模板设计网页。 4.评价展示：
作品完成，提交给教师机，自我评价，小组互评，选出小组最佳作品提交展示，师生共同赏析评价，挖掘作品优点，并指出改进之处。培养大家的审美能力，并挖掘大家的创新能力。
5.课堂小结
师生共同回顾这节课的基础知识与基本技能，并加强网络道德意识，注意版权。
八、教学反思
在信息技术教学中，必须以新的教学理念和教学理论为指导，根据新的课程标准，探索适合信息技术课堂教学的教与学的新策略和新模式来挖掘学生潜能，提高学生素质。
以前我总认为信息技术课就是教会学生如何操作，课堂中总是采用“教师讲，学生听”的传统模式，是“学”跟着“教”走，只要“我说你做”就可以了。现在我尝试着做一些改进，在本课题中围绕“学生主体、教师主导”的设计理念去设计每个教学环节，积极体现学生的主体作用，努力提高学生的学习效果。
实践证明我的想法是好的，但是在实践中难免有疏忽和做的不够细的地方。比如：由于我的观察不全面，忽略了个别学生学习中的心理障碍，有些学生的畏难情绪影响到他的整个学习效果；课堂学习气氛热烈但不够和谐。这些都说明了一个问题：我仅仅注重了学生整体主体的体现，而忽略了个体。经过思考，我认为在这节课的教学设计中可以多增加个体展示的机会，特别是那些学习有困难的学生，我应该多关注他们的动态，多帮助他们。
本课的教学目标是掌握使用FrontPage制作网页的基本方法；重点是掌握在网页中插入文字和图片的方法；难点在于插入表格规划网页的结构。
备课时，发现教材以一个标题，一张图片以及一篇文章的简单结构示例，如果完全依照教材进行授课，势必无法突破难点。于是设计了一个将学生前期制作的环保报刊，利用FrontPage软件制成网页的环节来帮助学生突破难点。并取学生环保报刊中具典型结构的五份。制作出引导学生分析结构，规划框架的演示片备用。
课堂以自主探究的模式展开，同学们在以往的学习中已掌握了在Word中插入表格、图片等方法，在FrontPage中他们很顺利地完成了教材呈现的目标。基本掌握了单张网页的制作方法。
接下来就是突破难点的训练。面对演示片呈现出的任务及教材相关提示。此时，问题集中到如何插入一个布局表格来实现规划好的结构。而教材上完全没有提示学生探究FrontPage “表格”与Word “表格” 功能的异同。少数同学开始试着插入适合自己网页结构的框架表格，而大部分的同学则完全没有考虑结构问题，做起直接的搬移，将FrontPage当成Word来用。直到出现无法将图片，文字放置到设想位置时，才意识到教材中“FrontPage通常用表格来安排网页中各种内容（文章、图形等）的版面位置。”这问话的含义是否明确。急着寻求解决的办法。我便让哪些意识到要先插入适当结构框架表的学生来说说他们的想法。并及时出示与学生思维一致的演示片，将探究FrontPage “表格”功能的提示呈现给他们。同时利用极域教室的功能，向全体同学展示同伴的探究结果，让学生不同的思绪方式及智慧产生碰撞，相互启示，顺利突破教学难点。
推荐第3篇：“网页的制作”教学设计
《网页的制作》教学设计
山东省昌乐二中 滕学梅
【学情分析】
1.在学习网页制作之前，学生进行了网站的规划与设计，还没有就网页制作真正着手练习，对Frontpage的使用比较陌生，但是已经有word等软件的操作基础，很多基本的操作可以迁移过来。并且，通过高一的学习与养成，学习小组的整体意识已经建立，组内合作、组间竞争的氛围已经形成，所以可以采用先进行自主练习，然后合作探究，通过各组推荐的作品展示进行评价，在展示的同时也提高了学生的技术水平。
2.学生操作基础不同，接受能力不同，可以充分发挥各小组“技术顾问”的作用，帮助指导组内其他成员，共同完成学习任务。【学习目标】
1.熟练掌握网页制作和美化的基本操作，提高操作和审美能力；2.大胆动手，积极实践，总结用网页表达主题的技巧和方法； 3.积极、热情地投入学习，体验网页制作的快乐。 【重点难点】
1.重点：利用表格对网页进行布局；网页中的图文设置及超链接的使用。 2.难点：网页间超链接的建立。 【教学过程】
课前准备：提前做好小组座次安排，由学科班长组织大家按组入座。
一、展示导入，明确学习目标（3分钟）
1.展示精彩网页（如北京大学、清华大学网站首页），引导学生简单分析网页风格。2.明确本节课学习目标与主要任务。
二、指导与点拨（3分钟）
1.分析北京大学网站首页，观察其网页布局（如图），引导学生尝试使用表格对网页进行版面设计。2.对网页制作所用的基本操作进行点拨： （1）文字、图片的添加与调整 （2）网页背景的设置 （3）超链接的建立
三、基本功练习（10分钟）
1.任务：快速“克隆”示例网页。（素材发到桌面“基本功练习”文件夹中）
与word中的操作类似，注意迁移 2.要求：（1）先独立练习（参考导学案的“操作导航”）；尝试一遍后可与组内同学小声交流，解决疑难问题；
（2）每组的“技术顾问”完成任务后可下座指导； （3）完成后相互检查超链接的效果。
四、制作主题网页（15分钟）
1.任务：从桌面“主题网页”文件夹给出的四个主题中选择一个，快速完成主题网页的制作；
2.具体要求参看导学案“实践探究”部分；可两人合作，有能力者最好独立完成；
五、作品推选、上传：每组推选一个作品参加组间评选，并将作品文件夹传至FTP。
六、精彩展示（10分钟）各组派一代表向全班展示自己的作品，并简介操作要点。展示前，引导全体学生积极思考以下问题：
1.你从展示作品中学到了什么？有哪些可借鉴之处？
2.你是否清楚各作品的效果是如何实现的？若有疑问，及时提出。3.能不能提出更好的修改建议？
注：1.学生展示过程中，教师要引导大家规范操作，对于重点加以强调。 2.提醒学科班长记录参与展示和积极质疑、解答的同学，汇入评价。
七、完善提升：（5分钟）
1.借鉴所展示作品的优秀之处，进一步完善自己的作品；2.根据展示同学的演示，将新学到的操作尝试一遍。
八、总结：
1.网页制作要领：（1）灵活运用基本操作；（2）版面设计清晰、条理，或者有独特之处；（3）配色和谐，给人美感；（4）超链接顺畅、自由，方便使用。 2.由学科班长公布本节课评价统计情况。
【教学反思】
1.在学生自主练习过程中，适时指导很重要，但教师一人肯定不能照顾全体学生，所以充分发挥学习小组的“技术顾问”的作用很关键。
2.在“制作主题网页”环节，给学生准备四个不同的主题素材是很有必要的，我们在进行教学设计时要考虑到学生个性、兴趣不同，并加以利用，促进教学。
3.对进行展示的同学要进行简单培训（或者对各组长进行培训，由组长传达到展示者），防止展示时只宣讲他们网页中的内容，而忽略技术，浪费宝贵的时间。4.课堂即时评价很重要。学生初次接触一个软件，要经常收获一点成就感才有进一步探索的欲望，这就需要我们教师注意发现、及时鼓励。学科班长记录好大家的课堂参与情况，下课前公布，这项工作若坚持下来，对我们的教学会有很大促进。
推荐第4篇：网页制作软件 教学设计
网页制作软件
一、教材分析
本课是FRONTPAGE中一节基础内容课，也是FRONTPAGE以后知识学习的铺垫。本节课以制作一个简单网页为教学任务，学习目的明确，步骤清楚，希望完成任务而初步掌握简单制作步骤的指导思想。同时对学生网页的创作能力、网页布局和色彩搭配能力进行激发与培养。并为其以后进一步学习网页制作而打下良好的基础。本节课的重点是网页常用编辑器以及网页设计布局，难点是网页的设计及布局。教师重点在导，学生重点在实践与创新。为了合理利用上课时间，将用已有部分拓展知识和演示范例利用网络下传至学生机，以利于学生上课的实践与创新。
二、学情分析
我校的大部分学生在小学就接受过系统的信息技术课程学习，具备了一定的计算机操作能力，加上初
一、初二也学完了word execl powerpoint的知识，应该说学生都具备了一定的基础。但也有部分学生基础没有打好，但基本的操作应该没有多大问题。因此，在教学过程中关于frontpage的打开与保存，这里我让学生自己去学习，教师只给予必要的提示。而关于HTML 和讲授网页布局的过程时，有必要要教师先演示一下，这也是本节课的重难点。
三、教学目标分析：
1、知识目标：
通过本节的教学，学生将了解常用的网页制作软件，掌握frontpage的操作界面，并能亲自尝试做出简单的网页作品。
2、过程与方法
学生将通过教师的引导，学会通过自主的研究探索，主动获取知识，并运用知识解决问题，逐步地培养自己的创新精神和实践能力。这对于学生以后的进一步学习很有帮助。具体过程：课题引入-----教师提示------学生上机自主学习------问题反馈-----教师演示-----学生完成作品-----优秀作品点评-----教师小结-----巩固练习-----课后探究、实践。
3、情感、态度与价值观 ① 活动教学激发学生学习frontpage的兴趣。
② 培养他们自主学习、互相协作的良好学习习惯以及自主创新精神。
4、重点、难点
重点：了解常用的网页制作软件，掌握frontpage的操作界面。
难点：网页的合理布局和色彩搭配。
四、教法阐述
为了实现以上教学目标，结合教材特点，本课采用的主要教学方法有“任务驱动法”、“创设情境法”等。通过学生已经受过的美术教育和信息技术教育（课程整合），创设一个Inter网页在线的情境（创设情境法），设置一个个任务，让学生运用已学知识，自己动手，有机完成课堂设计的各种操作（任务驱动法）（包括：了解常用软件的概况，利用word对frontpage的操作界面熟练掌握，完成自己的第一个网页设计。）以任务驱动的方式查漏补缺，使教学内容合理流动，水到渠成。教学中，启发、诱导贯穿始终，充分调动学生的学习积极性，注意调节课堂教学气氛，使学生变被动学习为主动愉快的学习，使课堂能在生动、有趣、高效中进行。
五、学法指导
本课教给学生的学法是“接受任务——思考讨论——合作操练”。 建构主义学习理论强调以学生为中心，要求学生由知识的灌输对象转变为信息加工的主体。故此本课教学过程中，巧妙设计，让学生带着一个个任务通过课堂讨论、相互合作、实际操作等方式，自我探索，自主学习，使学生在完成任务的过程中不知不觉实现知识的传递、迁移和融合。
六、教学设计
1、收集资料，激发兴趣。
在这一环节中，教师利用课前准备好的前期省市获奖网页作品，并将之融合到课件中。教师结合初中学生特点和乡土教育，故利用屏幕广播播放《我的家乡》和《思品斋》，让学生共同欣赏，从而引导学生的创作欲望，激发其兴趣。
设计意图：通过网页实例的导入，将课堂气氛调节得比较活跃，让学生更容易进入学习状态，为以下的学习做好铺垫。
2、初识网页制作软件。 在激发了学生学习兴趣后，教师趁势提出：你们也想制作这样的作品来表达自己的想法吗？顺势引出“三剑客”的概念，引导学生了解常见的html编辑器。
设计意图：通过学生感兴趣的问题设问，吸引学生的注意力，激发学生的学习兴趣。
3、层层攻关（任务驱动 逐步提高 分层教学）
欣赏过网页，教师就提出与学生共同制作简单的网页的想法。在授课中我安排了多次的动手制作活动，制作难度由浅入深，旨在通过学生自己动手动脑，形成自主探究进而创作的能力。
（1）第一关：基本任务：边学边做，牛刀小试
由于是初次制作，所以不易过难过复杂，所以选择了让学生自主进入frontpage的界面，因为有office前面知识做铺垫，学生进入操作界面并可以在较短的时间内熟悉基本的操作界面，又有助于形成学生内心的成就感，提高学生继续学习的积极性。后巡回辅导并观察哪些学生用的方法最快、最简便。
学生：自主学习、互相协作，也可以参考教师已下传上操作方法或正确样例。 设计意图：这是第一关任务，对于已有计算机操作基础的学生来说相对较简单。所以我这里给出提示与操作方法后让学生自己去过这第一关。让学生学会操作，并尝试不同的操作方法来解决问题。 （2）第二关：进阶任务：由学到创，拓展提升
在学习完成第一个环节后，教师趁势提出html的概念，实例中字体、大小、颜色变化，引导学生观察普通、html、预览的不同，以及相关的操作方法。在此基础上，教师进一步设置了拓展问题，让学生设计自己的网页，并通过简单网页的制作体会html的具体含义。最后教师选择相关学生进行总结，教师注意点评。
学生：根据刚才学习的知识和教师提供的素材。先完成自己的作品并与同学进行交流和沟通。学生通过不断的实践，简单修改html的方法，并进行演示。
设计意图：这是第二关任务，其中html也是本节课的重难点，所以教师先用一种常用方法演示html的内容，而修改让学生自主学习完成。 同时让学生相互进行交流，有助于提高他们的学习积极性与成就感，又可以培养他们之间互相帮助学习的良好习惯。方法多样让学生学会用不同的操作方法来解决实际问题，但得让他们自己去实践，这有助于培养他们自主学习的良好习惯。 （3）第三关：挑战任务：展翅高飞，自由创作
在学习制作完第二个环节后，引导学生进入“网页达人”的环节，本环节主要讲解网页的布局等知识，由教师演示常见的网页布局格式，并简单的给学生进行点评和原理分析。在此基础上，引导学生结合自己的上网经历仔细对比异同，同时归纳适合个人网页的布局和颜色搭配方式。
设计意图：在第二关的基础上，对出现的问题，进行分析、演示。让学生在掌握操作技术的基础上对网页布局和颜色搭配有进一步的认识，在此基础上形成对学生审美观的培养。完成第三关操作任务即完成自己的作品。让学生能设计出有创意的作品，培养他们的创新精神。考虑到学生之间的差异，在这里只对背景和图片的接触和了解，让计算机基础好的一些学生能探索出新的知识操作。
4、评价作品 教师总结 评价作品
（1）学生互评：通过教师设置的共享文件夹了解其他学生作品，学生互相发表意见。
（2）学生自己推荐：认为自己作品好的学生可以举手向老师推荐。 （3）教师总结评价：教师对学生们评价出的优秀作品以及自己推荐的作品作评价并结合作品完成的时间前后评选出前5位优秀作品并进行表扬。
设计意图：培养学生评价他人作品的能力。互相欣赏作品可以让学生来检测自己的学习成果，知道彼此之间的差距。让学生有成就感，从而激发学生的学习积极性，进一步活跃了课堂气氛。
教师总结
教师结合学生作品和上课的具体情况总结本节课的主要内容，注意强调知识目标和情感态度价值观的总结。
5、知识竞答大比拼
教师演示准备好的一个知识竞答游戏，学生观看大屏幕，抢答题目。 设计意图：用游戏形式的巩固练习即让学生对本节课的知识学习得到反馈，进一步巩固所学知识，又可以活跃课堂气氛。
6、课后探究实践
教师给出提示，引导学生自主学习，充分挖掘他们的学习潜力
设计意图：让学生在课后有思考问题的空间，进一步激发他们学习frontpage的兴趣。培养他们自主学习计算机其他操作知识。
推荐第5篇：网页制作的教学设计
网页制作的教学设计
一、教学目标
1、知道站点、主页的概念，能在指定位置建立只有一个网页的站点；
2、认识 FRONTPAGE 的界面；
3、掌握在主页中插入文字、图片、水平线；
4、掌握页面文件与图片的保存。
二、教学重点
1、能在指定位置建立只有一个网页的站点（难点）
2、能在页面中插入文字、图片、水平线
3、掌握页面文件与图片的保存（难点）
三、学情分析
学生已经学习了 WORD、POWERPOINT 与上网浏览信息，对计算机的基本操作（ WORD 中文档的编辑，网页的浏览等）比较熟练。这使得学生主动探索、自主学习成为可能。每位学生必须完成基本任务，有能力的学生还可以完成提高篇的学习，以充分发挥学生的积极性与自主性。
四、教学方法
在教学中，一方面采用比较教学的方法，促进学生知识的迁移；另一方面，提供学生一个导学课件，让学生根据这个网络环境下的课件自己探索学习，以满足不同层次学生的需求。
五、教学过程设计
教师活动： 1、引入课题：（激发兴趣，活跃气氛）
同学们喜不喜欢上网？经常上新浪、西祠胡同等，有没有同学知道新浪、西祠胡同称做什么？（网站）
浏览新浪网站，浏览的第一个页面称为什么？（主页）
我们还可以浏览其它的页面，点击超链接浏览，当鼠标变成手指的形状时有超链接。
问题 1 ：网站是不是就是网页？用自己的语言描述一下网站的概念（网站包含多个网页，通过超链接把不同的页面链接起来）
问题 2 ：网页是不是就是主页？ ( 第一个页面称为主页 , 网站设计者可以确定哪一个是主页 , 主页的文件名一般为： index.htm, 主页也是网页 )
设计网站一般必须经过两个步骤，首先是在计算机里做好，然后发布在 internet 上，让所有的人访问浏览。
今天我们学习用 Frontpage 建立站点，制作一个主页。
先来研究一下没有发布的网站 , 打开教师做的网站
问：同学们看到了什么？（文件夹）
总结：
可以这样理解网站：在资源管理器里，网站表现为一个文件夹，里面存放的是所有与网站相关的文件。
打开主页，浏览页面，这是老师做的一个导学课件，将帮助大家完成学习任务。
请学生浏览教师课件，了解学习任务
2、新建站点
FP 的启动
问：与 word 比较，有什么不同？
（增加了视图区，编辑区有三个窗口）
总结：
视图区：多种视图模式是为了方便网站的管理。制作网页时，必须在网页视图中编辑页面
普通窗口：鼠标在闪动，可编辑、修改页面，所见即所得的方式
预览窗口：浏览器中出现的效果，与 PowerPoint 中的 “ 放映幻灯片 ” 类似。
Html 窗口：编写 HTML （超文本标记语言，它是描述网页内容和外观的标准。）
打开导学软件，根据步骤，示范建立只有一个网页的站点，强调新站点的位置、路径的正确输入，站点的名称。
（教会学生利用导学课件，根据导学软件完成任务）
任务 1 ：学生根据导学课件，在 d:\\ 建立自己站点
教师巡视指导
请一位学生示范如何建立站点 , 教师总结
问：在文件夹列表中看到了什么？
分析多出的文件夹列表栏，多了一个文件夹，里面有两个子文件夹和主页，图片存放在 images 文件夹中）
3、编辑主页与保存主页
看效果图，请学生分析主页中的元素
总结：鲜明的主题，如：我的世界、我的宠物等，有分割页面的水平线，与主题相关的图片，对网站的简单介绍
根据导学软件，学生完成任务 2 ：设计主页、保存主页与图片
教师巡视指导
4、总结反馈
请学生示范，讲解如何插入图片（来自剪贴画与来自文件）、插入水平线，如何保存
总结：必须切换到 “ 普通 ” 窗口下编辑
主页的保存中存在问题：
单击 “ 文件 ”----“ 保存 ” 或工具栏的 “ 保存 ” 按扭，弹出一个对话框，保存嵌入式文件，改变文件夹，图片必须保存在本站点 images 文件夹中 , 便于站点的管理。
5、请学生继续完成自己的主页，有能力的同学完成提高篇
教师巡视指导
6、教师与学生共同评价总结
展示学生作品，教师与学生共同评价
请学生总结今天的学习内容：建立包含一个页面的站点，主页的设计与保存。
学生活动：学生回答问题、学观察鼠标指针、学生回答问题、学生观察网站的表现形式、齐声回答、学生浏览课件，并了解本节课的学习任务、学生观察 FP 界面与 word 的不同、学生回答、学生观察教师演示不同编辑窗口的区别。学生上机操作，在指定位置建立自己站点、请先做好的学生当小老师，辅导其它学生。学生回答、学生操作，同桌互相帮助，并参考教师做的课件，利用网络环境下的课件自己探索学习，满足不同层次学生的需求、学生总结
注：课件中包含每一个操作过程的操作步骤及拓展的知识、基本任务与提高任务的效果图。
点评：
教学课题 “ 网页制作 ” 作为初中阶段的最后一部分内容，难度较大，教学的深度较难掌握。这就要教师在备教材的基础上，同时还要备学生，做到对学生的情况有较为深刻地了解，以便很好地完成教学任务，达到预期的教学效果。根据教材和《中小学信息技术课程指导纲要（试行）》中的精神，本课应以 “ 任务驱动 ” 的方式完成，一方面教会学生了解和熟悉具体软件的基本功能，另一方面又能主动地掌握并深入学习思考。寻着这个思路授课教师在课前作了大量的课前准备制作出了相应的教学课件 “ 网页制作 ” 。
一、调动学生的学习热情，变被动学习为主动学习
整个教学过 程张云 老师采取了 “ 引导加任务驱动 ” 的模式进行。首先教师进行导入，导入概念，强调概念；再引导学生学习课件的使用，引导他们读懂课件中的第一个任务：建立一个只有一页的网站，（此处若能引导学生，由学生来完成，减少老师的操作，效果会更好），然后让学生模仿第一步的操作进行下面内容的学习，完成导学材料中给出的一个个任务。
二、突出重点，及时点评
张云 老师在引导学生进行学习、操作后，就主动地去观察和发现学生中出现的问题，甚至于课前对可能出现的问题，也进行有预见性地准备；发现问题及时点评。（点评分为个别点评和全班点评，点评不等于教师将操作过程演示一遍。 张云 老师在点评建成的网站时，重点若再突出些，介绍再清楚些，效果会更好。比如：站点中内容说明不够清楚等。）
三、发挥学生的协作学习精神
张云 老师在教学过程中，对有困难的学生进行个别辅导，同时还需发挥学生的协作学习的精神，充分调动学生学习的积极性，让学有余力的学生充当 “ 小老师 ” ，从而体会到学习的乐趣。（整个教学过程中，这点做地不够，没有充分地让师生互动起来）
四、重点突出、目标明确
最后， 张 老师在整个教学过程中，应再突出教学重点，明确本节课的任务。（课前的导入，最好给出教学目标，课后的小结应让学生总结他本堂课学习到哪些知识，所以感觉这节课重点不突出，内容分散。）
五、教学效果较好
由 于张云 老师在课前对本课作了大量的准备工作，课件制作效果较好，所以学生完成情况很好，教学任务完成情况较好。
推荐第6篇：网页的制作教学设计
网页的制作
一、教学题目：网页的制作
二、教学目标：
1、知道站点、主页的概念，能在指定位置建立只有一个网页的站点；
2、认识FRONTPAGE的界面；
3、掌握在主页中插入文字、图片、水平线；
4、掌握页面文件与图片的保存。
三、教学重点：
1、能在指定位置建立只有一个网页的站点（难点）
2、能在页面中插入文字、图片、水平线
3、掌握页面文件与图片的保存（难点）
四、教学难点：
在教学中，一方面采用比较教学的方法，促进学生知识的迁移；另一方面，提供学生一个导学课件，让学生根据这个网络环境下的课件自己探索学习，以满足不同层次学生的需求。
五、教学过程：
教师活动：
1、引入课题：（激发兴趣，活跃气氛）
同学们喜不喜欢上网？经常上新浪、西祠胡同等，有没有同学知道新浪、西祠胡同称做什么？（网站）
浏览新浪网站，浏览的第一个页面称为什么？（主页）
我们还可以浏览其它的页面，点击超链接浏览，当鼠标变成手指的形状时有超链接。
问题1：网站是不是就是网页？用自己的语言描述一下网站的概念（网站包含多个网页，通过超链接把不同的页面链接起来）
问题2：网页是不是就是主页？(第一个页面称为主页,网站设计者可以确定哪一个是主页,主页的文件名一般为：index.htm,主页也是网页) 设计网站一般必须经过两个步骤，首先是在计算机里做好，然后发布在internet上，让所有的人访问浏览。
今天我们学习用Frontpage建立站点，制作一个主页。 先来研究一下没有发布的网站,打开教师做的网站 问：同学们看到了什么？（文件夹） 总结：
可以这样理解网站：在资源管理器里，网站表现为一个文件夹，里面存放的是所有与网站相关的文件。
打开主页，浏览页面，这是老师做的一个导学课件，将帮助大家完成学习任务。请学生浏览教师课件，了解学习任务。
2、新建站点
FrontPage的启动 问：与word比较，有什么不同？（增加了视图区，编辑区有三个窗口） 总结：
视图区：多种视图模式是为了方便网站的管理。制作网页时，必须在网页视图中编辑页面。
普通窗口：鼠标在闪动，可编辑、修改页面，所见即所得的方式。
预览窗口：浏览器中出现的效果，与PowerPoint中的“放映幻灯片”类似。 Html窗口：编写HTML（超文本标记语言，它是描述网页内容和外观的标准。） 打开导学软件，根据步骤，示范建立只有一个网页的站点，强调新站点的位置、路径的正确输入，站点的名称。
任务1：学生根据导学课件，在d:\\建立自己站点 请一位学生示范如何建立站点,教师总结。 问：在文件夹列表中看到了什么？
分析多出的文件夹列表栏，多了一个文件夹，里面有两个子文件夹和主页，图片存放在images文件夹中。
3、编辑主页与保存主页
看效果图，请学生分析主页中的元素
总结：鲜明的主题，如：我的世界、我的宠物等，有分割页面的水平线，与主题相关的图片，对网站的简单介绍
根据导学软件，学生完成任务2：设计主页、保存主页与图片
4、总结反馈
请学生示范，讲解如何插入图片（来自剪贴画与来自文件）、插入水平线，如何保存
总结：必须切换到“普通”窗口下编辑 主页的保存中存在问题：
单击“文件”---“保存”或工具栏的“保存”按扭，弹出一个对话框，保存嵌入式文件，改变文件夹，图片必须保存在本站点images文件夹中,便于站点的管理。
5、请学生继续完成自己的主页，有能力的同学完成提高篇
六、小结：
展示学生作品，教师与学生共同评价 请学生总结今天的学习内容：建立包含一个页面的站点，主页的设计与保存。
推荐第7篇：《制作网页》教学设计（优秀）
制作网页教学设计
一、教材分析
《制作创建网页》本课为海南出版社出版的信息技术教材八年级下册第三章第二节的内容，教材中采用的网页制作软件是FrontPage2000。FrontPage2000采用了与Word等其他Office软件相类似的图形操作界面，八年级的学生他们已经学过Word2000、Excel2000、PowerPoint2000的操作，对FrontPage2000的许多菜单、工具的操作会有一种似曾相识的感觉，这种知识迁移对后续的学习非常有利。不仅给学生提供一个自由发挥的空间，同时也给学生提供了自由创新的机会，是学生感兴趣的内容。
二、学情分析
本课教学对象为八年级学生，作为八年级的学生他们已具备一定的网络基础能力，他们好奇，有个性，富有挑战精神。自由选材制作班级主页是学生们很感兴趣的事情。学生之间互相展示作品又使他们受到激励，从而会以满腔热情投入到学习的活动中。这些对本课的学习是十分有利的，有助于学生轻松进入FrontPage的网页创作世界。
三、教学三维目标 知识与技能：
1、经过学习能建立一个站点；
2、初步掌握网页制作的过程，在网页中插入图片、flash动画和文字等元素；
3、制作一个简单的“我的空间站”个人网页。过程与方法：
1.通过欣赏优秀网站，培养学生自学、合作学习和动手能力。2利用适当工具集成信息以表达某一个主题 情感态度与价值观：
1.通过欣赏和评价优秀的网站，激发学生创作欲望和学习兴趣。2.通过动手制作网站，体验创造的乐趣和成功的喜悦。 3.培养欣赏美和创造美的能力
四、教学重点和难点
教学重点：站点的建立、改变网页主题、Flash动画的插入、超链接的设置 教学难点：站点的建立、Flash动画的设置和超链接的设置 教法：任务驱动法、演示法 学法：小组合作法、探究法
教学手段：采用多媒体网络教学
五、教学过程
（一） 情景创设，引出问题
学生上网、浏览网页，访问推荐网站。组织学生讨论网页的组成元素（如：文字、图片、视频、动画、音频„„），教师质疑：喜欢上网，是否想过亲自来设计和制作属于自己的网页，来彰显自己的风采呢？
教师：这节课我们要学的内容是用FrontPage制作网页。在进入本课程前，我们先来回顾上节课所学的知识：建设网站前应做什么准备？
学生：确定主题和收集素材
教师：接下来，我们来学习“我的空间站”的个人站点的相关制作。
（设计意图：情境导入，培养学生观察、审美、发现问题的能力，激发学生的学习兴趣，调动学生的学习积极性。同时为引出下面的知识做好铺垫。）
（二）新课讲授 一）新建站点
1、frontpage的启动步骤及窗口基本组成
2、教师演示操作边讲解：打开frontpage，新建“站点”。
3、布置任务（任务一）
每位同学在C盘新建一个站点，站点名称使用A+班号+学号，然后打开此站点文件夹，观察里面有哪些文件和文件夹。（学生练习过程中，会出现一些问题：如路径输入不正确，导致站点建立不成功。教师巡堂指导学生解决问题的途径。) 提问
1、站点内第一张网页一般起什么名字？
提问
2、站点内有一个“images”的文件夹，有什么用？（学生思考并回答） （设计意图：通过学生自主学习，教师设问引导学生思考，若发现学生的不足，才针对问题进行讲解。从而培养学生的自主学习的能力，以及掌握解决问题的方法。）
二）网页的制作
1、改变网页的主题风格（选择“格式”菜单—“主题”子菜单，点击打开，根据需要选择主题）
2、编辑网页内容（文字、图片、动画等）
重点讲解Flash动画插入步骤：选择“插入”菜单—“图片/Flash影片”子菜单----打开“选择文件”对话框，选择要插入的Flash文件，插入即可。
3、超链接的对象：既可以是文字也可以是图片
重点讲解超链接插入步骤：选择“插入”菜单—“超链接” 子菜单—打开“超链接”对话框，选择连接对象即可。
4、预览网页及保存图片：单击左下方的预览按钮及选择图片保存位置
5、布置任务（任务二）
以小组为单位进行探究学习：每位同学在打开个人站点的首页，按网页制作的步骤进行实践操作。
教师：将准备好的素材传到学生端机子。 学生：上机操作、实践。 教师：巡视课堂，个别辅导。
（设计意图：学生体验从“做中学”的乐趣，培养学生自主学习能力，提高学生的动手实践能力和协作能力，从而激发学生创造欲、表现欲。）
六、交流评价、作品展示 学生上台展示自己的作品，教师讲解，对其中出现的各种问题，提问学生。（此过程可安排如下：教师展示一个做得有欠缺的网页，可以是学生的作品，也可以是课前准备好的作品。和学生一起讨论，对要求掌握的知识进一步巩固。）最后，学生彼此交流学习心得，互评互助。
（设计意图：学生主动参与到学业活动中，培养学生的语言表达能力，强化学生学习的积极性。）
七、课堂小结归纳信息
经过这节课的学习，我们已经会做一张基本的网页了，但是大家在看了许多精彩的网页后会发现，自己现在的这个网页自己还是有许多值得改进的地方。
所以在以后的学习中，我们会学习更多的关于网页制作方面的知识，让大家的制作的网站在网上发布，让成千上万的人去点击！
推荐第8篇：网页设计制作要求
网页设计制作招聘要求
岗位职责：
1、负责公司网站的设计、改版、更新；
2、负责公司产品的界面进行设计、编辑、美化等工作；
3、对公司的宣传产品进行美工设计；
4、负责客户及系统内的广告和专题的设计；
5、负责与开发人员配合完成所辖网站等前台页面设计和编辑；
6、其他与美术设计相关的工作。
任职资格：
1、美术、平面设计相关专业，专科及以上学历；
2、两年以上网页设计及平面设计工作经验；
3、有扎实的美术功底、良好的创意思维和理解能力，能及时把握客户需求；
4、精通Photoshop\\Dreamweaver\\Illustrator等设计软件，对图片渲染和视觉效果有较好认识；
5、善于与人沟通，良好的团队合作精神和高度的责任感，能够承受压力，有创新精神，保证工作质量；
推荐第9篇：网页设计与制作
《网页设计与制作》教学大纲
第一部分 大纲说明
一、课程的性质和任务
《网页设计与制作》是高等职业学校计算机专业的一门必修的专业基础课。本课程讲述了网站创建、网页制作基本知识、Dreamweaver网页制作集成工具使用的方法等内容。通过本课程的学习，使学生掌握构建网站的基本知识，熟悉网页开发平台的使用，能够独立的创建个人网站。
二、课程教学要求
1、理论和实践相结合
本课程是计算机专业的一门必修的专业课程，是理论和实践相结合的课程。该课程重点是构建网站的基本知识，，熟悉网页开发平台的使用，能够独立的创建个人网站。在教学过程中 要与Dreamweaver MX、Flash MX和Firework MX结合起来，同时，应该使课堂理论教学与学生参与专业实践相结合，在课外安排一定的时间进行专业实践，这样学生在学习中，通过理论学习和上机操作实验熟悉构建网站的流程，能够进行简单图像和动画的制作、加工和处理，能够独立的创建个人网站。
2、加强课堂练习与课后练习
为了训练和培养学生的实际操作能力，必须要求学生进行课堂练习与课后作业练习，加强学生的专业技能和基础理论的学习。
三、教学时数与教材
网页设计与制作课程教学总学时数为54学时，其中授课时间为32学时，实验课时为22学时；《网页设计与制作》，田博文编著，人民邮电出版社，2004年。
四、课程教学方法
在网页设计与制作的教学中应当注意：
1、教学方法
本课程应采用理论与实践结合，讲授与自学结合，实践操作与课堂讨论结合的“三结合”教学方法。
2、教学形式
1 本课程的教学形式可以采用班组教学、课堂讲授、利用业余时间自学等形式。
3、实践性环节教学要求
本课程具有较强的实践性和应用性，教学过程中应该贯彻理论与实践相结合的原则，有重点的组织一些课堂讨论和实践操作以及单元测试，督促并检查学生按时完成课外作业，有条件的情况下，可以组织学生到有关部门及单位参观、座谈、以增强学生的感性认识。
第二部分 教学内容和教学要求
第一章 基础知识（2学时） 教学目的与要求：
通过本章学习，学生应了解网页被执行的详细过程，以及与网络相关的基本定义和概念，并掌握在网络中建立网站的方法。
重点难点：在网络中建立网站的方法教学内容： 教学内容：
（一） 网络基础知识
（二） 初识网页
（三）网上安家
第二章 创建本地虚拟站点（4学时） 教学目的与要求：
通过本章学习，让学生熟练掌握在本地创建虚拟站点与创建文件和文件夹的方法，以及站点管理器的使用，了解制作网站的准备工作。 重点难点：创建虚拟站点与创建文件和文件夹的方法 教学内容：
（一）准备工作
1、了解网站的服务群体
2、确定网站的主题
2
3、画出结构图
4、确定网站命名规则
（二） 创建虚拟网站
（三）其他功能
1、站点地图布局
2、保存站点地图
3、设计备注
第三章 文档、文本和链接（4学时） 教学目的与要求：
通过本章的学习，让学生熟练掌握创建、保存文档的方法，以及文本的各项参数设置和文本超级链接、图像超级链接、下载链接的使用方法，了解文本各项参数的源代码表示方法。
重点难点：创建、保存文档的方法，以及文本的各项参数设置和文本超级链接、图像超级链接、下载链接的使用方法 教学内容：
（一） 新建文档
（二）建立超级链接
1、添加文本链接
2、图像超级链接
3、电子邮件链接
4、下载链接
5、命名锚记 第四章 Web图像（4学时） 教学目的与要求：
通过本章的学习，让学生熟练掌握在Dreamweaver MX中使用图像的一些基本方法和技巧、设置网页背景色和背景图像的方法、图像映射和跟踪图像的方法，了解GIF和JPEG两种图像格式的异同点和使用环境。
重点难点：设置网页背景色和背景图像的方法、图像映射和跟踪图像的方法 教学内容：
3
（一） 网页中的色彩
（二） 图像格式
1、GIF格式
2、JPEG格式
3、如何正确地使用GIF
（三） Dreamweaver MX中的图像技术
（四） 设置网页背景
1、改变网页背景色
2、设置背景图像
（五） 在Dreamweaver 中巧妙地处理图像
1、给图像添加文字说明
2、图像映射
3、跟踪图像
第五章 Fireworks MX中的图像技术（4学时） 教学目的与要求：
通过本章的学习，让学生熟练掌握文本工具、绘图工具和握样式的使用，以及GIF、JPEG格式图像的输出，图像处理技术和在Fireworks MX中制作HTML网页的过程。
重点难点： 文本工具、绘图工具和握样式的使用，以及GIF、JPEG格式图像的输出，图像处理技术和在Fireworks MX中制作HTML网页的过程。 教学内容：
（一） 制作漂亮的文字
（二） 制作个性化的网站标志
（三） 制作网页背景图像
（四）对图像进行美化
（五） 制作HTML网页
（六） Dreamweaver MX与Fireworks MX的配合使用
4 第六章 表格（4学时） 教学目的与要求：
通过本章的学习，让学生熟练掌握表格的创建、编辑过程、表格的嵌套、表格的宽度、边框、背景色和背景图像的位置和表格的各种标签的源代码，了解表格的组成及各项参数的含义。
重点难点： 表格的创建、编辑过程、表格的嵌套、表格的宽度、边框、背景色和背景图像的位置和表格的各种标签的源代码 教学内容：
（一） 表格的组成
（二） 建立表格
（三） 表格属性
（四） 在表格内添加元素
（五） 选择表格
（六） 编辑表格
（七） 增加、删除行和列及拆分、合并单元格
（八） 表格的缩放
1、用拖放方法缩放表格的大小
2、用表格的[属性]面板改变表格尺寸
（九） 一个完整的页面制作过程
1、页眉的制作
2、左侧导航区的制作
3、制作中间主要区域
4、制作右侧新闻摘要区 第七章 框架（4学时） 教学目的与要求：
通过本章的学习，让学生熟练掌握创建、保存框架的过程、框架组、框架的属性设置和框架中链接的目标显示窗口、了解框架的含义。
5 重点难点： 创建、保存框架的过程、框架组、框架的属性设置和框架中链接的目标显示窗口 教学内容：
（一） 建立框架
1、建立框架
2、插入框架
3、添加内容
4、保存框架
（二） 选取框架
1、选择一个框架
2、选择框架组
（三） 框架和框架组的属性
1、框架属性
2、框架组属性
（四） 编辑框架
（五） 框架中链接的目标显示窗口 第八章 表单（4学时） 教学目的与要求：
通过本章的学习，让学生熟练掌握各表单的属性，了解表单的含义。重点难点：各表单的属性 教学内容：
（一） 创建一个反馈表单
（二） 测试表单页
（三） 表单及表单域的各项属性
第九章 插入其他对象（4学时） 教学目的与要求：
通过本章的学习，让学生熟练掌握水平线、6种文件头标签、插入字符的使用，熟练在网页中插入多种格式的视频。
重点难点：水平线、6种文件头标签、插入字符的使用，熟练在网页中插入多种格式的视频 教学内容：
（一） 插入水平线
（二） 插入文件头标签
（三） 插入字符
（四） 插入多媒体
1、插入Flash动画
2、插入插件
3、播放“*.rm”格式影片 第十章 HTML样式和CSS样式（4学时） 教学目的与要求：
通过本章的学习，让学生熟练掌握HTML样式的用法、CSS样式的创建、3种放置CSS代码的方式，了解CSS样式的定义。
重点难点：HTML样式的用法、CSS样式的创建、3种放置CSS代码的方式 教学内容：
（一） HTML样式
1、新建样式
2、应用HTML样式
3、清除HTML样式
4、在面板中处理样式
（二） 什么是CSS样式
（三）[CSS样式]面板
（四）CSS的属性
（五） 使用Dreamweaver MX中的CSS样式编辑器
1、创建自定义样式
2、重定义HTML标签
3、使用CSS选择器
4、附加样式表 第十一章 Flash MX（4学时） 教学目的与要求：
通过本章的学习，让学生熟练掌握用工具箱中的工具创建和编辑图形、视频、音频的导入、运动动画、变形动画的创建、运动引导动画、遮罩动画的创建，了解矢量动画、位图图像的定义。
重点难点： 用工具箱中的工具创建和编辑图形、视频、音频的导入、运动动画、变形动画的创建、运动引导动画、遮罩动画的创建 教学内容:
（一） 基础知识
1、电脑动画
2、矢量图形
3、位图图像
4、Flash动画的特点
（二） Flash MX
（三） 创建图形
（四） 编辑图形
（五） 素材和元件
1、视频的导入
2、音频的导入
3、元件
（六） 创建基本动画
1、运动动画和变色动画
2、变形动画
3、逐帧动画
（七） 创建多层动画
8
1、制作运动引导动画
2、制作遮罩动画
（八）作品的测试和发布
1、作品的测试
2、作品的优化
3、作品的导出和发布 第十二章 模板和库（4学时） 教学目的与要求：
通过本章的学习，让学生熟练掌握模板、库的创建方法，了解[资源]面板的一般用法。
重点难点： 模板、库的创建方法 教学内容:
（一） [资源]面板
（二） Dreamweaver MX中的模板
1、创建模板
2、创建可编辑区域
3、创建重复区域
4、创建重复表格
5、编辑模板
6、使用模板
（三） Dreamweaver MX中的库
1、什么是库
2、怎样使用库
第十三章 源代码相关功能及行为（4学时） 教学目的与要求：
通过本章的学习，让学生熟练掌握13种行为的创建过程、代码提示、标签选择器、标签编辑器、标签检查器的使用，了解标签管理器的一般用法。 重点难点：13种行为的创建过程、代码提示、标签选择器、标签编辑器、标签检查器的使用
9 教学内容:
（一） 查看源代码
（二） 管理标签库
（三） Dreamweaver中的编码
1、使用代码提示加入背景音乐
2、使用代码片断快速创建网页
3、使用标签选择器插入浮动框架
4、使用标签编辑器编辑标签
5、用标签检查器编辑标签
6、使用快速标签编辑器插入标签
（四） 插入HTML注释
（五） [行为]面板
（六） 事件
（七） 动作
1、播放声音
2、打开浏览器窗口
3、弹出信息
4、调用JavaScript
5、改变属性
6、交换图像
7、检查浏览器
8、检查表单
9、控制Shockwave或Flash
10、转到URL
11、设置导航条图像
12、跳转菜单
13、弹出式菜单 第十四章 网页发布（4学时） 教学目的与要求：
通过本章的学习，让学生熟练掌握设置FTP上传的步骤、发布网页的过程、检查、改变站点范围的链接的方法、检查、改变站点范围的链接的方法、清理文档的过程、同步的使用方法，了解报告的作用。
10 重点难点：设置FTP上传的步骤、发布网页的过程、检查、改变站点范围的链接的方法、检查、改变站点范围的链接的方法、清理文档的过程、同步的使用方法 教学内容:
（一） 设置FTP上传
（二） 发布网页
（三） 报告
（四） 检查站点范围的链接
（五） 改变站点范围的链接
（六） 查找和替换
（七） 清理文档
（八） 同步
推荐第10篇：网页设计制作教程
教你怎么设计制作网站
首先，可以告诉想设计制作网站或想从事网站制作相关行业的的朋友。做网站有很多种方式，不外乎自己开发，找人开发。找人开发这里就不说了，没有什么技术含量，准备好钱就可以了，自己做网站主要有下面两种方式：
做网站方法一（目前主流方式）
下载专业的网站内容网站管理来做，互联网发展到今天，做网站也变得非常简单和编辑，国内也出现了一批很专业的专门用于做网站的网站管理系统，比如pageadmin系统、shopex系统、discuz系统、worpre系统等都是很优秀做网站的程序（程序到官方网站下载，大家自己百度搜索），有的甚至支持多语言，多站点，总之有一句话说得好，站在巨人肩上会看的更高，一样道理，用专业的网站系统来做做网站就是一个非常省力，省时的过程，国内很多网站90%都是基于这些专业系统基础上搭建，当然，选中一个系统后你需要去熟悉这个系统功能你才能运用得很好，一般来说这些系统都不需要你具备专业的知识，只需要花几天时间看看教程就可以熟练运用并建站。
做网站方法二（专业人员必看） 这个也是本本要重点讨论的，这也是一个专业做网站人员必须掌握的方法，因为掌握下面基础，即使你用方法一来做网站，也能运用得更好，因为一把好剑也需要一个好的剑客。下面讨论一下成为一个网站从业人员必须掌握的知识：
第一阶段：开始时最好是学些图像编辑软件和基础网页脚本语法。 常用图片处理软件：Firework或photoshop 基础语法：HTML语法(百度一下：HTML入门)，CSS语法(百度一下：CSS入门)，javascript语法（百度一下：javascript入门），学好这些语法可以使您更了解网页制作的原理。结合教程边学习边练习，这最多花你几周时间。
第二阶段：有了上面的基础，你可以做一些简单的页面了。当然为了让网站做得更漂亮，功能更强大，你就需要学一些动态编程语言，常用的有ASP,PHP和ASP.NET,推荐后两种，因为Asp已经被淘汰，后两种程序区别自己上网搜索吧，本人更倾向于学习.NET，面向对象，功能太强了，微软的东西就是强悍。
第三阶段：结合你自己已掌握地知识来开发一些网站，比如自己开发一个简单企业网站，当你可以独立完成一个网站项目时候，你已经成为一个合理的网站建设人员了。
上面我们制作测试网站可以在自己电脑安装iis和对应软件（如php环境和asp.net环境）来运行并测试，网站做好了需要发布到网上给所有人浏览，我们就需要做下面几步：
1、申请域名，就是注册一个网址。
2、购买网站空间，有称为虚拟主机，用来放网站程序文件。
3、网站备案
国家要求国内任何一个网站必须进行工信部ICP备案，这个可以让你主机商给你代备案，一般都是免费的，你只需要提供资料给他们就可以。
做网站的流程大概就是上面几步，希望对大家有所帮助。
第11篇：网页设计与制作教学总结
教学总结
2010年7月5日
本学期承担0450821,04A0801班的网页设计与制作课程的教学任务。 教学目的：通过课程的教学,使学生掌握该软件的操作方法和操作技巧,学会运用其创建个人网站.具备一定的网站设计能力,学会网站的测试、维护、发布及推广等。
教学内容：通过实例的讲解，让学生掌握网页制作和网站开发的知识。从如何策划网站、收集网站资料、准备素材、各个页面的逻辑关系和链接的建立到网站动态系统的开发，如何申请空间和域名，如何上传网站以及网站测试、维护、发布及推广等。
教学方法：多媒体教学时，准备好教学课件和教学素材，采用项目教学法，围绕实例，掌握相关知识点和操作方法，增强学生学习兴趣，掌握网页的制作和处理方法，提高学生解决和处理问题的能力。通过实践课程环节，加强技能培训，学会举一反三，融会贯通，提高综合运用能力。增强学生探究和创新意识,学习科学探究的方法,发展综合运用知识的能力,增进学校与社会的密切联系,培养学生的社会责任感。
教学课时：60学时。多媒体教学占三分之一，实践教学占三分之二。 教学评价：本课程为考试科目。平时成绩占40%，期末考试占60%。平时成绩包括：迟到、早退、旷课，上课纪律，书面练习，平时上机实践作品完成情况（此项为重点）。
通过本学期的教学,顺利地完成了教学目标。 总之，一学期的教学工作，取得了良好的教学效果。
第12篇：网页制作教学设计与创新
教学设计与创新
1、“学训合一”创造真实的职场环境
课程内容主要围绕培养学生在中小企业网站设计、维护方面等技能，以职业活动的工作过程为依据而进行改造。主要内容包括：网站需求与规划、网站效果图设计、静态商务网站设计。采用全机房教学，形成仿真的工作场所，使教学过程变为生产过程，学习任务变为工作任务，使学生通过学习亲身体验工作。
2、“学做一体”教学模式的教学组织过程
在工作环境建立的基础上，课程的实施过程通过一体化教学来完成，主要包括以下几个环节：①以流程为主线，确定每阶段的工作主任务，以及围绕主任务必须完成相应系列的子任务，在明确任务目标下的前提下，学生在教师案例中“学”，在自己中的作品中“做”。②老师以每个工作任务为考核阶段，加强对学生学习的过程控制，使考核目标分解到具体的任务中去，过程评价能够使学生加深对知识的理解和应用。③整个教学结束，学生的作品也相应形成，可作为最终考核的依据。
3、基于工作过程的教学
在“学做一体”模式下，教师是一体化教师，即专业理论课教师与实习指导课教师构成了一体。教师的指导作用体现在：一是对理论知识的指导。教师可以采取集中讲解、个别辅导、示范等方法进行解惑。二是实践操作的指导。对学生操作过程中遇到的困难以及操作的不规范性给于正确的指导，使学生养成正确规范的操作要领；三是课程组老师丰富的企业实践背景，让学生了解企业的各种管理规定以及企业文化，规范学生的行为，培养良好的工作习惯，提高学生的综合素养。
4、课程考核
教学内容的模块，决定了课程采用“过程+最终作品”的考核模式。学生在教师的指导下，不同的阶段完成不同的任务，过程考核对教师而言，通过学生作品的不断反馈来促进教学质量的提升；另一方面教师也可以根据学生的完成情况作出评判，使学生的学习过程得到有效控制，还可以用学生互评的方式，促进学生能力的培养。
第13篇：网页制作教学设计与思考
[摘要]中小学信息技术课已不再是单纯的计算机技能课，它强调以培养信息素养为目标，以任务驱动为模式，以应用软件为载体。只有在实际教学中突破以往的教学模式，才能培养出适应信息社会发展的有用人才。本文以“网页制作”单元为例，阐述了信息技术课教学设计的新思路，并就现行教材的编排组织提出了几点建设性意见。
[关键词]信息技术/网页制作/任务驱动
中学信息技术课程的任务是培养学生的信息素养，具体包括快速获取信息的能力，正确地评价信息，有效地利用信息和准确地表达信息。因此，信息技术课也应以信息处理为主线来展开，而不该成为单纯的计算机应用软件操作课。以“网页制作”为例，整个制作过程对学生获取、评价、表达和利用信息的各项能力都是一种培养和锻炼。下面，笔者就这一单元的教学设计做具体阐述。
一、教材分析
我校目前使用的教材是江苏省中小学教学研究室编写的高一《信息技术》。网页制作是其中第五章的教学内容。在这之前，学生已初步掌握了网络通信的基础知识，因特网的信息服务，网络信息的搜索、浏览和下载，以及电子邮件的使用等内容。因此，学生已经具备了获取信息的能力，网页制作单元就可侧重培养信息表达的能力，这对于加强学生的信息意识，提高信息处理的能力有着重要的作用；网页的设计也给学生提供了展示个性、自主创新的机会，促使他们主动地学、创造性地学；网页的评价则能使学生了解内容编排的原则，页面布局的种类，色彩搭配的风格等，提高他们的艺术修养和审美情趣。
教材中采用的网页制作软件是FrontPage2000。由于FrontPage2000采用了与Word等其他Office软件相类似的图形操作界面，可以自动生成Html代码，轻松实现网页发布。在第三章，学生已经学过了Word字处理软件。因此，对FrontPage2000的启动、关闭、文件操作、文字编辑和图片处理都会有一种似曾相识的感觉，这种知识迁移对后续的学习非常有利。
二、设计思想
1、任务驱动
本单元的学习通过完成网页作品来实现。班级网页的信息来自学生生活的班集体，每个热爱班级、关心班级的同学都能产生一种急切地完成任务的动机，而完成任务又能给他们带来成就感和满足感。这种心理上的内在动力驱使学生自觉地把计算机作为一种信息处理的工具来使用，由“要我学”变成“我要学”。在教学中，教师通过创设情境，激发学生的创作欲望，把总任务划分到每节课，按照学生的制作进度来布置子任务，使学生在教师的引导下逐步达成教学目标 。
2、小组协作
制作班级网页是个大任务，具有一定的开放性和综合性。因此采取小组协作学习的方式是非常必要的。小组成员的知识程度、学习能力和思维方式都有差异，可以通过讨论、交流与合作，取长补短、拓展思路。每个学习小组由6-8人组成，每人负责制作1-2个页面，组合成一份班级网页。最后，各小组作品集中评比，选出优秀作品，上（转载自第一范文网http://www.daodoc.com，请保留此标记。）传到校园网上公布。
基于资源
要培养学生的信息能力，就必须为他们提供大量处理信息的机会。基于资源的学习就是让学生接触到丰富的学习资源，为学生的知识构建提供支撑。笔者采用ASP技术自主开发了一个信息技术学习网站，该网站具有强大的交互功能，不仅能为学生创设丰富的资源环境，还为每个注册用户提供个人空间，支持作品的上传或下载，并开辟了学生论坛和教师答疑，供师生们交流和讨论。网站的使用不仅方便学生的学，还能改善教师的教，也为师生间的交流提供了虚拟空间。
三、学习目标
本单元的认知、情感和动作技能三种目标分述如下：
认知目标
1、能简要陈述FrontPage2000主要功能，熟悉其操作界面
2、能用自己的话解释下列术语：HTML，URL，网页，主页，超链接
3、能主动获取、收集班级信息，并加以分类和整理
4、能客观评价网页的内容和风格，具备一定的审美能力
情感目标
1、具有集体荣誉感，愿意为班级的网页建设出谋划策
2、具有乐于助人、团结协作的精神
3、能尊重他人的劳动成果，有保护知识产权的意识
动作技能目标
1、能熟练地建立、打开、保存、浏览网页文件
2、能按照需要建立框架网页，设置各框架中的初始网页
3、能在网页中熟练地插入文字、图片、动画、水平线
4、能使用简单的表格编排网页内容，使网页的结构清晰，内容整齐
5、能选择合适的网页背景图案和背景音乐
6、能根据实际需要使用不同的超链接，合理地组织网页
7、能在网页中插入悬停按钮、滚动字幕和横幅广告管理器，使网页具有动感
8、能够插入简单的表单，使网页具有初步的动态交互功能
四、学习资源设计
在基于资源的学习中，教师的任务就是收集、设计和管理学习资源，引导和帮助学生自主地查找并获得学习指导，通过师生间、生生间的交流与合作，完成知识的建构和技能的提高。因此，学习资源的设计尤为重要。本单元需要的学习资源包括以下部分：
1、推荐给学生的网站地址链接，如门户网站、班级网站、搜索引擎、信息技术网站等
2、本单元学习的目标和任务，以及每课时的子目标和子任务
3、教师对班级网页栏目的划分建议，如同学档案、教师风采、学习园地、班级活动、休闲娱乐、班级留言板、酷站链接、站长信箱等等
4、根据每课时的学习目标制作的操作指导，包括操作界面的演示
5、网页设计所需的各种素材，如图片、动画、Midi音乐等等
6、拓展学习材料，如Photoshop、Flash、Asp、Acce等技术资料
7、Frontpage2000的帮助系统和信息技术教材也是重要的学习资源
以上学习资源（第7项除外）都应公布在教学网站中，保证学生在需要时查找。学生也可以把自己找到的好素材上传到网上。
第14篇：“网页制作”教学设计与思考
“网页制作”教学设计与思考
[摘要]中小学信息技术已不再是单纯的计算机技能，它强调以培养信息素养为目标，以任务驱动为模式，以应用软为载体。只有在实际教学中突破以往的教学模式，才能培养出适应信息社会发展的有用人才。本文以“网页制作”单元为例，阐述了信息技术教学设计的新思路，并就现行教材的编排组织提出了几点建设性意见。
[关键词]信息技术/网页制作/任务驱动
中学信息技术程的任务是培养学生的信息素养，具体包括快速获取信息的能力，正确地评价信息，有效地利用信息和准确地表达信息。因此，信息技术也应以信息处理为主线来展开，而不该成为单纯的计算机应用软操作。以“网页制作”为例，整个制作过程对学生获取、评价、表达和利用信息的各项能力都是一种培养和锻炼。下面，笔者就这一单元的教学设计做具体阐述。
一、教材分析
我校目前使用的教材是江苏省中小学教学研究室编写的高一《信息技术》。网页制作是其中第五章的教学内容。在这之前，学生已初步掌握了网络通信的基础知识，因特网的信息服务，网络信息的搜索、浏览和下载，以及电子邮的使用等内容。因此，学生已经具备了获取信息的能力，网页制作单元就可侧重培养信息表达的能力，这对于加强学生的信息意识，提高信息处理的能力有着重要的作用；网页的设计也给学生提供了展示个性、自主创新的机会，促使他们主动地学、创造性地学；网页的评价则能使学生了解内容编排的原则，页面布局的种类，色彩搭配的风格等，提高他们的艺术修养和审美情趣。
教材中采用的网页制作软是FrntPageXX。由于FrntPageXX采用了与rd等其他ffie软相类似的图形操作界面，可以自动生成Htl代码，轻松实现网页发布。在第三章，学生已经学过了rd字处理软。因此，对FrntPageXX的启动、关闭、文操作、文字编辑和图片处理都会有一种似曾相识的感觉，这种知识迁移对后续的学习非常有利。
二、设计思想
1、任务驱动
本单元的学习通过完成网页作品来实现。班级网页的信息来自学生生活的班集体，每个热爱班级、关心班级的同学都能产生一种急切地完成任务的动机，而完成任务又能给他们带来成就感和满足感。这种心理上的内在动力驱使学生自觉地把计算机作为一种信息处理的工具来使用，由“要我学”变成“我要学”。在教学中，教师通过创设情境，激发学生的创作欲望，把总任务划分到每节，按照学生的制作进度来布置子任务，使学生在教师的引导下逐步达成教学目标。
2、小组协作
制作班级网页是个大任务，具有一定的开放性和综合性。因此采取小组协作学习的方式是非常必要的。小组成员的知识程度、学习能力和思维方式都有差异，可以通过讨论、交流与合作，取长补短、拓展思路。每个学习小组由6-8人组成，每人负责制作1-2个页面，组合成一份班级网页。最后，各小组作品集中评比，选出优秀作品，上传到校园网上公布。 基于资源
要培养学生的信息能力，就必须为他们提供大量处理信息的机会。基于资源的学习就是让学生接触到丰富的学习资源，为学生的知识构建提供支撑。笔者采用ASP技术自主开发了一个信息技术学习网站，该网站具有强大的交互功能，不仅能为学生创设丰富的资源环境，还为每个注册用户提供个人空间，支持作品的上传或下载，并开辟了学生论坛和教师答疑，供师生们交流和讨论。网站的使用不仅方便学生的学，还能改善教师的教，也为师生间的交流提供了虚拟空间。
三、学习目标
本单元的认知、情感和动作技能三种目标分述如下： 认知目标
1、能简要陈述FrntPageXX主要功能，熟悉其操作界面
第15篇：《网页制作表单的设计》教学设计
表单的设计网页制作课程
15电商
4、5班2课时
一、【教学目标】
学会使用表单中文本域、图片域、单选按钮、复选框、跳转菜单、文本区域等的应用
二、【教学重点与难点】：
重点：文本域、跳转菜单，单选按钮的应用 难点：单选按钮的应用，跳转菜单的制作
三、【教学方法】
讨论法、讲授法、演示法、练习法
五、【教学过程】
一、认识表单
表单的作用：表单就是浏览者可以在网页中填写信息的表格，其作用是接收浏览者填写的信息并将其提交给表单处理程序进行处理。
二、生成表单
1、表单的创建与表单字段的添加
“插入”—“表单”—“选择需要的表单类型”
2、表单向导
“文件”—“新建”—“网页”--“常规”——“表单网页向导”
三、表单内容编辑
1、文本域——账号和密码的输入
3、图片域——制作提交按钮
4、单选按钮——性别选项设计
5、复选框——兴趣爱好设置
6、按钮 （“验证有效性按钮” 登录）
7、跳转菜单菜单——密保问题的设置
8、文本区域——留言框的制作
四、学生练习制作表单
制作一个注册信息表单，要求包括下面的内容：会员帐号、您的姓名、您的性别、输入密码、密码确认、密码提示问题、密码提示答案、电子邮件、留言框、收货地址、兴趣爱好、提交按钮、重填按钮
六、【课程小结】
七、【作业】
完成课堂示范案例，校园网站的注册和登录页面设计
第16篇：网页制作教学案例
《网页制作》教学案例分析
【课时安排】1课时
【教学内容分析】 本节课的主题：让学生认识并利用Dreamweaver软件制作简单的网页，学会建立站点和设计有一定主题思想的主页，本课是用该软件创建环保网站，也就是用所掌握的信息技术知识解决生活中的实际问题，使学生能够学以致用。发挥信息技术学科的优势，以素质教育的新理念，增强学生的动手能力，提高学生的综合素质。
1、以教材为基石，作为构建知识的桥梁，依据《课程标准》，创造性、合理的对教材进行二次开发与重组。如：导入新课时，利用学生对美好事物的向往，激发学生的求知欲和学习兴趣；采用任务驱动教学，增强学生自学能力；对学生的评价方式，采用学生作品展示，是学生学习的一个延续，对学生学习起到一种推进的作用。
2、对教材内容进行引申与组合，让学生利用网络强大的功能搜集资料，分组搜集不同内容，包括图片与文章，采用任务驱动，协作互助的授课模式，发挥教师的主导作用，增强学生的主体地位。通过创建环保网站增强学生的审美意识与想象力，提高学生的综合能力。
【分析教学对象】
1、学生的年龄特点和认知特点：
学生对周围的一切充满了好奇，他们急于表现自己，对于教师布置的任务能够认真对待。对于Dreamweaver的知识掌握的较好，但综合运用能力尚有欠缺；能够上网搜集资料，但速度与技巧还有待提高。本节课给学生提出一个总的任务：创建环保网站，此项任务的设置合理、艺术，对于学生各项能力的提高有很大帮助。
学生创作欲强，因此本节课中，提倡、鼓励独立完成作品，培养学生热爱自然热爱环境的情感，以增强学生的保护地球、保护环境的意识。
2、在学习本节课之前学生应具备的基本知识和技能：
能掌握基本的文字修饰与排版功能并能查找指定地点的文件，会浏览网页与下载资料。
3、学习者对即将学习的内容应该具备的水平：
本课是学生初次认识Dreamweaver并能应用它制作简单的网页，培养学生综合运用知识解决问题的能力，以及各方面素质的一次综合评价。
【教学目标的设计】 1.知识目标：
（1）了解网页的概念；
（2）初识FrontPage2000并学会简单地应用； （3）了解建立网站的一般方法；
（4）学习制作包含文字、图片和声音的网页。 2.技能目标：
学生通过探究学习过程中，掌握网站的建立方法与创建简单网页的操作。 3.情感目标：
培养学生在学习过程，自主探究能力和分类汇总知识的能力。培养学生热爱环境、保护环境的情感并能号召人们行动起来保护地球、保护我们生存的环境。
【教学重点与难点】
（1）重点：建立网站与在网页中插入文字、图片、设置背景和背景音乐。 （2）难点：将网页存在网站内并把涉及到的文件分类汇总在相应的站点文件夹中。
【教学策略设计】
1、根据教材内容和学生的实际情况，本课采用“任务驱动”、“问题──探究”等教学方法，创设一个板报展览的情境（创设情境），以逐个任务和问题驱动学生多动手、多思考、多实践，从而了解和掌握Dreamweaver的基本知识和技能。并以英语的鼓励语言和信息技术专业术语增强学生的学习兴趣。
2、本课传授给学生的学法是“问题驱动下的自主学习──分组协作学习──探究发现学习”。让学生在创建环保网站的过程中，既鼓励个性张扬，又提倡某些问题的分组协作与自主探究，指导学生对图片及文字的来源进行探究发现（从网络中搜集）。建构主义学习理论强调以学生为中心，要求学生由知识的灌输对象转变为信息加工的主体。故此本课教学过程中，以问题驱动，激发求知欲望，让学生带着逐个任务通过探究发现、相互合作、实际操作等方式，自主学习，使学生在完成任务的过程中不知不觉实现知识的传递、迁移和融合。
3、是在网络教室中完成的，利用多媒体局域网络，实现教师演示、个别指导、网上交流、作品提交及作品展示评比。在出现共性问题与个别错误时教师可以利用网络教室软件演示和个别指导，在创作作品的同时，生生可以进行网上交流。体现教师的指导、组织作用，学生主体、探究协作地位。
【教学评价设计】
1.采用小组间竞争机制，比赛哪个小组解决问题或是完成任务的速度快与质量高，增强学生协作互助的意识。
2.最后进行作品展示，评出“速度”奖，“质量”奖，“原创风味”奖等几个奖项，进一步激发学生的学习热情。对自己的作品有一个反思，增加相互学习、相互交流的机会，让学生学会自己梳理知识，增强自学能力。
【教学过程设计】
一、情景导入
先前我们学习了使用搜索引擎查找我们所需要的资料，这些资料是以网页形式存在于网络中，大家想不想拥有自己创建的网页？（激发学生的求知欲） （学生回答：想）
从这节课开始我们就学习制作网页，到底什么是网页呢？
二、问题驱动 任务一：大家打开课本阅读和浏览一些好的网站了解网页概念，网页与网站的关系？看哪个小组能最先解答该问题？
学生阅读课本（3分钟）分小组讨论自己的理解。
小结：
1.网页使用文字、图形、声音影视等多媒体的形式表达信息，使表达的信息更加鲜活；
2.问网站时看到的第一个页面（网页）就称作网站的首页或主页；3.网页如同大家一样都必须有一个“家”，这个家就是网站； 4.存在网站中的网页之间采用了链接式的方法将网页串接起来。
任务二：在我们了解网页与网站后，会有疑问：使用什么软件制作网页呢？带着这个问题阅读课本，同时跟随课本启动这个软件。看哪个小组成员最先完成？ 学生阅读并实践„„ 小结：
大家会有疑问为什么选择它，还有别的软件吗？有，如FrontPage网页制作软件等，课本中使用了Dream weaver这个软件简单易学，并且窗口与我们使用操作系统windows都是基本一致的。
第17篇：网页制作
你无须去记复杂的HTML语言，你可以用Netscape4.0或者WORD7.0,我用的是Frontpage.打开Netscape,在file菜单里选Edit Page,便可以制作了.文字的处理基本跟Word没什么两样,关键是插入图片和产生链接.我们先做关于你自我介绍的一页，你先写上“大家好，我是superboy，下面是我的照片：”这时要放图片了，只须点击Insert菜单，选取Image,在Choosefile里选取你的图象文件即可，然后把这个文件保存为myself.html文件，放在myself的目录下。好，现在必须做封面了，你在封面写：“欢迎来到superboy的主页”以下是“自我介绍，我的爱好，我的工作”。你的自我介绍要链接到下一页去，你只须用鼠标选“自我介绍”后按鼠标右键 ，再选create link，然后再选你myself目录下的myself.html，就将“自我介绍”链接到下一页了，以后在浏览器中一按，就可以跳到镶有你靓照的页面啦。
在你的封面做好了所有链接和图片后，记住你必须将这一页保存为index.htm(有的主机要求必须为index.html),因为网页默认的主页名称是index.制作主页其实很简单，只要多实际制作，工多艺熟。还可以拿来主义，在网上看到什么好的主页，用另存为功能保存为.html格式的文件，细细研究人家是如何做的。还可以借用网页模版来搞，我的就是~~~~~~
将你制作好的安放在网上
要在网上安你自己的家，你必须先申请一个主页空间，即向某一个主机申请一快硬盘空间。现在有较多的主机提供免费主页空间，具体见实用链接栏目。这些主机不仅提供免费个人主页空间，并且还提供留言簿、计数器等很有用的功能。只要到有关站点申请即可，具体方法，参考相关题目。申请完成以后用FTP将你所有的主页文件上传至主机指定的目录就可以了！
需要注意的是，一定要保持网页的相对位置，否则会看不到网页的，有很多朋友都问我:为什么我的网页传上去了可是看不到,老是出现网页错误呢？其实他们都是因为位置的问题，只要把位置改动一下就可以的了网页制作网址大全
第18篇：制作网页
制作网页
课堂实践活动方案：
将学生分成四组，每组12名学生。（按照平时学习情况进行分组，要保证每组都能独立完成网页制作）每个小组自选一个主题，让学生利用学过的知识进行进行网页制作，然后进行评价比较，评出各组的名次。
评价方案：
按照网页制作的基本方法进行评价：
1.
2.
3.
4.
5.
6.
7.
8.
9.插入表格 合并和拆分表格 调整单元格的大小 在表格中插入文字 在表格中插入图片 在网页中使用缩略图 网页中图片的排版 保存网页 预览网页的效果
参照以上网页制作过程对各小组制作的网页进行比较评价，各组进互相进行比较，学习，最后选出网页制作最好的一组进行表扬，演示。
设计成功经验：
1、在课堂教学活动实践中，这种方式很容易调动大部分学生的学习积极性，能让每名学生都参与进来，是学生学到的知识得到利用，从而激发学生的学习积极性。让学生感有成就感。
2、有利于提高学生的集体荣誉感。
3、有利与培养学生的合作意识。
存在问题：
1、分组进行课堂实践活动容易使一些平时不好好学习的学生浑水摸鱼，滥竽充数，同时教师在课堂上很难对每名学生进行有效的评价。
2、不容易调动个别学生的创新意识，阻碍个别学生的发展
第19篇：网页制作
1.先下载网页制作工具，Dreamweaver v8.0 简体注册版
下载地址：
http://www.daodoc.com/
2.开始学习，去网易学院学习网页制作的方法。
《网站设计系列多媒体教程》
http://tech.163.com/
3.如果会做了，申请免费主页空间，如果自己有更好了，（注：主机是空间）没有请去这里找一个适合自己的申请，免费。
http://www.daodoc.com
4.把做好的主页上传到您的空间。需要FTP上传软件。
下载地址：
http://www.daodoc.com/
5.用您自己的或者申请的免费域名（一般申请免费空间都赠送一个二级域名）访问您的主页。
再给你一个详细的好了
时下随着各种通讯技术的发展，互联网已在中国逐步进入普及阶段，许多人在充分享受浏览新闻，网上聊天，网络游戏，网上交易，收发电子邮件等网络的各种乐趣后，开始不满足于被动式的接受，希望能主动参与网络，因此大量的个人网站应运而生了。
计算机与网络专业技术人员能利用一技之长及在某一方面的专长轻松制作网页，但大量的网络菜鸟级人物如何制作个人主页，建立个人网站呢？我大概总结了以下几点，希望对一些对这方面缺乏基本了解的人提供一些帮助。如果你是个经常上网的网虫，并对如何建立网站有一定的兴趣，那么请你继续读下去，否则我推荐你使用某些网站推出的傻瓜式的个人网页或请专业的网页制作公司代劳，完全没必要自己动手。
1． 要建立个人网站，首先必须要了解一下目前网页制作的基本语言HTML，入门即可，大概花个一二小时就可。
2． 学会使用目前流行的网页制作软件，如Frontpage、Dreamweaver等一些功能强大，所见所得的软件，初步了解就可，不用全部掌握，一般是边用边学，不断提高使用水平。
3． 广泛的上网浏览各种网页，一开始最好能下载一些较简单的个人网页，因为他们所用到的技术较为简单，可用网页制作软件打开研究。然后推荐去浏览一些专业的网页设计网站，学习一些排版经验，同时可下载一些网页结构模版供自己套用。
4． 确定你的网站主题，我个人不主张开始就想建软件大全、书库等网上流行的为网站主题，因为第一你不够专业，网上已有太多的同类软件，别人不可能上你的网站下载。第二这类网站需要巨大的主页空间，不仅一开始你申请不到这么大的空间，而且你也不可能经常上载维护。网站主题最好是有你的个人特色，实在不能确定我建议自己做一个私人门户网站，将平时自己经常去的网站做一个较为综合的连结。
5． 网页最好不要用特别与众不同的颜色、字体，因为每个人使用的计算机各不相同，特别的颜色、字体别人不一定能看得到。 6． 网页要增加美观图片不可缺少，我建议如果你会用一些专业的作图软件最好自己制作，这会有自己的特色，放些私人照片也可以，但切记各种图片一定要作优化处理，减小它的存储尺寸。提醒一下每页不要放过多的图片，因为第一会使网页显得杂乱，第二会使你的网页显示速度过慢。制作图片的常用软件有Photoshop，Fireworks等。
7． 网页上可以用一些动画与特效增加你主页的美观与功能，动画可上网找，同样最好能自己制作，GIF格式的最常用，可用Ulead的Gig Animator软件制作，目前流行的是Flash动画，更多变化，尺寸更小，缺点是有些计算机上的浏览器缺省没有安装Flash浏览软件，有些计算机用户不能看到Flash。网上还有许多免费的Javascript等可供使用，与图片一样，我建议每页不要放太多的动画与特效。
8． 网页基本建成后，上网找免费的主页空间，以其主机的速度，提供的空间大小和有无基本的CGI功能及其提供的域名是否简单易记为考量依据，所谓CGI是指主机服务器上提供的程序，一般你可申请有免费计数器、留言板等。找到速度快，主页存放空间大，域名简单的网站存放你的网页。
9． 接下来是将网页上传至你申请的服务器上，具体上传的办法你在申请主页空间时就会了解，具体使用你制作网页的软件即可，我个人推荐使用CuteFTP Pro上传，这个软件功能强大，简单易用。
10． 好，现在你的网站已建立，你可通知你的朋友上去浏览，把个人网站印在你的名片上，还想推广你的网站？那你可去各大搜索网站登录你的新站，如雅虎、搜虎、新浪等知名网站。你还可与其它网站申请友情连结、去一些提供连结交换的网站申请广告交换，如太极链，酷站等。在做这一步时你需要做二个468X60和88X31尺寸的广告图片，动画最好，存储大小尽量控制在10k以下。
11． 如果你还想靠你的网站赚一些小钱，你可去一些商业网站申请广告连结，替他们做广告，一般以从你的网页点击到他们的网页次数算钱。
12． 最后我要提醒各位未来网主，你的网站千万不要放一些明显与国内政治相抵触的内容，这事关重大，不可儿戏，否则网站被关闭事小，坐牢也说不定哦。另外，网站内容与性有关可大大增加被浏览的数量，但黄色的内容不要放，虽说性质比不上反动内容，但也有问题。建议打打擦边球，提供一些性教育、性知识，情情爱爱的内容无伤大雅。
随着网络技术的不断发展，网络应用已经渗透到人类社会的各个角落。作为网络世界的支撑点的网站，更是人们关注的热点：政府利用网站宣传自己的施政纲领，日益成为与百姓交流的直通车；企业利用网站宣传自己的形象，挖掘无限商机；个人利用网站展示个性风采，创建彼此沟通的桥梁。越来越多的人希望拥有网站，开辟网络世界里的一片天地。如何设计一个出色的网站呢？关于这个问题，人们讨论的很多，可以讨论的内容也很多，加之网络技术的飞速发展，很难提出一个绝对权威和正确的设计思路，笔者不才，根据自己的设计体
会，总结出以下基本设计思路：
一、定位网站的主题和名称
网站的主题也就是网站的题材，网站设计开始首先遇到的问题。网站题材千奇百怪,琳琅满目，只要想的到，就可以把它制作出来。下面是美国《个人电脑》杂志(PC Magazine)评出的99年度排名前100位的全美知名网站的十类题材：
第1类：网上求职
第2类：网上聊天／即时信息/ ICQ 第3类：网上社区／讨论/邮件列表
第4类：计算机技术
第5类：网页/网站开发
第6类：娱乐网站
第7类：旅行
第8类：参考/资讯
第9类：家庭/教育
第10类：生活/时尚
每个大类都可以继续细分，比如娱乐类再分为体育/电影/音乐等小类，音乐又可以按格式分为MP3，VQF，Ra等，按表现形式分古典，现代，摇滚等。同时，各个题材相联系和交叉结合可以产生新得题材，例如旅游论坛(旅游+讨论)，经典入球播放(足球+影视)按这样分下去，题材可以有成千上万种。这么多题材，如何选择呢？遵循的原则如下：
1、主题要小而精
定位要小，内容要精。如果你想制作一个包罗万象的站点，把所有你认为精彩的东西都放在上面，那么往往会事与愿违，给人的感觉是没有主题，没有特色，样样有，却样样都很肤浅，因为你不可能有那么多的精力去维护它。网站的最大特点就是新和快，目前最热门的个人主页都是天天更新甚至几小时更新一次。最新的调查结果也显示，网络上的\"主题站\"比\"万全站\"更受人们喜爱，就好比专卖店和百货商店，如果我需要买某一方面的东西，肯定会选择专买店。
2、题材最好是你自己擅长或者喜爱的内容
比如：你擅长编程，就可以建立一个编程爱好者网站；对足球感兴趣，可以报道最新的战况，球星动态等。这样在制作时，才不会觉得无聊或者力不从心。兴趣是制作网站的动力，没有热情，很难设计制作出优秀的网站。
3、题材不要太滥或者目标太高。
\"太滥\"是指到处可见，人人都有的题材；比如软件下载，免费信息。\"目标太高\"是指在这一题材上已经有非常优秀，知名度很高的站点，你要超过它是很困难的。
如果题材已经确定以后，就可以围绕题材给网站起一个名字。网站名称，也是网站设计的一部分，而且是很关键的一个要素。你来看，\"电脑学习室\"和\"电脑之家\"显然是后者简练；\"迷笛乐园\"和\"MIDI乐园\"显然是后者明晰；\"儿童天地\"和\"中国幼儿园\"显然是后者大气。我们都知道PIII的中文名称\"奔腾\"，如果改为\"奔跑\"，可能就没有今天这么\"火\"了。和现实生活中一样，网站名称是否正气，响亮，易记，对网站的形象和宣传推广也有很大影响。我的建议是：
1、名称要正
其实就是要合法，和理，和情。不能用反动的，色情的，迷信的，危害社会安全的名词语句。
2、名称要易记
最好用中文名称，不要使用英文或者中英文混合型名称。另外，网站名称的字数应该控制在六个字(最好四个字)以内，四个字的也可以用成语。字数少还有个好处，适合于其他站点的链接排版。
3、名称要有特色 名称平实就可以接受，如果能体现一定的内涵，给浏览者更多的视觉冲击和空间想象力，则为上品。例如：音乐前卫，网页陶吧，e书时空等。在体现出网站主题的同时，能点出特色之处。
二、定位网站的CI形象
所谓CI(corporate identity)，意思是通过视觉来统一企业的形象。一个杰出的网站，和实体公司一样，需要整体的形象包装和设计。准确的，有创意的CI设计，对网站的宣传推广有事半功倍的效果。具体的做法是：
1、设计网站的标志(logo) 就如同商标一样，标志是你站点特色和内涵的集中体现，看见标志就让大家联想起你的站点。标志的设计创意来自你网站的名称和内容：
(1)网站有代表性的人物、动物、花草等，可以用它们作为设计的蓝本，加以卡通化和艺术化，例如迪斯尼的米老鼠，搜狐的卡通狐狸等等。
(2)网站有专业性的，可以以本专业有代表的物品作为标志。比如中国银行的铜板标志，奔驰汽车的方向盘标志等等。
(3)最常用和最简单的方式是用自己网站的英文名称作标志。采用不同的字体，字母的变形，字母的组合可以很容易制作好自己的标志。
2、设计网站的标准色彩
网站给人的第一印象来自视觉冲击，确定网站的标准色彩是相当重要的一步。不同的色彩搭配产生不同的效果，并可能影响到访问者的情绪。举个实际的例子就明白了：IBM的深蓝色，肯得基的红色条型，windows视窗标志上的红蓝黄绿色块，都使我们觉得很贴切，很和谐。\"标准色彩\"是指能体现网站形象和延伸内涵的色彩。一般来说，一个网站的标准色彩不超过3种，太多则让人眼花缭乱。标准色彩要用于网站的标志，标题，主菜单和主色块。给人以整体统一的感觉。至于其它色彩也可以使用，只是作为点缀和衬托，绝不能喧宾夺主。适合于网页标准色的颜色有：蓝色，黄/橙色，黑/灰/白色三大系列色，要注意色彩的合理搭配。
3、设计网站的标准字体
和标准色彩一样，标准字体是指用于标志，标题，主菜单的特有字体。一般我们网页默认的字体是宋体。为了体现站点的\"与众不同\"和特有风格，我们可以根据需要选择一些特别字体。例如，为了体现专业可以使用粗仿宋体，体现设计精美可以用广告体，体现亲切随意可以用手写体等等。
4、设计网站的宣传标语
也可以说是网站的精神，网站的目标。用一句话甚至一个词来高度概括。类似实际生活中的广告金句。例如：鹊巢的\"味道好极了\"；麦斯威尔的\"好东西和好朋友一起分享\"；Intel的\"给你一颗奔腾的心\"等等。
三、确定网站的栏目
建立一个网站好比写一篇文章，首先要拟好提纲，文章才能主题明确，层次清晰。如果网站结构不清晰，目录庞杂，内容东一块西一块。结果不但浏览者看得糊涂，自己扩充和维护网站也相当困难。网站的题材确定后，并且收集和组织了许多相关的资料内容，但如何组织内容才能吸引网友们来浏览网站呢？栏目的实质是一个网站的大纲索引，索引应该将网
站的主体明确显示出来。一般的网站栏目安排要注意以下几方面：
1、要紧扣主题
将你的主题按一定的方法分类并将它们作为网站的主栏目。主题栏目个数在总栏目中要占绝对优势，这样的网站显的专业，主题突出，容易给人留下深刻印象。
2、设立最近更新或网站指南栏目
设立\"最近更新\"的栏目，是为了照顾常来的访客，让你的主页更有人性化。如果主页内容庞大，层次较多，而又没有站内的搜索引擎，设置\"本站指南\"栏目，可以帮助初访者快速找到他们想要的内容。
3、设立可以双向交流的栏目
比如论坛，留言本，邮件列表等，可以让浏览者留下他们的信息。
4、设立下载或常见问题回答栏目
网络的特点是信息共享。如在你主页上设置一个资料下载栏目，便于访问者下载所需资料。另外，如果站点经常收到网友关于某方面的问题来信，最好设立一个常见问题回答的栏目，既方便了网友，也可以节约自己更多时间。
四、确定网站的目录结构
网站的目录是指你建立网站时创建的目录。例如：在用frontpage98建立网站时都默认建立了根目录和images(存放图片)子目录。目录结构的好坏，对浏览者来说并没有什么太大的感觉，但是对于站点本身的上传维护，内容未来的扩充和移植有着重要的影响。下面是建立目录结构的一些建议：
1、不要将所有文件都存放在根目录下，会造成文件管理混乱
你常常搞不清哪些文件需要编辑和更新，哪些无用的文件可以删除，哪些是相关联的文件，影响工作效率。另外，上传速度慢。服务器一般都会为根目录建立一个文件索引。当您将所有文件都放在根目录下，那么即使你只上传更新一个文件，服务器也需要将所有文件再检索一遍，建立新的索引文件。很明显，文件量越大，等待的时间也将越长。所以，尽可能减少根目录的文件存放数。
2、按栏目内容建立子目录
子目录的建立，首先按主菜单栏目建立。例如:企业站点可以按公司简介，产品介绍，价格，在线定单，反馈联系等建立相应目录。其他的次要栏目，类似what\'s new，友情连接内容较多，需要经常更新的可以建立独立的子目录。而一些相关性强，不需要经常更新的栏目，例如：关于本站，关于站长，站点经历等可以合并放在一个统一目录下。所有程序一般都存放在特定目录。例如：CGI程序放在cgi-bin目录。所有需要下载的内容也最好放在一个目录下。
3、在每个主栏目目录下都建立独立的images目录
为每个主栏目建立一个独立的images目录是最方便管理的。而根目录下的images目录只是用来放首页和一些次要栏目的图片。
4、目录的层次不要太深
目录的层次建议不要超过3层，维护管理方便。
5、不要使用中文目录
6、不要使用过长的目录
五、确定网站的链接结构
网站的链接结构是指页面之间相互链接的拓扑结构。它建立在目录结构基础之上，但可以跨越目录。建立网站的链接结构有两种基本方式：
1、树状链接结构
类似DOS的目录结构，首页链接指向一级页面，一级页面链接指向二级页面。这样的链接结构浏览时，一级级进入，一级级退出。优点是条理清晰，访问者明确知道自己在什么位置，不会\"迷\"路。缺点是浏览效率低，一个栏目下的子页面到另一个栏目下的子页面，必须绕经首页。
2、星状链接结构
类似网络服务器的链接，每个页面相互之间都建立有链接。这种链接结构的优点是浏览方便，随时可以到达自己喜欢的页面。缺点是链接太多，容易使浏览者迷路，搞不清自己在什么位置，看了多少内容。
这两种基本结构都只是理想方式，在实际的网站设计中，总是将这两种结构混合起来使用，达到比较理想的效果。比较好的方案是：首页和一级页面之间用星状链接结构，一级和以下各级页面之间用树状链接结构。
六、设计网站的整体风格
风格(style)是抽象的，是指站点的整体形象给浏览者的综合感受。这个\"整体形象\"包括站点的CI(标志，色彩，字体，标语)，版面布局，浏览方式，交互性，文字，语气，内容价值，存在意义，站点荣誉等等诸多因素。举个例子：我们觉得网易是平易近人的，迪斯尼是生动活泼的，IBM是专业严肃的，这些都是网站给人们
留下的不同感受。
风格是独特的，是站点不同与其他网站的地方。或者色彩，或者技术，或者是交互方式，能让浏览者明确分辨出这是你的网站独有的。例如新世纪网络的黑白色,网易壁纸站的特有框架,即使你只看到其中一页，也可以分辨出是哪个网站的。
风格是有人性的。通过网站的外表，内容，文字，交流可以概括出一个站点的个性，情绪。是温文儒雅，是执著热情，是活泼易变,是放任不羁。像诗词中的\"豪放派\"和\"婉约派\"，你可以用人的性格来比喻站点。如何树立网站风格呢？我们可以分这样几个步骤：
1、确信风格是建立在有价值内容之上
一个网站有风格而没有内容，就好比绣花枕头一包草，好比一个性格傲慢但却目不识丁的人。你首先必须保证内容的质量和价值性，这是最基本的。
2、你需要彻底搞清楚自己希望站点给人的印象是什么
可以从这几方面来理清思路：
a.如果只用一句话来描述你的站点，应该是:()
参考答案：有创意，专业，有(技术)实力，有美感，有冲击力
b.想到你的站点，可以联想到的色彩是：()
参考答案：热情的红色，幻想的天蓝色，聪明的金黄色
c.想到你的站点，可以联想到的画面是：()
参考答案：一份早报，一辆法拉利跑车，人群拥挤的广场，杂货店
d.如果网站是一个人，他拥有的个性是：() 参考答案：思想成熟的中年人，狂野奔放的牛仔，自信憨厚的创业者
e.作为站长，你希望给人的印象是：()
参考答案：敬业，认真投入，有深度，负责，纯真，直爽，淑女
f.用一种动物来比喻，你的网站最像：()
参考答案：猫(神秘高贵)，鹰(目光锐利)，兔子(聪明敏感)，狮子(自信威信) g.浏览者觉得你和其他网站的不同是：()
参考答案：可以信赖，信息最快，交流方便，
h.浏览者和你交流合作的感受是：() 参考答案：师生，同事，朋友，长幼。
你可以自己先填写一份答案，然后让其他网友填写。比较后的结果会告诉你：你网站现在的差距，弱点及需要改进的地方。
3、在明确自己的网站印象后，开始努力建立和加强这种印象
经过第二步印象的\"量化\"后，你需要进一步找出其中最有特色特点的东西，就是最能体现网站风格的东西。并以它作为网站的特色加以重点强化，宣传。以下做法可作参考：
(1)将你的标志logo,尽可能的出现在每个页面上。或者页眉，或者页脚，或则背景。
(2)突出你的标准色彩。文字的链接色彩，图片的主色彩，背景色，边框等色彩尽量使用与标准色彩一致的色彩。
(3)突出你的标准字体。在关键的标题，菜单，图片里使用统一的标准字体。
(4)想一条朗朗上口宣传标语。把它做在你的banner里，或者放在醒目的位置，告诉大家你的网站的特色是...。
(5)使用统一的语气和人称。即使是多个人合作维护，也要让读者觉得是同一个人写的。
(6)使用统一的图片处理效果。比如，阴影效果的方向，厚度，模糊度都必须一样。
(7)创造一个你的站点特有的符号或图标。
(8)用自己设计的花边，线条，点。
(9)展示你网站的荣誉和成功作品。
(10)告诉网友关于你的真实的故事和想法。风格的形成不是一次定位的，你可以在实践中不断强化，调整，修饰。 4
第20篇：网页横幅广告的制作教学设计
网页横幅广告的制作
科任：谢志滨
一、教材与学情
1【教材分析】
本课是选自高等教育出版社——《photoshop cs4网页设计》第四章第5节。始终贯穿的一个理念就是“练中学，练中教”，本堂课也是基于此理念设计的。本节以制作网页的横幅广告为例安排主题任务活动，要求学生综合运用photoshop的基本知识和技能，主动探索完成横幅广告的制作。本节共3课时，这堂课是第三课时，前面初步学习了文字工具、渐变色填充工具及抠图的操作方法,简单LOGO的制作；本堂课利用制作横幅广告的过程中，进一步深入学习插入立体字、横幅广告制作的要点的操作方法；提升学生对这些知识点的运用能力。
2【学情分析】
教学对象是13级计算机的学生，他们在本学期中已经学习过了网页制作的知识以及photoshop的一些相关知识点。他们对动手操作方面比较感兴趣，而且对利用photoshop制作网页比较感兴趣，学习网页广告的制作是对他们综合运用能力的考察。因此，我通过小组合作与自主探究的方法来考察他们对之前知识点的掌握情况，也培养他们团队合作的精神。
3【教材处理】
我对教材内容进行了一些处理，设计了几个网页中使用到横幅广告的展示，激发学生的学习热情，然后提出本堂课的学习任务，让学生们能够有效的利用PS软件操作技能进行设计。教学任务由浅入深，在教学中做到教、学、练、情四合一，让学生练有所思，学有所悟。
二、教学大纲
1【教学目标】
知识与技能：
1、掌握立体字的制作方法，能够使用多个图层的方法制作出立体字。
2、理解魔术棒工具的作用，掌握抠图的方法。
3、能运用PS的相关知识独立设计美观大方的版面。
1 情感态度与价值观：
1．养成勇于探究、团结合作的习惯。
2、锻炼学生的动手操作能力和独立思考问题的习惯。
3、培养学生发现美、感受美的艺术能力。
2【教学重点与难点】
重点：（1）制作横幅广告的注意要点
（2）魔术棒工具的使用,渐变工具的使用。 （3）立体字的制作。
难点：（1）多个图层制作出立体字。
（2）运用PS的相关知识独立设计美观大方的横幅。
3【课时】:1课时
三．教法学法
1【教法】: 通过观察、提问、讨论、上机探索、小组共学互教，掌握页面设置、报头制作、正文编辑的方法。
在课堂导入环节，我采用情景教学法，课堂核心环节上，以任务驱动法为主，实现新旧课程的结合应用，重在学以致用。并通过讲解示范、自主探究、计论交流等手段，突出重点，突破难点。
2【学法】:自主探究法、分析协作法、总结归纳法
四．教学过程
1【课前准备】
（1）学生分组
课前给学生分好组，每组5人、共5组，每组安排一名平时动手能力较强、做得较快的学生当小组长，在自主学习的过程当中，在自己完成的前提下辅助其他组员完成学习任务。
设计意图：期望以优带差，优劣互补，团结协作，互相激励，共同进步。
（2）材料分发
课前几分钟把本堂课的学习材料分发到每台学生机的桌面上。
设计意图：便于学生课上进行探究式学习。
2【课堂环节】
（1）创设情景，导入新课
1、横幅广告页面欣赏
2 先让学生们欣赏课本中介绍制作好的横幅广告页面样例，头脑中有个横幅广告的概念与框架。
2、启发学生回忆旧知
通过欣赏横幅广告页面，让学生回忆之前学过的知识点，对横幅广告页面有个新的认识。
（2）讲解知识，分析制作要点 1.横幅广告简介
横幅广告，英文叫banner,一个表现商家的广告内容，放置在网页的页面上，是互联网广告中最基本的广告形式，格式主要有flash动画和图片。 2．横幅广告尺寸
a、横幅: 468*60 728*90 950*90 760*90 760*60 250*60 234*60 120*60 950*250 950*410 b、竖幅: 160*600 120*600 120*240 c、方幅: 336*280 300*250 250*300 250*250 200*200 180*250 3.制作横幅广告制作要点 a、顾及网站内容的定位
因为包含内容不同，门户网站各个频道有着不同的风格，所以设计师们做设计的时候也要考虑到如体育频道的运动感，财经频道的国际和高端等。 b、顺应用户的浏览习惯
我们知道大多数的用户在浏览网页的时候都是从上到下，从左到右的浏览。为了使banner更容易被用户浏览,我们应该顺应用户这样的浏览习惯，糟糕的设计会让用户无所适从，焦点到处都是。 c、明白文字在Banner中占主导地位
从构成上讲，一个banner分为2个部分，一为文字，二为辅助图。辅助图虽然占据大多数的面积，但是不加以文字的说明，很难让用户知道这个banner要说明什么。要读一个人的喜怒哀乐，只要读其五官即可。在一个banner里面，标题文字起着五官一样的作用，所以个人觉得文字才是整个banner的主角。所以对于文字的处理，显得尤为重要。
d、横幅广告中文字处理的两个技巧
技巧1:如果主标太长，需求方不舍得删文字的情况下，对主标中重要关键字进行权重，突出主要的信息，弱化‘的’、‘之’、‘和’‘年’‘第X届’这种信息量不大的词。
3 技巧2：如果需求方整体文字太短，画面太空，可以用一些加入一些辅助信息丰富画面。如加点英文，域名，频道名等。 （3）布置任务，明确目标
实训——模仿小米网站上的促销广告完成效果图
要求：（1）制作一个以“hello春天”为主题的促销广告。 （2）主题突出，内容结构合理，版面美观，有创意。 （3）独立完成，完成后保存，用姓名命名，提交作业。
1、新建文件：大小950*410 ,分辨率72，背景白色。 2.选择渐变工具：白色到天蓝径向渐变，填充背景。 3.制作”HELLO春天！“立体字，字体为黑体，多个图层实现。
4．制作“踏青必备配件特惠专场”文字及底色，可以考虑做倒影字，效果会更好。 5．制作仅一周的文字。
6.利用魔术棒工具抠出花草放在底部。（4）讨论交流，评价反馈
从整体效果、创意性、艺术性、完整性、技术性等方面进行评价，同时让学生参与主动的评价。最后引导学生提出一些改进的意见，并互相学习与互相借鉴。 （5）课堂小结
“学到了什么？”本堂课我们一起回顾一下知识点，介绍了什么是横幅广告，横幅广告的尺寸，重点是制作横幅广告的四个要点,最后完成模仿小米网站上商品促销广告的实例，通过这个实例对前面知识点的映衬及加深理解。分析一下。 （6）扩展技能
1.上网看看网页中的横幅广告，想想自己能不能制作出来？ 2.抓住春天尾巴，周末出去踏青。
五、教学反思
教学中导入要有创意，有利于提高学生的注意力。实践操作过程中学生按学习计划一步步完成任务。加强对学生的个别指导，发挥学生自主探索学习的能动性。学生是上机课的主角都有着各不相同的思维方式、学习方法和认识水平。学勤劳的蜜蜂有糖吃
生展示操作要多，对学生作品进行适当评价。
