2023年网页设计学习教学（精选多篇）.docx

《2023年网页设计学习教学（精选多篇）.docx》由会员分享，可在线阅读，更多相关《2023年网页设计学习教学（精选多篇）.docx（86页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、2023年网页设计学习教学（精选多篇） 推荐第1篇：网页设计学习 北京网页美工培训 培训课程内容： Photoshop CS5教学 学习Photoshop中的网页处理技巧，网页页面的设计制作，案例分析，页面结构的完美布局，如何使用photoshop设计整站，首页，二级页面以及子页面的设计、Banner、导航按钮的创意设计，网页中应用元素的升华创意；Flash CS4 Flash绘图基本功能；Flash动画原理；元件功能导入；软件综合运用练习；软件综合运用练习；软件综合运用练习； Flash 案例的制作！商业性质Flash banner ，Flash打造精彩主页特效页面！flash商业短片制作！

2、 Fireworks CS4教学 Fireworks工作环境，工具介绍，绘图功能；使用文本，应用动态效果，滤镜；Fireworks使用层和混合模式；使用样式、元件和URL，动画功能；切片和热点，创建弹出菜单；优化导出，与Dreamweaver配合使用 Dream weaver CS4教学 Dreamweaver网站综合知识，面板组，站点管理；表格的使用，精确定位、排版；使用图象和超链接；CSS层叠样式表的应用；层的概念及应用，时间轴；库的使用和模板功能；HTML语言 Html语言简介；使用表单，框架的使用，iframe的作用；网页特效（javascript），多媒体网页；网页实战，综合练习；

3、网站的上传与下载，网页编程基础 CSS高级应用与技巧 文字排版，通栏排版，分栏排版，图文混合排版，图片基础 控制，不规则文字环绕，全图排版，表格排版。充分使用表格对象的标签，表格样式控制，表单表格设计。 javascript特效知识 1.javascript特效基本知识 2.用javascript控制CSS特效 3.SPRY框架应用(选项卡、Tab面板、折叠面板、伸缩面板) 网页布局/网站重构 了解网页布局的方法，制作出不同类型（个人，公司，企业，商业，旅游）网站设计方式即格局的表现；结合DIV+CSS实现网站重构,制作出符合行业网站规范的网页 网站的发布与维护 网站安全与推广，网站维护，网站

4、管理和网站优化，申请域名空间与FTP上传等。网页设计制作规范 网页综合实例 1域名的概念：域名的区别与申请流程, 域名的保护及注意事项 2服务器：专用服务器和虚拟主机、不同平台的选择及注意事项、服务器的托管 网页配色 网页色彩的色调组合，网页设计中色彩的基本原则，及实用配色方案，了解网页设计色彩的搭配原则。 网站logo设计 Logo设计的原则及基本创意。学会制作网页logo。 网站VI系统设计 1、网站VI系统创意设计手法及原则 2、企业标志设计要点 3、标准字体设计要点 4、标准色设计要点 5、标准组合设计要点 6、VI办公用品应用要素设计要点 网站导航条设计 1、网站banner的表现手

5、法。 2、制作网站banner常用的技法。 3、如何制作有创意且美观的网站banner。掌握网站banner的制作方法国内网站风格设计 1、国内网站风格设计的要点及注意事项 2、国内网站风格设计的色彩搭配 3、国内网站界面、按扭设计要点讲解 4、国内网站界面设计实例演练 掌握国内网站风格设计的原则和设计元素的设计制 国外网站风格设计 1、国外网站风格设计的要点及注意事项 2、国外网站风格设计的色彩搭配 3、国外网站界面、按扭设计要点讲解 4、国外网站界面设计实例演练 掌握国外网站风格设计的原则和设计元素的制作及使用。 网站策划书 1.目的是成功的重要开端：建站目的，目标用户群。2.网站开发商业

6、流程 3.网站策划实例：策划书，网站设计中考虑的问题。 4.娱乐网站策划书结构分析：CSC CLUB的策划书，目录结构和链接结构。 5.娱乐网站设计的思考首页设计：绘制网站背景， 网页实战 1、典型网站案例分析与实战 2、淘宝注册和装修（普通铺和旺铺） 3、日韩风格的网页设计 4、欧美风格的网页设计 5、中国古典风格的网页设计 6、网页管理工具的使用 网站优化(SEO) 针对百度、Google优化，内页优化，结构优化及内链建设，外链等网站推广与营销 网站推广与营销 毕业作品设计及指导 由高级讲师及资深设计师带领学员完成毕业作品，制作整套网站作品集，以备应聘时使用。自己独立的设计完整的商业网站，

