网站设计实践的教学总结（精选3篇）

网站设计实践的教学总结 篇1

一、 实践教学是在理论课基础上的教学。

这学期最开始的时候，并不知道本班的学生分为两个层次，一个是学习了网页设计理论课的学生，一部门是没有任何网页设计基础的学生。一个班有两个截然不同的组成，根本不知道应该如何教授。如果说基础知识，学了理论的学生就不能学到任何东西，如果说高层的知识，那没有理论的学生就完全不知所云。所以，刚开始上课的时候非常吃力。但最后决定以学习了理论的同学为标准，进行讲授，没有学习过理论的同学下课单独辅导。这样就不耽误课程进度。

所以，从这个学期的教训来看，实践教学应该是在理论基础上的教学，没有理论基础，就不能够有实践的学习。所以，建议以后的实践教学课和理论课进行套选，即只有选择了理论课，才能学习实践课。

二、 实践教学是以项目为驱动的教学。

我们一直把握以“项目为驱动”的教学方式，而且我们今后也要继续朝这条路走下去。做实际的项目是最好的学习方式，让学生从头到尾的制作一个项目，对整个过程有一个整体的把握，整个项目完成，他们就会有所进步。对于使用什么项目，如何设计项目，这个是非常重要的，实践教学之所以有意义，是因为学生能够把理论课上的知识得到综合的运用，更在于学生能够学到了理论课上不能学习的知识。所以，这才是实践课的魅力所在。 虽然每科的知识不同，但设计项目的理念是相同的，都是对学生知识的综合运用，这些知识应该是他们学习过的知识，对他们在理论课上已经学习过的知识进行综合的运用。这个学期在项目设计上花费了很大的功夫，从刚开始用代码编写一个网站，到用表格进行布局，再到综合运用知识制作一个网站。最后运用ASP设计制作一个网站，从简到繁，一步一步的达到提高学生综合素质的能力。学习完以后，学生能够自主的设计，制作一个网站。

三、 实践教学教师能力的提高。

“名师出高徒”，现在对这句话的理解非常深刻。一个好的教师，一个知识丰富的教师，能够潜移默化的让学生在有限的学习时间里获得更多的知识，这就是一个优秀教师和一个一般教师的.区别。所以师的自生素质应该得到相应的提高，才能让学生学到更多的知识。这也给教师自身的能力是一个挑战，如果你不是知识牢固，你不是不断的学习，不断的提高自己

的动手能力。不丰富自己的工作经验，面对学生的问题，面对学生的错误，你可能会束手无策，这样会误人子弟。所以作为老师，最应该不断的为自己充电。让知识得到及时的更新和补充，这样才能够教出更高水平的学生。

四、 实践教学应发扬学生的主动性。

实践教学应该发扬学生的主动性。学生的潜力是无限的，如果给他一个框，他的思维就会被禁锢，学到的东西也会一成不变，不能够举一反三，所以在教学的过程中，不仅要让学生懂得这些知识点，更应该让学生知其所以然，以后遇到类似的问题就能够很好的解决。如何发扬学生的主动性呢？一个很好的方法，就是让学生参与你的教学，让他们来说他们对这个知识点的理解，然后教师给予补充和纠正。这样他们的主动性就得到了很大的提高，而且这些知识在他们的知识库里会记忆得更加牢固，更加灵活。

还要“授人以渔”，这种方法是能够伴随学生一辈子的，老师教的东西比较非常有限，但学生今后的成长路很长，需要他们自己用能力去创造，所以现在我们应该授人以渔，才能让他们在今后的道路中不断的进步。所以在教学的过程中，我会很注重对他们能力的培养，让他们学习如何有选择的学习，如何找到自己的位置，如何自己学习。这些习惯和方法的养成，对他们今后有更好的发展。

五、 利用优秀的网络资源引导学生学习。

现在有很多优秀的视频教材可以利用。这些教材是经过了很多人的努力而得来的。所以应该是非常经典的教程。我们可以合理的利用这些优秀的教材，辅助我们的教学。也可以学习他们的教学方式，更好的教授我们的课程。但这些教材只是辅助性的东西，相当于老师的PPT课件，是辅助教师更好的教学，并不是取代教师上课。这点是非常重要的。

六、 耐心，赏识，惩罚。

对于这门课，最重要的是耐心，学生的问题非常多，而且一点点细微的错误都会导致整个项目的失败，所以耐心非常重要，耐心的为他们讲解，提示他们为什么会有这样的错误，以后遇到这样的错误应该怎么处理。这些耐心并不意味这你要替他们解决问题，应该是为他们找到解决问题的方法，让学生自己动手去解决问题。

