第一篇：网页设计教学总结
网页设计教学总结
这个学期我担任了10网络(1)(2)班和10商务班的的网页设计这门课程。在前面半个学期的教学中，我做到了认真制定计划，注重教学理论，认真备课和教学，努力上好每一节课，并和其它优秀老师交流，从中吸取教学经验，取长补短，提高自己的教学水平。按照课程要求进行施教，让学生掌握好网页设计知识。还注意以德为本，结合网站实例进行层层善诱，多方面、多角度去培养学生的实践能力、提升其操作技能。
下面从以下几个方面来谈谈我这个半个学期的教学总结： 教学进度
按照教学进度，我们已经完成了课程的全部内容的学习。教学进度基本上按照原计划已经完成了。教学方法
教学中我从以下几方面进行努力：
一、课前准备。熟悉教材。解教材的结构，重点与难点，掌握知识的逻辑，能运用自如，知道应补充哪些资料，采用哪个实例作为网页教学实例；解学生的知识结构，解他兴趣、需要和习惯，知道他学习新知识可能会有哪些困难，采取相应的预防措施；结合学生情况采取何种教学方法，解决如何把教材上的知识系统地传授给学生，包括如何组织教材、如何安排每节课、如何讲解实例。设计一些实际中的商业网站案例。
二、课堂情况。网页设计课上。课堂上引起学生的兴趣，激发学生的创作兴趣。网页设计课里包含有一些图片设计和动画设计，这些需要有丰富的想象力才能制作出优秀的作品，课堂上，也尽力培养学生的想象力，引导学生想象。课堂上，始终以学生为学习主体，把学习的主动权交给学生，挖掘学生潜在能力，让学生自主学习，提高学生学习的独立性。记得在有节课，把一个网站拿来讲解，让学生先看，看了后让学生在草稿纸上画出自己的设计草图。最后我再来以不同的方式讲解该网站制作的方式，给学生从多角度进行分析。有时也让学生在教师机上当场操作，让学生的智慧、能力得到体验，使学生成了学习的主人，使学习成了需求，让他觉得学习中有发现、有乐趣、有收获。课堂上关注全体学生，注意信息反馈，调动学生的注意，使其保持相对安静，同时，激发学生的情感，使他产生愉悦的心境，创造良好的课堂气氛，课堂语言简洁明了努力克服重复的毛病，课堂提问面向全体学生，努力引发学生学网页课的兴趣。还要做好课后辅导工作。认真批改学生的作业。
三、课后工作。要提高教学质量。总结学生本次作业中的不足，解哪些知识学生还没有理解并在下一节课时进行补充说明。鼓励优秀学生，激发其它学生。课后多和学生交流，解其学习情况，以便改善教学。存在问题:
一、教学中的相互合作有待提高。
二、网络教学资源还不是特别丰富，不能很好满足教学需求。今后将进一步加强网络资源建设，并提高资源利用率。
总结整个2007年上半年的教学工作，收获是丰富的，不管从知识，还是教学管理，还是教学经验上都是丰富的。给了我成长的道路上宝贵的一笔。虽然有很多时候都是在一种紧张，忙碌的状态下走过，但我知道，走过了这一段，人生就会是另一个起点，有另一个更大的目标等着我去前进。
屈明 2011-12-28
第二篇：网页设计教学总结
《网页设计》教学总结
本学期计算机科学与技术系软件工程专业的《网页制作》课程由我负责，学生共74人，及格率100%。其中90分以上的没有，80分以上的只有几个，大多是在70～80之间，也有一小部分在60～70之间。成绩不是很理想，总体来说大多数学生平时上机实践比较积极、踏实，能够自觉的按照老师的要求去做，但也有少数学生自觉性差，需要老师和学委催促。现将一个学期的教学情况总结如下：
一、老师给与学生合理的引导，更要加强自身的素质修养，提高自己的知识水准。
在整个教学过程中，在教学过程中自己还缺少更高的艺术修养和艺术创造能力，所以还要不断的学习；另外就是技术上还需要完善，也需要和有经验的老师多交流，多沟通。相信只有站在一定的高度去看整个项目的实现，会更通俗易懂也更有说服力，所以也不能说都是学生的原因，归结起来还是要提高自己的知识水平和业务素质！
二、了解学生，加强考核。
针对全体学生来说，聪明程度相当，但学习兴趣层次不同，大部分学生只愿意听后选择性的接受，而没有知识的创新利用，或者是没有下去自学，巩固知识，单一的只是听和做。有的同学，上完课后根本就直接把书丢在一边置之不理。综合学生的学习态度问题，个人认为还需要加强考核制度，从严制学，宽进严出，严肃考风！
三、教学内容心得
1.网页制作要简洁大方。网站在设计过程中以简洁大方为主，配合合理的颜色搭配和主题内容的诠释，给访问者赏心悦目的感觉；而避免过多的动画和帧的过多运用，以及不明确的导航，杂乱的颜色，没有主题的胡编乱造。2.网站风格要统一。所有的图像、文字，包括像背景颜色、区分线、字体、标题、注脚什么的，要统一风格，贯穿全站。这样子读者看起来舒服、顺畅，也会对你的网站留下一个 “很专业”的印象。
知识运用中要大量配合合理的模板、CSS样式的运用而避免在网页中反复的字体样式重定义颜色的胡乱运用，参差不齐给人杂乱的感觉。
3.网站布局合理。避免一些“拿来主义”，一些学生为了设计方便，拿网上流行的模版做网页，做出的网页几乎是千篇一律，没有特色，虽然完成了网页的制作，毕竟不是出自个人之手，知识缺乏进一步巩固，且让浏览者产生厌倦。另外导航清晰化，能引领浏览者阅读网页，思路一定要清晰，避免交叉链接。
4.网站容量要小。虽然网页更加美观可以吸引浏览者，但是图片，动画容量大会影响浏览速度，所以一定要注意网络容量问题。图片尽量压缩，多采用单一色，或者简单的颜色；动画要尽量简洁实用，用最少的帧做出最漂亮实用的动画，给网页增色。
但是总体来说，通过整个学期网页制作的学习，学生已经了解了网页制作所需要的基本技术，也掌握了网页制作的基本技能。但由于时间紧迫，知识点多，一些重点难点问题还需要勤加练习，比如：静态网页中的布局和CSS 的定义；动态网页中对象的综合运用等等。当然也存在着遗憾，不少学生反映，学习爱好更多的是动画的制作即 Flash的学习，而我们只是笼统的讲解，不能完全满足学生的求知欲！当然针对网页制作来说，还需要加强学生的配色观念以及审美观的培养，以及动态网页的实现技术的把握，在很多方面还需要老师和学生们进一步配合，共同学习和实战，以达到知识运用的一定高度！
第三篇：网页设计期中教学总结
网页设计期中教学总结
计算机工程学院—王湘文
这个学期我担任了计算机科学技术学院09计网一、二的网页设计这门课程。作为网页教师，在前面半个学期的教学中，我做到了认真制定计划，注重教学理论，认真备课和教学，努力上好每一节课，并和其它优秀老师交流，从中吸取教学经验，取长补短，提高自己的教学水平。按照课程要求进行施教，让学生掌握好网站建设知识。还注意以德为本，结合商业网站实例进行层层善诱，多方面、多角度去培养学生的实践能力、提升其操作技能。
下面从以下几个方面来谈谈我这个半个学期的教学总结：
一、上半学期教学工作的回顾
1、教学进度
网页设计这门课的教材共16章，按照教学进度，我们已经进入了第10章插入表单的学习。教学进度基本上按照原计划已经完成了。
2、教学方法
教学中我从以下几方面进行努力：
掌握教材的基本思想、基本概念，一、课前准备。熟悉教材。解教材的结构，重点与难点，掌握知识的逻辑，能运用自如，知道应补充哪些资料，采用哪个实例作为网页教学实例；解学生的知识结构，解他兴趣、需要和习惯，知道他学习新知识可能会有哪些困难，采取相应的预防措施；结合学生情况采取何种教学方法，解决如何把教材上的知识系统地传授给学生，包括如何组织教材、如何安排每节课、如何讲解实例。
设计一些实际中的商业网站案例，二、课堂情况。网页设计课上。课堂上引起学生的兴趣，激发学生的创作兴趣。网页设计课里包含有一些图片设计和动画设计，这些需要有丰富的想象力才能制作出优秀的作品，课堂上，也尽力培养学生的想象力，引导学生想象。课堂上，始终以学生为学习主体，把学习的主动权交给学生，挖掘学生潜在能力，让学生自主学习，提高学生学习的独立性。记得在有节课，把腾讯的一个分支网站拿来讲解，让学生先看，看了后让学生在草稿纸上画出自己的设计草图。最后我再来以不同的方式讲解该网站制作的方式，给学生从
多角度进行分析。有时也让学生在教师机上当场操作，让学生的智慧、能力得到体验，使学生成了学习的主人，使学习成了需求，让他觉得学习中有发现、有乐趣、有收获。课堂上关注全体学生，注意信息反馈，调动学生的注意，使其保持相对安静，同时，激发学生的情感，使他产生愉悦的心境，创造良好的课堂气氛，课堂语言简洁明了努力克服重复的毛病，课堂提问面向全体学生，努力引发学生学网页课的兴趣。还要做好课后辅导工作。认真批改学生的作业，三、课后工作。要提高教学质量。总结学生本次作业中的不足，解哪些知识学生还没有理解并在下一节课时进行补充说明。鼓励优秀学生，激发其它学生。课后多和学生交流，解其学习情况，以便改善教学。
3、存在问题
一、由于教材过厚，学生反映教学速度过快。以后在教学过程中将注意教学进度，尤其是语速。
二、教学中的相互合作有待提高。
三、网络教学资源还不是特别丰富，不能很好满足教学需求。今后将进一步加强网络资源建设，并提高资源利用率。
二、下一阶段教学工作的计划
在下个学期的教学中，我将继续认真备课，上课；按原订授课计划完成教学任务。并且总结上半个学期教学中存在问题，争取改进。同时，网页设计是一门需要实践的课程，我将做好网页设计实训计划以及拟订期末考试度卷。做好学生考评工作。
第四篇：网页设计总结
网页设计听课总结
网页设计的阶段性课程：
1、规划阶段（网站策划）
2、设计阶段（网页美工）
3、实施阶段（网页制作）
详细流程：站点策划、构思草图、美工设计、图形制作、脚本编程、图形页面整合、测试发布
从创建站点开始（学会搭建并定义本地站点）
规划站点结构的原则（用文件夹来保存文档、使用合理的文件名称、首页名称、将本地和远端站点设为同样的结构）搭建自己的网页文件夹 比如（images、midea等等）
创建站点文档（添加文件和文件夹、文件的管理）
HTML代码的基本结构（头部、主体）：
….
…
设定meta内容（通用头元素的设置、添加meta元素。设置关键字和描述文字、刷新网页设置）
设定页面属性（标题、背景图像、背景色、文本颜色、边距）
添加文本（插入特殊字符、设定文本属性、改变字体和尺寸）
换行快捷键：enter 和shift+enter（br式回车 紧凑型）
网页支持的图像格式：gif、JPEG、png等
图像在网页中自动变形后，可以按“重新取样”后改变图片的大小
底部水平线修改颜色：点击快速标签编辑器修改源代码即可（如：color=“green”）插入flash动画、flash按钮与文字、flash图片查看器、flashpaper文件
插入javaapplet元素（源代码：）
插入交互图像（翻转图片和导航条）
JavaScript 脚本语句：
设置滚动文字属性：在滚动文字前加上
鼠标指向时停止滚动命令：onmouseover=“this.stop()”
鼠标离开时开始滚动命令：onmouseout=“this.start()”
在滚动文字结束代码的最后写上：
例如：
网页链接：绝对路径（http://）
相对路径(相对于同网站下的链接b.htm)
根路径（a.htm）
内部链接、外部链接、锚链接、Email链接、链接的目标窗口、图像的超级链接、热点 链接的源代码：
邮件链接：（mailto:邮件地址？subject=网站意见反馈&cc=邮件地址）
例如：mailto:xxx@163.com?subject=网站意见反馈&cc=xxx@163.com
锚链接的使用方法：先在头部抛锚，然后在页尾链接到锚点（在目标处写：#top）源代码如下：返回头部
图像的热点：在一张图片的不同地区选择新的链接。
脚本链接：例子：关闭窗口的链接：JavaScript：window.close()
表格的应用：新增表格、表格的属性设定
学会用fireworks切片，并且在Dreamweaver中导入fireworks HTML并调整表格的操作 Html源代码 表格:
表格的绘制：（绘制表格、绘制单元格）扩展、标准、布局
快捷键：ctrl + ：放大ctrl-： 缩小
做好切片及排版
制作表单：（什么是表单？客户端填写表单（提交反馈）服务器端处理表单、加入空白表单、设定表单属性）
表单动作：（表单内容发到邮箱）mailto:xxx@163.com &cc=xxx@163.com
文本域、单选按钮、复选框
源代码：
id=”leftFrame“ title=”leftFrame“ />
添加浮动框架： 使用浮动框架（制作浮动框架、设置浮动框架属性、制作浮动框架链接）
属性的设置源代码：
制作复杂的嵌套结构框架页面、学会在页面中使用嵌套框架，并制作框架页面间的链接。模板的应用：模板的功能 什么是模板 为什么用模板（方便制作及更新）
创建模板（根据已有文件建立模板）文件菜单下：另存为模板„
定义可编辑的区域
库的建立及应用 库的建立（什么是库？为什么使用库？）便于局部文件的修改
1、建立库
2、应用库
3、更新库
层的使用 创建层 设置层属性（选择层 改变层的大小 移动层 排列层）
插入层的html语句：
层是属于CSS样式表的一种定位技术
作用：直接使用层排版、利用层来设计表格（层和表格可以互换）、使用层溢出属性 控制当层的内容超过层的大小的时候就要用到层的溢出属性（类似滚动条效果）
溢出属性的选择有四种：
1、visible（可见的）
2、hidden（隐藏的）
3、scroll（滚动效果）
4、auto（自动）
行为（什么是行为/动作/事件 选择对象 添加动作 调整事件）
行为的应用：制作弹出信息窗口、制作打开浏览器窗口、播放音乐（实现背景音乐）在html语言中添加背景音乐：
其中的（loop=”-1“：指的是无限循环）
设置状态栏文本 针对输入文本框的行为事件“点击”是：onfocus
不在文本框的行为事件是：onblur
控制flash的播放 先给flash命名 然后在下方设置控制播放的命令 给名字设置空连接（空
连接的目标为：#）
检查表单 对按钮实施行为事件
转到URL
交换图像
显示弹出式菜单
检查插件（新建文字 指向空连接 然后设置行为属性即可。）
检查浏览器（在IE流行的现在时代，一般不使用）
改变属性（例如改变图片的边框属性 如：border）
拖动层的效果（拖动层要对整个页面进行实施）
设置显示隐藏层（例如：鼠标划过时出现图片，离开时消失）
设置层文本
制作时间轴动画（层的漂浮效果）Fps：帧速率 在路线中添加关键帧
控制时间轴（鼠标经过停止、鼠标离开浮动）
常用事件：onmouseover、onmouseout、onfocus、onload等等
使用插件
1、手动安装插件：扩展对象、扩展命令（对于鼠标跟随的效果，字体的设置直接在CSS样式表中）、扩展行为
2、自动安装插件（使用插件管理器）：Dreamweaver中的标准插件后缀名为：*.mxp去adobe网站找插件。主要包括：扩展对象、命令、行为
预览和出版：检查网站中的错误链接、检查某个html页面的链接错误
Dreamweaver课程总结：
1、建立站点、维护站点
2、页面构成元素：文字（特殊字符）、图片、表单、多媒体（embed、marquee、bgsound）、头信息的加载
将其上传到网站的根目录即可。如果需要将Favicon.ico放到其他目录下，或者希望让不同的网页显示不同的Favicon，就需要在网页Html文件中做设定了，在Html中的＜head＞部分加入如下的代码：
第五篇：网页设计总结
四川机电职业技术学院
有一句话说的真的很对“纸上得来终觉浅，绝知此事要躬行”，大学生活我想人人都向往，为什么呢？因为玩得很好。高中时老师们就经常把大学如何如何挂在嘴边。是呀大学生大部分就是不上课就玩，缺乏实践和动手能力，思维有时也变得越来越不活跃。这次的实训就是很好的列子。
实训第一天，因为是设计动态网页要在ASP的平台上才能显示，老师就教我们安装，文件不要乱放等，就这一个安装我就试了好几次才成功，心情很不好，总是感觉计算机在跟我作对，很奇怪吧，有时候就是不想承认别人都做出来了，自己却没有。现在想想都觉得自己那时好幼稚，好可笑，好无知。随着做网页的时间增多，有的事就越做越熟练，就不会像第一天安装那个平台要试几次，现在一次就行而且是百分之百的成功。整个实训的过程可以说是所学知识的一个整理，一个综合，一个灵活运用。之前我们课堂上学的东西是一个个知识点，比较零散。虽然在实训之前我们也做过两个网站，但那是我们小组合作的，所以有些知识点我们并没有都用到。而这次实训是自己一个人做网站，做网站的各个环节都要自己亲力亲为，可以说是一个挑战，同时也是对知识的一种升华。它不仅是dreamweaver软件的熟练操作，也是potoshop、flash软件的熟练运用。我们需要自己设计网站的LOGO这就需要运用到potoshop软件强大的图形图像处理功能，需要做出生动的网页效果，就需要flash做出动态的文字效果和图片切换效果。免会遇到过各种各样的问题，同时在设计的过程中发现了自己的不足之处，对以前所学过的知识理解得不够深刻，掌握得不够牢固，在CSS的具体应用还不是和很熟练，没有能完全达到自己预期的效果，还好通过老师的细心指导才能达到最终效果„„通过这次网页设计与制作实训，一定把以前所学过的知识重新温故。
在这次实训中，也有许多的困难的和问题，以前我还以为制作网页很简单，只需要在网页制作工具中动动鼠标，找点资料就可以完成，原来是我把网页制作看得太简单了，在这次实训中我知道我错了。制作网页不是简单的，需要分步骤，而且还要会为网页取名，取名真的很重要，而且要记着保存，有的时候吧，我就会忘了保存。老师在实训中也是不自一次的说建了一个网页或修改了网页中的东西，一定要记住保存，还有名字不能取中文。再取名字中也遇到了点问题，因为网页太多了，有时候自己取的什么名字都忘了，共 页
第页
四川机电职业技术学院
找一个后台就会找很久，然后慢慢学乖了，这个现象也在慢慢减少。当然了这还不是在制作过程中遇到最困难的问题，最困难的问题的是什么呢，当然是打不开网页了。我相信很多人都会遇到，我遇到的时候当然也是去看源码又没错，有时候是单词写错了，可有的时候我就是不知道哪里有错，找了很久也找不到，总之很心烦它就是不出来。这时候你就知道同学朋友有多重要了，我问好朋友为什么，也问同学，请他们帮我找错，他们也是很有耐心的帮我解决我所遇到的问题，有时候三四个人还一起讨论，感觉很棒。数据库的连接说容易也不容易，一不小心把文件的路径给改了或放错了位置也是不行，网页就会显示没找到所说的文件或对象，也可能无法显示。而且在制作过程中感觉很有趣，因为是按照自己的设计而制作的。要把自己所写的内容在网页上显示又需要连接和后台，我就在上面遇到了一个问题找不到对象，我明明有链接呀，也有内容呀，后来才清楚我只连接了一个地方还有个地方没连接所以就不能显示啦，而且也找不到。
在两周的实训日子里，虽然有时很心烦，无奈，但是可以学到很多很多的的东西，同时不仅可以巩固了以前所学过的知识，而且学到了很多在书本上所没有学到过的知识。更懂得并亲身体会到了理论与实际相结合的重要性，只有理论知识是远远不够的，把所学的理论知识与实践相结合起来，从理论中得出结论，才能真正为掌握技术，从而提高自己的实际动手能力和独立思考的能力。
共 页
第页
点击咨询 