7、静态与动态完全掌握，熟练运用，达到工作要 学员就业应聘技巧 1、就业形势分析及指导 2、毕业学员在应聘前应该做的准备 3、应聘时应请注意事项、礼仪、技巧 4、从业后在, 岗的工作态度,、人际交往等全面发展的技巧培训。 推荐第2篇：网页设计学习什么 新手想学习网页设计会无从下手，会问到网页设计学习资料，网页设计学习什么？！ HTML：最基本的知识，如果HTML知识掌握得好，可以用记事本就可以熟练编写网页（当然，不推荐这么做，因为有现成的工具可以帮助编写HTML，但拥有这种能力是很好的）会对日后使用编辑主页，编写ASP或PHP代码有极大帮助。ASP或PHP：ASP和PHP可以称得上编写动态主页的主

8、流语言环境。对于入门者如果编程经验很少，可以从简单的语言起步，如微软公司的 VBScript脚本语言，如果已经有不少编程经验，建议学习PHP或JavaScript语言，PHP在商业网站中应用得较为广泛。如果希望谋一份网站 制作的工作，学好PHP还是很值得的; 对于JavaScript而言，可用于服务器端（比如ASP编程），也于应用于客户端编程（比如制作一些DHTML动态效果等），而且 JavaScript已被欧洲标准协会列为一门语言标准，将来的应用也会很广泛（例如Flash的脚本语言也采用了JavaScript）; 1.英语是一定要学好的，英语不学好到了一定的程度你就会发现个瓶颈。 2.先从H

9、TML开始吧，学习些简单的代码，并且实践，实践是最好的老师，练习时你会发现不少的问题并且去实现它。 3.至于CSS很简单的，学会了HTML，CSS你就会了三分之二，只要懂得一些标记的意思就可以了，但是要有美工基础，和美术感觉，这样你才会设计出漂亮的页面来。你先可以试着修改别人的网站，下载几个下来试一下不同的参数，这样很快就学会了。 4.至于程序，这不是一一朝一夕就可以学会的，不断的摸索，不断的学习，才会有进步。 可能你开始的主页只是非常简单， 但是这是你的第一步，也是良好的开端，然后再一步步学习：如何把网页制作漂亮一些？如何制作动画？ 告诉新手，千万不要一下子就想：我看到某某某网页这么漂亮，它

10、是怎样做出来的？我很想马上做出来，于是马上就去研究复杂的网页，这样你会发现网页制作很难，学两下就放弃了，这样永远学不会制作主页。记住：一步一步来，不要一下子想成为高手，否则很难成为高手。本文转自： 详细咨询：http:/ 推荐第3篇：网页设计教学总结 网页设计教学总结 本学期计算机科学与技术系软件工程专业的网页制作课程由我负责，学生共74人，及格率100%。其中90分以上的没有，80分以上的只有几个，大多是在7080之间，也有一小部分在6070之间。成绩不是很理想，总体来说大多数学生平时上机实践比较积极、踏实，能够自觉的按照老师的要求去做，但也有少数学生自觉性差，需要老师和学委催促。现将一个学

11、期的教学情况总结如下： 一、老师给与学生合理的引导，更要加强自身的素质修养，提高自己的知识水准。 在整个教学过程中，在教学过程中自己还缺少更高的艺术修养和艺术创造能力，所以还要不断的学习；另外就是技术上还需要完善，也需要和有经验的老师多交流，多沟通。相信只有站在一定的高度去看整个项目的实现，会更通俗易懂也更有说服力，所以也不能说都是学生的原因，归结起来还是要提高自己的知识水平和业务素质！ 二、了解学生，加强考核。 针对全体学生来说，聪明程度相当，但学习兴趣层次不同，大部分学生只愿意听后选择性的接受，而没有知识的创新利用，或者是没有下去自学，巩固知识，单一的只是听和做。有的同学，上完课后根本就直