“赏识教育”非常重要，每个人都是想要得到别人的鼓励和肯定的。我对学生的要求非常低。毕竟他们才大一的学生。只要他们有一点点的进步，我都会很开心的鼓励他们，非常不错，大一能够学到这么多知识，非常好了。一步一步的来，相信你们肯定都会比我更厉害。所以学生对这门课的兴趣也会更加的浓厚。试想一个老师每天在课堂上都是打击学生的积极性，都说：“这么简单的东西，这么做了这么久都没做出来。你们在干什么？”那学生肯定没任何兴趣去听他的课，因为老师已经给他们下了定论。你们就是学不懂。再努力也是白费。这样对学生，对教学都是百无一益的。所以，赏识教育给予学生信心，也给予和谐的课堂环境。

有“赏”就有“罚”，这样才能够更好的促进学生进步。“罚”并不是惩罚，“罚”和“赏”是相对的。当你对某些表现好的同学进行“赏”的时候，其实就是对表现不好的同学的一种“罚”。因为他们知道自己做得不够好，没有得到“赏”。我会对他们说：“希望你们下次努力，也能够得到奖励。”所以下次，他们会做得更好。这样的“罚”对于他们来说是一种鞭策，一种进步。所以“赏”和“罚”是不能分开的一组机制。

结语：

总结整个20xx年上半年的教学工作，收获是丰富的，不管从知识，还是教学管理，还是教学经验上都是丰富的。给了我成长的道路上宝贵的一笔。虽然有很多时候都是在一种紧张，忙碌的状态下走过，但我知道，走过了这一段，人生就会是另一个起点，有另一个更大的目标等着我去前进。

前进的步伐不会停止，因为我的追求永不停止！

网站设计实践的教学总结 篇2

近一个星期的实训将要结束了，顶着考研考试的巨大压力我们小组还是如期的完成了老师的要求，其中的酸甜苦辣我会在今后的日子里不断地去咀嚼，去回味，去探索。从制作网页过程中，我学到了新的美化网页的方法，运用了更多以前未运用的技巧。这使我学到了更多的知识，并且为我自己在制作网页这方面积累了一些经验。这些将是我人生中的一次重要的经历，将是我今后走上社会后的一笔巨大的财富。这次实习的收获对我来说有不少，我自己感觉在知识、技能等方面都有了不少的收获。总体来说这次是对我的综合素质的培养，锻炼和提高。

做好页面，并不是一件容易的事，它包括个人主页的选题、内容采集整理、图片的处理、页面的排版设置、背景及其整套网页的色调等很多东西。本次课程设计不是很好，页面过于简单，创新意识反面薄弱，这是我需要提高的地方。需要学的地方还有很多，需要有耐心、坚持，不断的学习，综合运用多种知识，才能设计出好的web页面。

制作网页,首先是确定主题,经过再三考虑,就做了个关于发型的网站,是一家为理发店提供数据库服务的大型企业Prettyhair还为注册的理发店提供会员管理服务，各大理发店均可注册prettyhair并获取相应数据库，

prettyhair来维护数据库安全可靠。同时，prettyhair也是一家以提倡健康、漂亮头发的信息资讯类公司，您可以在这里获取如何保养头发的相应信息，以及各种发型的图片相关介绍，还有各种护发用品。于是网站主题确立。然后是整体规划，每一版块都有其个性的色彩，清晰明了，便于阅读浏览，大致分几部分，个人档案、兴趣爱好、成长经历、国家队生涯、荣誉、职业生涯数据、转会记录，再加入个别网站等，每一部分又分几小部分，内容比较充分，多样。

再后是收集资料与素材，大量浏览相关网站，收集关于C罗的一些事迹历史图片，好的文章和图片等，还有参考一些好的网站的布局，特色，颜色搭配，背景图等。

再后是制作网页了，使用dreamweaver制作。首页内容精彩丰富，简洁明快，语言风趣，通俗易懂。页面可爱清爽。首页主要是导航作用。首页制作时，时刻考虑着网页的基本原则：统一，连贯，分割，对比及和谐的原则，内容统一，都是为了主题服务，一个网站强调的就是一个整体，只有围绕一个统一的目标所做的设计才是成功的；连贯，页面之间关系连贯，统成一体；每版内容都自成一体，颜色各异，便于浏览；整个网页有动有静，颜色不同，形成对比，不呆板，富有生气；颜色各异，但又不同之中又相同，浑然一体。而且制作过程中，不忘以下原则：

简洁实用:这是非常重要的，网络特殊环境下，尽量以最高效率的方式将用户所要想得到的信息传送给他就是最好的，所以要去掉所有的冗余的东西。使用方便:同第一个是相一致的，满足使用者的要求，网页做得越适合使用，就越显示出其功能美；页面用色协调，布局符合形式美的要求:布局有条理，充分利用美的形式，是网页富有可欣赏性，提高档次。当然雅俗共赏是人人都追求的。