12、接把书丢在一边置之不理。综合学生的学习态度问题，个人认为还需要加强考核制度，从严制学，宽进严出，严肃考风！ 三、教学内容心得 1.网页制作要简洁大方。网站在设计过程中以简洁大方为主，配合合理的颜色搭配和主题内容的诠释，给访问者赏心悦目的感觉；而避免过多的动画和帧的过多运用，以及不明确的导航，杂乱的颜色，没有主题的胡编乱造。 2.网站风格要统一。所有的图像、文字，包括像背景颜色、区分线、字体、标题、注脚什么的，要统一风格，贯穿全站。这样子读者看起来舒服、顺畅，也会对你的网站留下一个 “很专业”的印象。 知识运用中要大量配合合理的模板、CSS样式的运用而避免在网页中反复的字体样式重定义颜色的胡乱运

13、用，参差不齐给人杂乱的感觉。 3.网站布局合理。避免一些“拿来主义”，一些学生为了设计方便，拿网上流行的模版做网页，做出的网页几乎是千篇1律，没有特色，虽然完成了网页的制作，毕竟不是出自个人之手，知识缺乏进一步巩固，且让浏览者产生厌倦。另外导航清晰化，能引领浏览者阅读网页，思路一定要清晰，避免交叉链接。 4.网站容量要小。虽然网页更加美观可以吸引浏览者，但是图片，动画容量大会影响浏览速度，所以一定要注意网络容量问题。图片尽量压缩，多采用单一色，或者简单的颜色；动画要尽量简洁实用，用最少的帧做出最漂亮实用的动画，给网页增色。 但是总体来说，通过整个学期网页制作的学习，学生已经了解了网页制作所需要

14、的基本技术，也掌握了网页制作的基本技能。但由于时间紧迫，知识点多，一些重点难点问题还需要勤加练习，比如：静态网页中的布局和CSS 的定义；动态网页中对象的综合运用等等。当然也存在着遗憾，不少学生反映，学习爱好更多的是动画的制作即 Flash的学习，而我们只是笼统的讲解，不能完全满足学生的求知欲！当然针对网页制作来说，还需要加强学生的配色观念以及审美观的培养，以及动态网页的实现技术的把握，在很多方面还需要老师和学生们进一步配合，共同学习和实战，以达到知识运用的一定高度！ 推荐第4篇：网页设计教学总结 网页设计教学总结 这个学期我担任了10网络(1)(2)班和10商务班的的网页设计这门课程。在前面

15、半个学期的教学中，我做到了认真制定计划，注重教学理论，认真备课和教学，努力上好每一节课，并和其它优秀老师交流，从中吸取教学经验，取长补短，提高自己的教学水平。按照课程要求进行施教，让学生掌握好网页设计知识。还注意以德为本，结合网站实例进行层层善诱，多方面、多角度去培养学生的实践能力、提升其操作技能。 下面从以下几个方面来谈谈我这个半个学期的教学总结： 教学进度 按照教学进度，我们已经完成了课程的全部内容的学习。教学进度基本上按照原计划已经完成了。 教学方法 教学中我从以下几方面进行努力： 一、课前准备。熟悉教材。解教材的结构，重点与难点，掌握知识的逻辑，能运用自如，知道应补充哪些资料，采用哪个

16、实例作为网页教学实例；解学生的知识结构，解他兴趣、需要和习惯，知道他学习新知识可能会有哪些困难，采取相应的预防措施；结合学生情况采取何种教学方法，解决如何把教材上的知识系统地传授给学生，包括如何组织教材、如何安排每节课、如何讲解实例。 设计一些实际中的商业网站案例。 二、课堂情况。网页设计课上。课堂上引起学生的兴趣，激发学生的创作兴趣。网页设计课里包含有一些图片设计和动画设计，这些需要有丰富的想象力才能制作出优秀的作品，课堂上，也尽力培养学生的想象力，引导学生想象。课堂上，始终以学生为学习主体，把学习的主动权交给学生，挖掘学生潜在能力，让学生自主学习，提高学生学习的独立性。记得在有节课，把一个

17、网站拿来讲解，让学生先看，看了后让学生在草稿纸上画出自己的设计草图。最后我再来以不同的方式讲解该网站制作的方式，给学生从多角度进行分析。有时也让学生在教师机上当场操作，让学生的智慧、能力得到体验，使学生成了学习的主人，使学习成了需求，让他觉得学习中有发现、有乐趣、有收获。课堂上关注全体学生，注意信息反馈，调动学生的注意，使其保持相对安静，同时，激发学生的情感，使他产生愉悦的心境，创造良好的课堂气氛，课堂语言简洁明了努力克服重复的毛病，课堂提问面向全体学生，努力引发学生学网页课的兴趣。还要做好课后辅导工作。认真批改学生的作业。 三、课后工作。要提高教学质量。总结学生本次作业中的不足，解哪些知识学

18、生还没有理解并在下一节课时进行补充说明。鼓励优秀学生，激发其它学生。课后多和学生交流，解其学习情况，以便改善教学。 存在问题: 一、教学中的相互合作有待提高。 二、网络教学资源还不是特别丰富，不能很好满足教学需求。今后将进一步加强网络资源建设，并提高资源利用率。 总结整个2023年上半年的教学工作，收获是丰富的，不管从知识，还是教学管理，还是教学经验上都是丰富的。给了我成长的道路上宝贵的一笔。虽然有很多时候都是在一种紧张，忙碌的状态下走过，但我知道，走过了这一段，人生就会是另一个起点，有另一个更大的目标等着我去前进。 屈明 2023-12-28 推荐第5篇：网页制作教学设计 网页制作教学设计

19、一.教材分析 网页制作是浙教版信息技术基础第六章第二节的内容，它以“北京故宫”网站为例，介绍了网页制作的一般步骤。本文设计了两个实践体验“设计制作网站主页”和“设置超链接”，而这恰好是制作网站最重要的两个环节。网页制作这一部分的内容不仅在会考还是高考都是一个专题模块，因此这部分知识在整本书中占有举足轻重的地位 二.学情分析 高中的学生只要在初中上过信息课，他们都曾接触过制作网页制作的简单操作，而且大部分都上过网，对网页的布局、设计和制作带来了方便。教材中采用的网页制作软件是FrontPage2000，由于FrontPage2000采用了与Word等其他Office软件相类似的图形操作界面。在第

20、三章，学生已经学过了Word字处理软件。因此，学生对FrontPage2000的启动、关闭、文件操作、文字编辑和图片处理都会有一种似曾相识的感觉，这种知识的迁移对后续的学习非常有利。 三.教学目标 （一）知识与技能 1、FrontPage2000的启动 2、新建与保存网页 3、主页命名与设置网页标题 4、文字与图片的插入及属性的设置（如文字大小、字体、颜色等，图片大小、格式转换、环绕样式等） 5、表格的插入及边框粗细的设置 6、单元格的合并于拆分 7、超链接的制作 （二）过程与方法 1、通过简单网站的制作，认识网站的结构 2、通过网页的制作，掌握设计网页的一般步骤 3、欣赏别人的网站，学会规划

21、与设计网页的能力 （三）情感态度与价值观 1、通过自行制作的网站，体验创造的乐趣和成功的喜悦 2、通过欣赏和评价优秀的网站，激发学生创作欲望和学习兴趣 四.教学重点和难点 重点： 1、文字与图片的插入 2、表格的应用 3、超链接的设置 难点： 1、如何安排文字与图片的位置关系，使页面更和谐 2、如何拆分与合并单元格，使表格的布局更为合理 五.教法与学法指导 教法：任务驱动法 演示法 学法：小组合作法 探究法 六.教学准备 本节课的学习是在机房中进行的，除了需要连成局域网的机子外，还需带广播功能的软件，如极域软件等。教师准备一个优秀的网站及一些制作网站的素材 七.教学策略与总思路(或总环节框架)

22、 学生是学习的主体，应掌握学习的主动权。本节课的设计，以提升学生的自主探究能力以及分析问题、解决问题等能力为目标。本节课刚开始通过名人并且是制作优秀的个人网站展示，让学生分析网站中的元素，然后通过任务驱动的方式，让学生自主探究如何制作这些元素，接着通过小组合作的方式来制作他们喜爱的站，最后来交流和评价他们的作品。 八.教学过程 （一） 情景创设（2） 展示“姚明”的个人网站，学生不仅看到了他们的偶像，更重要的是被精美的网页所吸引。接着要求学生通过阅读课本，提问1：网页中所包含的元素有哪些？提问2：这些元素是如何制作的？ 【设计意图：通过欣赏“姚明”的个人网站，吸引学生们的注意力，激发他们的学习