利用我们所学的框架集，制作更完美的页面。将动态网页与静态网页结合起来。再后，调试过程，好多次本来在dream里好好的，把字调的好好的，位置很对，可在浏览器里御览就出毛病了，不是靠上了，就是靠下了，很不老实，经过再三调试，整理，加了好多表格，终于满意了，很是麻烦，想请问老师，为什么会出现这种情况啊，还有怎么解决啊，不用这么反复调整的办法，还有什么好办法啊？

还有，在最超链接过程中，明明在页面属性里设置的是超链接的文字是原色，点击链接后也是原色，可一链接上就变色了，想了老半天，也做了很多研究，实验，终于知道怎么回事了，原来应该对文字所在的单元格整体做链接，而不是只选中文字做链接。这次的网站大部分用的是表格，层用的很少，因为它太灵活了，不好控制，用的很少。

制作过程中，才发现，原来自己懂的太少了，好多不知道的地方，才赶紧查书，开始的时候只是会建立模版，可不会应用，操作，可这样要修改模版可就麻烦了，要一个网页一个的修改，于是赶紧上网学习相关内容，阅览书籍，最后才知道文件这有个资源，点击进入资源面板，点击到数第二个的模版，选项，所有模版就都显示了，点击资源面板左下角的应用命令，好了，这个模版就应用到你建立的网页中去了。

这只是在制作过程中出现的问题之一，其它问题也是类似相同。现在想想，自己所会的东西太少了，现在做的网站只是一些简单的网站，看到了一些知名的网站开发出的网页，不仅栏目内容丰富，信息量大，而且页面图文并茂，五彩缤纷，使得网民赞叹不已，流连忘返。以我们的经验，当前的软件的功能日趋复杂，不学到一定的深度和广度是难以在实际工作中应付自如的。因此反映出学习的还不够，缺点疏漏。需在加以刻苦钻研及学习，不断开拓视野，增强自己的实践操作技能，为以后能做出出色的网页而努力。

（一）页面的设计方面

网页设计跟学习别的东西一样，也需要兴趣，所谓的兴趣也不是三分钟热度，是一种执著。

学习网页设计需要耐心，如果没有耐心，就学不好网页设计，应为当你碰到一个问题时，如果不能立刻得到问题的答案，你可能需要很长时间去解决，我就碰到过一个问题，用了很长时间才解决。

学习网页设计需要坚持，坚持不断的学习，因为设计网页的软件在不断的更新，因此我们要不断的学习并且学习网页设计不要掉入技术的陷阱，如果你的网页设计技术一流，并且对软件的.掌握程度已经达到一定水平，但是你设计的网页确不堪目睹，这是因为网页设计是介于平面设计和编程技术两者之间的边缘科学.不仅涉及到美学,心理学,平面构成,色彩搭配等平面设计的方面的知识,还涉及到html,javascript,css,asp,php等编程语言技术方面的知识.只有综合运用多种知识,才能设计出视听特效,动感十足,富于个性的web页面,才能全面展现互联网这一新型媒体的独特魅力和多维空间的超强功能.并且我认为网页设计应该注重实用性，因为它是让人浏览的，是用户可以抚摸，可以评论，可以交互的。因此我提倡简单的美。

（二）网页视觉效果

视觉形象识别即我们通常所说的VI（VisualIdentity），与BI一起用于深化表现企业理念，同时也受到BI的影响。所谓视觉形象识别，就是指能够被目标客户通过视觉来认知与企业相关的一切事物，从最基础的企业标志、吉祥物、标准色到企业日常业务中的信纸、服装、名片等等，在将其系统化以后就形成了企业的视觉形象识别系统。

视觉形象识别系统在整套CIS中处于最表层的位置，其中所有的设计都将与目标客户发生直接的接触。

（三）网页的整体布局和导航

网页的布局通常指的是网页的整体架构，说的通俗一点就是排版。如何突出最重要的内容，即让用户第一眼就看到这个网页所想要传达的信息。这一点至关重要。在大多数做的比较成功的网页中，一个共同的特点就是网页的整体架构十分的清晰明了，便于用户浏览网页布局大致可分为“国”字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、Flash型、变化型

网页布局是主要考虑以下几点：

1、首先要考虑整个网页的长和宽，以及长度和宽度之间的比例。2、其次就应该考虑导航条的设置了。3、正文的框架设置（横向因素和纵向因素交错）

（四）网页中文字、图像

图象我利用网上搜索和自己所学过的banner进行处理,这样做起来节约了很多时间。

（五）网页制作过程中的其他注意事项

不要过于注重色彩的灿烂，只要简单就行。我们最终追求的主要是实用价值