23、兴趣。同时为引出下面的知识做好铺垫】 （二） 新课讲授（2） 1、文字的插入：复制粘贴 2、文字属性的设置：选中文字，再按要求在文字工具栏上选中相应的值 3、图片的插入：插入图片来自文件 4、图片格式的转换：右击图片图片属性常规类型 5、图片的环绕样式：右击图片图片属性常规样式格式定位 6、表格边框粗细的设置：右击表格表格属性边框粗细 7、单元格的合并与拆分：选中要合并的单元格或要拆分的单元格，再右击 8、超链接的对象：既可以是文字也可以是图片 9、常见超链接的类型：链接到网址链接到本地网页文件链接到电子邮件 【设计意图：这个环节老师只花2分钟的时间，点到即止，告诉学生碰到问题可以在操作提示中

24、去寻找帮助（由于之前学生学过word，所以有些操作能力比较强的学生可以不借助于提示），并不做详细的操作演示。因为它包含在下面操作任务的提示中，目的在于培养学生自主探究能力】 （三） 实践体验 任务一：将“shouye.htm”另存为“index.htm”,并设置网页的标题为“2023年上海世博会” （2） 【设计意图：让学生掌握网页的主页一般命名为“index.htm”，同时掌握网页标题的设置】 任务二：在单元格5中插入素材文件夹中“wenzi.txt”文字，并设置字体为4号、宋体、黄色；在单元格8中插入素材文件夹中“logo.bmp”图片,要求图片与文字为左环绕样式，同时将bmp格式转换为j

25、pg格式（3） 【设计意图：让学生掌握文字与图片的插入，文字属性的设置和图片格式的转换以及图文混排（环绕样式）】 任务三：让学生制作和下面一样表格的网页首页，不需要插入真正的图片和文字，模仿即可，但在预览时表格的边框是看不到的。（5） 图片 超链接1 超链接2 超链接3 超链接4 超链接5 图片+文字 图片+文字 图片+文字 图片+文字 图片+文字 版权 【设计意图：让学生掌握表格的插入，边框粗细的设置及单元格的合并或拆分，这里仅仅是模仿，为以后的创新打基础】 任务四：给其中的一个超链接（超链接15中的任何一个）设置为有效的超链接，链接到素材文件夹中的“fenguan.htm” （4） 【设计

26、意图：让学生掌握超链接的设置】 【设计意图：实践体验这个环节所有的操作均有操作提示，学生可直接上FTP去下载，当然有能力的学生可省去这个步骤。这个环节纯粹是为了练兵，掌握本节课的知识点，并没有按照学生的意愿去设计他们的作品】 （四） 作品制作（20） 4个学生一组去设计他们感兴趣的网站，这个网站至少要有一张主页，一张分页，有能力的同学当然可以多设计几张分页。所有素材都有教师提供。具体分工为：1人收集素材，2人制作网页，1人负责解说他们设计的网站 【设计意图：如果说“实践体验”那个环节束缚了学生思维的话，那么这个环节学生可以充分发挥他们的想象，可以综合运用所学的知识去设计自己想要的作品。这个环节

27、不仅可以起到巩固知识的作用，同时学生们也可以体验通过小组合作成功设计出他们自己作品所带来的喜悦。】 （五） 交流评价（5） 评价的依据： 、网站中是否至少有一张主页，一张分页，主页是否命名为index.htm 、网页中是否有文字与图片要素 、超链接是否有效 、文字与图片混排是否和谐 、网页布局是否合理（表格是否用得恰当） 、作品内容是否有意义，积极向上 、网站的整体感觉是否给人“美”的享受 【设计意图：这个环节不仅能够培养学生们的解说与欣赏能力，同时通过作品的比较与交流，可以起到查漏补缺的作用，让学生们更好地认识自己的作品，从而更好的掌握某些知识技能的应用】 （六） 课堂小结（2） 本节课主要

28、介绍了制作网页的一般步骤，如何设计主页与分页以及他们之间的超链接，如何在网页中插入各种元素以及如何设置元素的属性让网页看起来更和谐，更美观。 设计意图：巩固本节课所学的知识，并引导学生学以致用】 评委会点评 优点：各教学设计环节清晰，描述恰当，分析合理。教学过程的设计符合新课程理念，突出学生的主体地位。 缺点：知识与技术目标缺少程度描述，教学过程设计较理想化。 推荐第6篇：网页制作教学设计 网页制作教学设计 阜新市第十八中学 彭勇 一、教材依据 辽宁师范大学出版社 初中信息技术八年级上册，第二单元网站设计与制作，活动1“创建个人网站”以及活动2中的关于部分FrontPage2000的内容。 二

29、、设计思想 【教学指导思想】 信息技术课是一门实践性很强、极富创造性、具有明显时代发展性特点的课程。而现代教育理论提倡以学生为中心，强调学生“学”的主动性，学生是信息加工的主体，教师的作用体现在组织、指导、帮助和促进学生的学习、充分发挥学生的主动性、积极性和创造性，从而使学生最有效地进行学习，达到最优的教学效果。 因此本课题遵循“教师主导，学生主体”的设计理念，让学生在教师的引导下，对所学的内容进行探索、分析、研究，在实践操作中培养学生科学的态度和价值观，同时培养学生的学习兴趣。 【教学对象分析】 .学生的知识能力 教学对象是八年级的学生，这一阶段的学生正处在抽象逻辑思维逐步形成的过程中，但形

30、象思维仍是获取知识的重要思维方式。而本节课中涉及到的HTML语言有其枯燥难懂的一面，学生在理解上存在着一定的难度，所以教师在教学设计中希望能通过学生自己的双眼、双手以及思考来发现新知识，从而减轻他们对新知识的畏惧、降低理解的难度。 .学生心理特点分析 初中学生活泼好动、好奇心强、求知欲旺、视野广泛，对信息技术充满兴趣，大部分学生都能熟练使用浏览器浏览网页，他们对上网和网页有着极大的兴趣。所以在本课题中教师利用学生的这种心理设计了一个趣味导入，从趣味引入学生感兴趣的网页，使学生在课堂中保持着较高的学习积极性。 【教学内容分析】 本节课是新授课且是第二单元网站设计与制作的第一节课，教师将这节课的重

31、心放在了“启下”上，目的是激发学生的学习兴趣和他们的求知欲，为顺利开展以后的教学活动打好基础、做好铺垫。本节课的教学内容有两个方面，一是初识HTML语言，二是初识FrontPage2000的窗口组成。教师设计的重点并不是让学生充分理解HTML语言的结构，而是通过HTML语言能够有效地引出制作网页的软件FrontPage2000，继而使学生能顺其自然产生使用FrontPage2000制作网页的兴趣。 教学内容的整合：课本上将初识HTML语言和FrontPage2000的窗口组成分在了两个活动中，考虑到信息技术课一星期一个班只有一节课，如果第一节课只讲HTML语言，不涉及制作网页的软件FrontP

32、age2000，会令学生感到枯燥，同时这种枯燥感很可能会维持一个星期直到下节课，这样学生对制作网页的兴趣就远不如将两个教学内容结合起来的高，也不利于今后的教学活动开展。所以教师将本节课的重心放在让学生理解HTML语言与FrontPage2000之间的联系上。 三、教学目标 【知识与技能】 （）了解网页与网站的有关知识； （）了解HTML标识性语言的功能及结构； （）认识构成网页的基本元素； （）了解常用的制作网页的软件； （）了解网站策划与定位的重要性，掌握网站的规划流程； （）了解网站设计软件FrontPage2000的窗口组成； （）学会设计有意义的网站主题，收集网站相关资料，画出网站的结

33、构图。 【过程与方法】 （）趣味导入新课的内容，极大地发挥学生主体、教师主导的作用； （）适时引导学生产生新的问题，再通过教师的讲解与演示、对比和学生的自主学习来解决问题。 【情感态度与价值观】 （）强烈的求知欲激发学生的学习兴趣和学习积极性； （）了解信息技术的前沿知识后，学生会对信息技术课保持新鲜感和兴趣感； （）学生在不断实现自己主体地位的同时，也获得了新知识，更从中体会到了学习的快乐。 四、教学重点和难点 重点： 1、认识构成网页内容的基本元素，理解网页布局的特点； 2、了解HTML标识性语言的功能及结构； 3、学会启动FrontPage2000，了解网站设计软件FrontPage20