通过这次实习，在制作时想想使自己的网页更加丰富多彩，在网页中插入图象，动画，动态特效。可是总遇到这样那样的问题，但在同学的帮助和自己摸索的情况下完成了这个实习的成果。看到了一些知名的网站开发出的网页，不仅栏目内容丰富，信息量大，而且页面图文并茂，五彩缤纷，使得网民赞叹不已，流连忘返。以我们的经验，当前的软件的功能日趋复杂，不学到一定的深度和广度是难以在实际工作中应付自如的。因此反映出学习的还不够，缺点疏漏。虚在加以刻苦钻研及学习，不断开拓视野，增强自己的实践操作技能，为以后能做出出色的网页而努力。

总体来说，通过这次的对网页课程设计，有收获也有遗憾、不足的地方，但我想，我已经迈入了网页设计的大门，只要我再认真努力的去学习，去提高，凭借我对网页设计的热情和执着，我将来设计出的网页会更加专业，更完善。感谢老师、同学在这次课程设计中给我的帮助、指导！

网站设计实践的教学总结 篇3

现在，计算机和网络已经深入到了我们生活中的方方面面，也已经成了生活中不可缺少的一部分，网络成了我们获取知识和信息的一种便捷工具，现在的网民也在不断的增多，所以，了解和学习网络知识是我们作为一名大学生迫切所需的，我利用寒假的时间，对网页设计进行了初步的认识和了解，并基本掌握Dreamweaver的应用。

通过对网页设计书籍的翻阅，我学习到了一些关于建设网站和制作网页的知识，在实践查阅资料时，对flash也有所了解。我还了解了一些基础的网络技术。通过学习，我对计算机有了更深层次得到了解，也有了更浓厚的兴趣。尤其是对网页制作的过程与一些技巧手法更有了另外一番了解，对网页制作的基础知识也有了一定的掌握。在这个过程中，我同样认识到网页设计不是一门学科的独秀，而是多种课程的综合，他是、Flash、Fireworks等网页软件的综合应用。

下面阐述一下我在翻阅《Dreamweaver》时的一些关于网页设计的见解。在具体的制作一个网页时我了解到一个优秀的网页设计应该具备一些基本原则。

首先，要·确定网页设计的内容一个优秀的风站要有一个明确的主题。整个网站围绕这个主题,也就是你在网页设计之前要明确你这个网站有什么目的,用来做什么，所有页面都是围绕着这个内容来制作，有了明确的内容对排名有很重要的作用;其次，要了解你网站所在行业的客户，及你的网页属于哪个类别。用户是一个网站成败的关键,如果用户要花很多时间进入你网站很有可能用户会立即关掉你网站,或者你网站操作很不方便用户也会马上离开,这种网站是很失败的设计,只会让用户失望的离去.

在完成以上的基本内容之后网页的基本框架便成形成了，下面要开始的便是优化工作，内容是整个网页的核心。在网页设计之前必须明确网页的内容安排。优秀网页设计是要建立在平凡的基础上的。然后在具体的规划一个网页时，可以用树状结构先把每个页面的内容大纲列出来，尤其要制作一个大的网站(有很多页面)的时候，特别需要把这个架构规划好，也要考虑到以后可能的扩充性，免得做好以后又要一改再改整个网站的.架构，很浪费时间和财力。

大纲列出来后，还必须考虑每个页面之间的链接关系。是星形，树形，或是网形链接。这也是判别一个网站优劣的重要标志。链接混乱，层次不清的站点会造成浏览困难，影响内容的发挥。框架定下来了，然后开始一步一步有条理，有次序地做来，就胸有成竹得多，也会为主页将来发展打下良好的基础。下一步，就以动手制作具体内容了，题材选定，框架选定，接下来就开始往主页里面填内容。

如果是个人主页，有能力的人完全可以靠自己来创作所有的内容。大部分人的方法是：从报纸，杂志，光盘等媒体中把相关的资料收集整理，再加上一定的编辑后就可以了。另外一个好的方法是从网络上收集，您只要到搜索引擎上查找相应的关键字，就可以找到一大堆的资料。在准备材料的时候我们可以用一些小的动画和动态图片，Flash提供了功能齐全的绘图和编辑图形工具。

可以直接在编辑区里绘画，编辑修改非常灵活，它的另一大特点是“交互性”强。在动画播放时，可以用鼠标或键盘对动画的播放进行控制，效果可以很直观的反映出来。然后是开始正式制作主页。通过Dreamweaver作为制作软件，只需要用到软件中的一些基本的功能：图片插入和对齐设置;文字的格式、颜色、背景颜色的设置等就可以制作出一个简单的网页。

总体来说，通过这个假期对网页设计的学习，有收获也有遗憾。但是，我已经迈入了网页设计的大门，只要我再认真努力的去学习，在今后的闲余时间学习制作网页的更多知识以实现自身技能的提高，我坚信将来设计出的网页会更加专业，更加华丽，使它最终成为自己的一项技能。