34、00的窗口组成，理解各组成部分的功能； 4、网站主题的确立，规划网站结构图，学会创建新站点的基本方法。 难点： 1、理解HTML标识性语言的结构及应用HTML语言编写简单网页； 2、网站如何定位； 3、如何收集网站的相关信息； 4、在导航视图模式下建立网站结构。 五、教学准备 搜集常用的网页制作软件的相关信息； 打开多媒体电脑教室的教师机和学生机，保证电脑教室的广播系统工作正常； 共享班级文件夹； 示例的班级网站及网页。 六、教学模式选择 “学生主体，教师主导”的教学模式。 七、教学过程 1.情境引入： 向学生展示一组优秀网站、网页，激发学生创作自己个人网站的兴趣和欲望。学生在观看，欣赏网站时

35、，受到激励产生想制作一个网页的冲动。在师生欣赏网页作品时复习回顾已学并已淡忘的基础知识。问题：网页的构成元素及布局？教师分析案例，与学生共同回顾文字的插入、图片的插入和设置、动画的插入和设置、表格的相关操作等相关知识。让学生在案例中回顾基础，激发灵感。并引入本节主题，自己动手制作网页。 2.展示模板： 教师向学生展示本节课要完成的网页。要求学生会模仿制作出该网页模板，并能够自己创作出新的网页模板。 3.本节任务： 1）网页与网站有什么区别？ 2）一个网页由哪些元素组成？对照给出的网页分析网页的组成元素标题图片，标题栏，水平线，滚动字幕，图片，文字及背景等等。 3)用Photoshop 处理素材

36、，达到给出网页中图片标题，并设计出突出自己主题的网站标题。 拓展：用photoshop软件，画图软件，或flash软件设计自己需要的网页图片。 4）要求学生会模仿制作出该网页模板，并能够根据自己确立的主题制作一个网页模板。 学生自主完成模板仿制，并自主探究设计一个复合自己设计主题的网页模板。小组内成员可相互交流，教师巡视，随时解决学生在学习过程中遇到的问题，并注意收集有共性的问题，并适时给以学生以点拨。尤其关注一下学困生。 5）小组选出最佳模板，探究完善此模板，然后以此模板设计网页。 4.评价展示： 作品完成，提交给教师机，自我评价，小组互评，选出小组最佳作品提交展示，师生共同赏析评价，挖掘作

37、品优点，并指出改进之处。培养大家的审美能力，并挖掘大家的创新能力。 5.课堂小结 师生共同回顾这节课的基础知识与基本技能，并加强网络道德意识，注意版权。 八、教学反思 在信息技术教学中，必须以新的教学理念和教学理论为指导，根据新的课程标准，探索适合信息技术课堂教学的教与学的新策略和新模式来挖掘学生潜能，提高学生素质。 以前我总认为信息技术课就是教会学生如何操作，课堂中总是采用“教师讲，学生听”的传统模式，是“学”跟着“教”走，只要“我说你做”就可以了。现在我尝试着做一些改进，在本课题中围绕“学生主体、教师主导”的设计理念去设计每个教学环节，积极体现学生的主体作用，努力提高学生的学习效果。 实践

38、证明我的想法是好的，但是在实践中难免有疏忽和做的不够细的地方。比如：由于我的观察不全面，忽略了个别学生学习中的心理障碍，有些学生的畏难情绪影响到他的整个学习效果；课堂学习气氛热烈但不够和谐。这些都说明了一个问题：我仅仅注重了学生整体主体的体现，而忽略了个体。经过思考，我认为在这节课的教学设计中可以多增加个体展示的机会，特别是那些学习有困难的学生，我应该多关注他们的动态，多帮助他们。 本课的教学目标是掌握使用FrontPage制作网页的基本方法；重点是掌握在网页中插入文字和图片的方法；难点在于插入表格规划网页的结构。 备课时，发现教材以一个标题，一张图片以及一篇文章的简单结构示例，如果完全依照教

39、材进行授课，势必无法突破难点。于是设计了一个将学生前期制作的环保报刊，利用FrontPage软件制成网页的环节来帮助学生突破难点。并取学生环保报刊中具典型结构的五份。制作出引导学生分析结构，规划框架的演示片备用。 课堂以自主探究的模式展开，同学们在以往的学习中已掌握了在Word中插入表格、图片等方法，在FrontPage中他们很顺利地完成了教材呈现的目标。基本掌握了单张网页的制作方法。 接下来就是突破难点的训练。面对演示片呈现出的任务及教材相关提示。此时，问题集中到如何插入一个布局表格来实现规划好的结构。而教材上完全没有提示学生探究FrontPage “表格”与Word “表格” 功能的异同。

40、少数同学开始试着插入适合自己网页结构的框架表格，而大部分的同学则完全没有考虑结构问题，做起直接的搬移，将FrontPage当成Word来用。直到出现无法将图片，文字放置到设想位置时，才意识到教材中“FrontPage通常用表格来安排网页中各种内容（文章、图形等）的版面位置。”这问话的含义是否明确。急着寻求解决的办法。我便让哪些意识到要先插入适当结构框架表的学生来说说他们的想法。并及时出示与学生思维一致的演示片，将探究FrontPage “表格”功能的提示呈现给他们。同时利用极域教室的功能，向全体同学展示同伴的探究结果，让学生不同的思绪方式及智慧产生碰撞，相互启示，顺利突破教学难点。 推荐第7篇

41、：网页设计学习心得 网页设计学习心得体会 12105班 贺军 本学期的网业设计课程，开展了动态思维训练教学活动，对于我们学生来说， 可以激发学习兴趣，调动学习的自觉性，自己动脑、动手，动口，运用网络资源，结合教材及老师的指导，通过自身的实践，创作出积聚个人风格、个性的个人网页。总体来说，整个学期的学习过程，我学会了很多知识，虽然过程比较艰辛，但在INTENET领域中，有了一个展示自我的空间，我觉得很开心、很有成就感。 一.充分发挥动手能力 作为网页设计的初学者，我对网页设计非常感兴趣，一心想设计出一个美观、实用、内容丰富的个人网页。本学期的教改方案由以前学生单纯接受知识变为主动参与教学活动。在

42、这样的压力和动力下，通过自己动手、动脑，通过网络资源，老师的指导，在不断发现问题和解决问题的过程中学到了很多知识，也增强了我的创作能力和动手能力，在网页设计过程中，从构思到设计、完善、维护，整个过程我都全身心投入，使我真正学到了网页设计的知识。 二.在设计过程中不断提高网页设计水平 在本次网页设计中，我不仅学到了很多关于网页设计方面的知识，也从中学会了关于网络、编程等方面的知识。我从最初开始运用FrontPage设计网页，到后来运用Dreamweaver、Flash、Fireworks等网软件设计网页，完善网页。在这个过程中，我通过自学教材、上网查询，学习了Dreamweaver、Flash、

43、Fireworks等网页软件的应用，学会了管理、维护自己的站点，以及一些简单动画、控件的制作等等。在设计过程中也出现了很多的问题，但通过看书，上网查询，请教老师等方式，不断的学习、解决、提高，设计出的网页不论是外观还是内容，都在不断的进步、改善。可以说在自己动手，不断实践的过程中，网页设计水平得到了很大的提高。 三.不足之处 在网页设计过程中，由于没有网页制作代码的知识，所以在设计时也遇到了很多麻烦，有时插入一个特效脚本也是很麻烦。在网页制作过程中，想提高设计水平，想有个理想的网页，必须学会代码的运用，我将在以后的学习过程中不断加强这方面的学习，希望老师能简单介绍一下代码，让我也对它有个初步的

44、认识，以后再加强学习也才会有所提高。 总体来说，通过今次的对网页设计的学习，有收获也有遗憾、不足的地方，但我想，我已经迈入了网页设计的大门，只要我再认真努力的去学习，去提高，一定会成功学习这门专业。也希望老师在今后的日子里多指导。 推荐第8篇：网页设计学习心得 网页设计学习心得 转眼间，已到了期末，学习网页设计这门课程也要结束了，虽然时间有点短，但是学过这个几周以后我受益匪浅。 记得最初接触dreamweaver的时候，我很茫然，因为刚接触陌生的软件心里会很害怕跟不上老师的进程。刚开始几节课，老师讲得比较基础，还能跟得上，渐渐的老师授课的进程开始加速，有些跟不上了，需要下课后自己补上，问老师和周围的同学。渐渐的，在老师的悉心教导下，我们开始熟悉这个软件了。老师布置的第一个任务，要求做一个自我形象网站。由于学习的时间较短，老师只要求用PS做好模板即可，任务相对简单。但也要求设计感强，色彩搭配和谐，并且尽可能的做成实用又符合实际的漂亮网