第一篇：网页制作与开发教学点滴心得
网页制作与开发教学点滴心得
摘要：员工的计算机应用能力正在成为各行业最重视的工作能力之一，基础的网页制作与开发则是计算机应用的基本能力要求。该课程的目的是让学生能够掌握网页制作与开发的基本技术，为今后的工作和学习奠定坚实的基础。
关键词：网页制作与开发；Dreamweaver；计算机教学
中图分类号：G642文献标识码：A文章编号：1009-3044(2011)24-5984-02
Some Experiences of Beginning Web Pages Programming
CHEN Yi-kuang
(Dept.of Phys.and Elec.Tech.Hanshan Teachers College, Chaozhou 521041, China)
Abstract: Computer application technology of staff is becoming one of the most important abilities in all jobs.And web pages programming is the basic of computer application.Mastering the basic skills of web pages programming is the purpose of this course.Then students can enhance their skills for the future.Key words: web pages programming;Dreamweaver;computer teaching
随着互联网应用的不断普及，进行基础的网页制作与开发已经成为普通高校毕业生的基本能力要求。网页制作与开发技术不仅涉及文本、图片、声音、动画、视频等多种元素的相互组合，还涉及超链接、表格、框架等页面布局知识。所以说一个好的网站，会给浏览者留下深刻的印象，使信息得到更好的传播。
该文主要介绍作者在从事网页制作与开发教学过程中的一些体会。所采用的课本是人民邮电出版社出版的《网页制作与开发教程》，作者为张强、高建华、温谦。该书共有十二章，从网页制作的基础知识入手，重点介绍网页中经常涉及的两大元素：文字和图片，以及网页布局的相关知识：表格和框架。对于网页中经常出现的超链接，书中不仅介绍了网页之间，还包括了网页中各部分内容相互跳转的方法。另外还介绍了用于统一网页结构和外观的模板、库以及CSS样式设置等Dreamweaver特有功能和Dreamweaver自带的可以增加网页动感的flash对象。至于网站管理与发布以及动态网页，书中也有所涉及。该书的一个突出特点是采用实例教学法，每一章都是先介绍相关的理论知识，然后举例来加深学生的理解，每一章的最后一节则是一个综合实例，包括了该章所涉及的主要知识点，以便学生最终能熟练的使用全部技术。该书还用一整章的篇幅，通过对一个网站具体制作的介绍，回顾并总结了学生需要掌握的主要知识。教学目标
首先是要让学生了解网页的分类、网页制作的一些基本概念以及网页制作的基本步骤；理解HTML语言的基本知识；掌握网页中文字、图片等元素的添加和修改；学会通过建立超链接来实现网页间以及网页中各部分内容的跳转；通过表格和框架对网页进行更好的布局；使用模板、库和CSS样式设置使得网页具有统一的结构和外观；在此基础上采用Dreamweaver 8.0作为开发软件，使用其网站管理功能，并添加其内置的Flash对象，制作出更加美观、更加高效、内容和功能更加丰富的网页。
教学方案
与其它课程不同，该门课以练习为主，教学为辅。具体是学生每个星期有两节的上机练习课，每两个星期安排两节课堂教学课。课堂教学主要介绍网页制作所涉及技术的各种理论知识，比如：HTML标签符的基本格式、网页中的图片格式、绝对路径和相对路径、CSS工作原理等。这些理论是网页制作的基础，只有真正理解了这些理论知识，才能在网页开发的过程中灵活应用各种技术，从而制作出更加完美的网页；上机练习则是让学生通过自身的实践，加深对网页制作技术的认识，最终掌握网页制作的相关技巧。像网页制作这样的计算机课程，其最终目的是让学生可以独立完成网站的开发，因此培养学生的动手实践能力是首要任务，而学生开发的网站则作为学习成绩的主要依据。
重点和难点
要想能够独立开发网站，学生必须做好以下三点：第一，正确理解HTML语言；第二，勤于练习；第三，能够熟练使用Dreamweaver等相关软件。因此这三个方面是本课程重点介绍的内容。首先，是重视对HTML语言的理解。虽然现在很多网页开发软件，比如：Dreamweaver，FrontPage等都可以自动完成很多设置工作。但是，学生们还是应该要能够准确理解网页中所有HTML代码的真正含义。因为只有这样，在制作复杂网页时，才能够更加精确的控制网页的实际显示效果。其次，要培养学生自己动手，独立思考的能力。课本每一章都有实践和练习，是针对每一章内容设计的实践动手环节。大多数学生都能够独立完成，因为课本给出了制作的相关步骤。但仅此还不够，应该使学生能够举一反三，灵活应变。Dreamweaver等软件可以帮助我们更快的完成网站的开发，因此对相关的软件，不仅要会用，而且还要熟练。
学生在学习过程中经常会遇到各种各样的困难，帮助学生克服困难是教师的职责。对于网页制作这门课，学生遇到的第一个困难是编程。虽然Dreamweaver等网页开发工具可以帮助我们完成大部分网页代码的编写，但是要想制作出更加美观，功能更加强大的网页，掌握程序的编写是必要的条件。由于该门课的授课对象是大学一年级的新生，他们中的大多数人在此之前并未接触计算机程序，因此要专门安排有关编程知识的讲授。
学生遇到的另一个困难是浏览器对网页外观的影响。由于国内的计算机多数安装了微软公司的视窗操作系统，因此目前国内用于上网浏览网页的浏览器主要是微软公司的探险家，或者以探险家为核心的其它浏览器。但并非所有浏览器都是以探险家为核心，它们与以探险家为核心的浏览器并不兼容。而HTML语言也不是专门为某款浏览器而开发的，因此就存在某些代码只能被某些浏览器识别的问题。比如创作网页上的动画，教材的作者提供了一个简单的例子，在网页中添加一段HTML代码闪烁效果，这段代码的目的是浏览网页的时候“闪烁效果”四个字会闪烁，但是一些学生尝试之后反馈说并未出现闪烁。原因是他们没有留意课文对软件的描述，按照习惯采用了常用的探险家浏览器。这种问题时不时会出现，应该在刚开始授课的时候就反复强调其成因，以便引起学生的注意。
完成网页的制作之后是将整个网站上传到服务器，并使其可以浏览。而这个过程也会出现一些问题。首先是如何上传，一开始学生们都选择通过浏览器来上传文件。但是用浏览器上传文件存在一个缺陷，就是在传输过程中如果出现中断，正在传输的文件就得重新再上传一次，即使该文件的99%已经上传到服务器上。另一个缺陷是一个文件完成传输才会进行另一个文件的传输，因此速度较慢。引导学生采用专业的FTP工具上传文件，是解决上述问题的最好办法。一些学生上传文件后反映网站没法打开，这通常是因为学生没有将网站的首页名称改成index，或者没有将首页放在根目录所致。因此在开始制作网页的时候就要强调，首页一定要用正确的名称保存，上传的时候不要将存放所有网页和网页元素的主目录文件夹上传。
结束语
要达到能够灵活应用网页制作技术，从而开发出满足用户要求，色彩鲜艳、内容丰富并能够浏览顺畅的网站，学生们必须熟练掌握各种网页开发的技巧并且深刻领会网站的设计理念。特别是要将静态网页制作技术和动态网页制作技术很好的融合在一起。
通过学习这门课程，学生们初步掌握了相关的网页制作技术，了解了网站设计的有关理念，为学生们进一步学习网页开发技术打下了坚实的基础。
参考文献：
[1] 张强,高建华.网页制作与开发教程[M].北京:人民邮电出版社,2008.[2] 陈一匡.采用英文教材的“多媒体技术概论”教学探索[J].电脑知识与技术,2010(6):3216-3217.[3] 杨志祥.启发式教学在《计算机文化基础》课中的应用[J].电脑知识与技术,2011(7):2215-2216.[4] 赵丽华,卢旭英.Dreamweaver8网页制作浅析[J].电脑开发与应用,2011(4):79.
第二篇：网页制作心得
科学是发展生产力的根本前提，当今的社会是互联网蓬勃发展的世界，每当我们上网的时候，那一个个精美别致的网页给人是多么流畅顺利的感觉，无论是寻找资料还是网上商城购物，都给我们带来了方便快捷的好处，我想，科学技术的发展，离不开互联网的发展，而互联网的发展也离不开网页制作的发展，而只有把两者结合起来才是正确的。
首先，了解网页并不是单纯的认为他仅仅只是为人们服务的，而它的存在也是给我们带来了利益和好处。当然，了解网页首先也从几个软件开始：
1.dreamweaver mx XX（或dreamweaver 8）。
2.flash mx XX（或flash 8）
3.fireworks 8
而网页制作就是开始从这些软件开始着手的，今天，我终于可以学习网页制作了，我们在杜奕老师的教导下，各位同学们也都在聆听老师的讲解和指导我们运用以上这些软件的功能和网页的剖析。所谓网页，就是指一个可以浏览内容并且可以使用ｉｅ浏览器打开的内容称之为网页。
在刚开始接触网页的第一堂课上，听说网页制作会是一门很无聊并且很难听懂的过程，而事实却印证了这样一个事实，但是只要我们努力，无论是怎样的艰难险阻，成功依然会迎面直击。在刚开始时我觉得dreamweaver mx XX很难理解，不管老师做怎样的解释，而我却对它感到很是吃力，诸如里面有许多不知道的功能。如：布局表格、绘制层、制作ｃｓｓ样式表等，这些内容迷糊了我的视线，真是没想到制作一个精巧别致的网页是如此的困难，可是心有不甘，每天上网看着那样多的网页，于是我才下定决心选择了网页制作这一门课程，目的就是希望以后能够做出一个完美的网页来。
“路漫漫其修远兮，吾将上下而求索”学习的道路是艰苦漫长的，更何况这是关于一个科学技术的一个代名词，随后，课堂的气氛慢慢的好转，耐心的老师和专心的学生在课堂上都尽情的发挥各自的才能，老师也为了能教好每一位学生，而学生也不辜负老师的使命，就这样，网页制作这一门课程进行的很顺利，学习了dreamweaver mx XX对它如何彻底的剖析和分解，我们终于认清了它的原理，摸清了应该怎样去完全的使用它，而我们在老师的指导和训练的结果下，终于开始做属于自己的网页了。
慢慢的快接近尾声了，我们也快临近期末了，老师给我们的任务却是需要我们每人至少做出三个网页来，且内存不能超过３ｍ，刚开始我以为我会对着感到很是吃力，不知道该如何是好，毕竟网页才是刚刚起步，根基不稳，怎么能够做出这样的网页呢？而我对dreamweaver mx XX它也不是很熟悉，心里真是很担忧。
在这最后的时间里，我仔细掂量了一番，网页制作给我的结论是：要想制作一个能够像网上的那样，还得需要经过长时间的刻苦努力和不断地检验及实践，否则，如果只靠老师在课堂上讲的那些知识是远远不够的。毕竟网页是一个技术性的知识，不像文学那样的纯理论知识。通过这个课程的学习，我从中得到了一些对网页知识如功能、概念的理解，原来要做出一个简单可行的网页并不是一件害怕的事情，而是一件努力和尝试的事情。
网页制作心得（2）：
做好主页，并不是一件容易的事，它包括个人主页的选题、内容采集整理、图片的处理、页面的排版设置、背景及其整套网页的色调等很多东西。
一、准备资料和挑选网页设计的合适工具
俗话说：“巧妇难为无米之炊”。做主页当然要收集、准备资料。在网上多转转，看到什么漂亮的网页，把它保存起来，作为以后自己设计主页时的参考。
另外，还包括搜集美化主页可能要用到的各种材料，如背景、线条、小动画图标等等。你可以在硬盘上建一个文件夹，下分“e-mail图标、背景、线条、动画”等文件夹，养成上网时看到有创意、新鲜的图像，就按鼠标右键存入你硬盘相应文件夹的习惯，时间一长你就有拥有了一个可观的图库，等做主页时随手拈来或加以修改就成你自己的东西了。
二、规划好整个网站
主页的设计应以醒目优先，应该令人一目了然，切勿堆砌太多不必要的细节，或使画面过于复杂。要做到这一点，首先要在整体上规划好自己网站的主题和内容，确定自己需要传达给访问用户的主要信息，然后仔细斟酌，把自己所有要表达的意念合情合理地组织起来；其次，是设计一个富有个性的页面式样，务求尽善尽美。这样制作出来的主页才会清晰、明了、内容充实。切记，页面给人的第一观感最为重要！在网上到处浏览网站的人很多，如果你的主页给人的第一印像没有吸引力，很难令他们深入观赏，而且他们恐怕再也不会访问你的网站了。
三、善用图片，增强艺术效果，加快主页浏览速度
网页的迷人之处之一，要算它上面能点缀许多漂亮的图片。精美的图片设计，可以使自己的网页增辉不少，令人过目不忘。图片的内容应有一定的实际作用，切忌虚饰浮夸，同时还要注意与文字的颜色搭配。最佳的图像集美观与资讯于一身。
四、善于借鉴他人主页制作中的设计技巧
由于在网上用浏览器浏览任何主页时，都能查看到该主页制作时所编写的绝大部分网页编程源代码。因此，如果你想知道并掌握一些优秀的主页采用的设计技巧，不妨将其源代码调出来仔细揣摩，并模仿着一步一步去实现。这样的话，你就能以较短的时间掌握相应的设计技巧。而且，在许多主页上都留有制作者的电子邮件地址或icq号码，如果你在制作主页时，遇到什么疑昨天，网页与我无缘，那是因为上天不给我们一个见面的机会！
第三篇：网页制作心得
网站学习心得
本学期我们教育技术专业开设了网页设计与制作这门课，刚开始我只觉得学习做网页既有趣却也有难度。毕竟平时上网的时候，就看到了很多做的很好的网页。自己也曾很好奇这些网站是如何在人们手中诞生的。随着课程的深入，我也了解到了一些关于网页制作的知识。并在老师的指导下，成为了一个网页制作菜鸟。尽管目前，我的技术还不成熟，但我会在以前的课余时间继续学习做网页，直到成为一个优秀的网页设计师。
随着互联网的发展，互联网的应用越来越贴近生活，越来越多的人加入到了制作网页的队伍中来，各式各样的网站如雨后春笋般的出现在互联网上。但是要制作出一个优秀的网站却并非易事。一般说来，网页制作要能充分吸引访问者的注意力，让访问者产生视觉上的愉悦感。网站设计是将策划案中的内容、网站的主题模式，以及结合自己的认识通过艺术的手法表现出来；网页制作通常就是网页设计师将设计出来的设计稿，使用dreamweaver8这个软件将其制作成网页。简单来说，网页设计的目的就是产生网站。那什么是网站呢，网站就是一系列网页的组合，将这些网页以一定的相互关联系统的链接起来，就形成了一个网站。简单的信息如文字，图片和表格，都可以放置到网站页面上。而更复杂的信息如动画，视频，音频需要使用一些特定的插件等放在网页上。
做网页，第一步就是建好站点。老师也曾不厌其烦的叮嘱我们第一步就要建立站点，便于以后的管理。俗话说好良好的开端是成功的一半，我觉得在建立站点前，应当对站点进行规划，以便在以后的网站建设中节省更多的时间和精力。例如可以将不同类型的素材分类到不同文件夹中，不同的链接等级的网页分级创建文件夹存放等，这样做会使站点目录结构清晰，方便管理。还有要特别注意的细节就是，对文件的命名不能用汉字，可以使用英文或是汉语拼音代替。
正所谓：工欲善其事 必先利其器。前期的工作准备好之后，就该琢磨一下网站的内容了。网站的内容上一定要求新，求奇，求变！这谁都知道，但是这却很难做到。想做一个内容与其它网站内容不同的网站，那是不可能的。所以我们要经常去浏览一些大型的门户网站，学习一下别人在网站的布局，制作，管理等方面的长处来加以利用。
做好主页，并不是一件容易的事，它包括主页的选题、内容采集整理、图片的处理、页面的排版设置、各个网页之间的合理链接、背景及网页的色调等很多东西。一般说来，主页要小而精，除非是大型的门户综合类网站，如新浪网、腾讯网等，否则不需要太大的页面，只要能让浏览者了解到网站的主题即可。所以标题就起到很好的作用。它在很大程度上决定了主页的定位。一个好的标题必须有概括性、简短，有特色、容易记，还要符合自己主页的主题和风格。
还有为了让你的网站内容丰富精彩，访问者还会再一次来访。我们在内容的采集方面也要下功夫。选好标题后，开始采集内容，内容必须与标题相符，在采集内容的过程中，应注重特色，所谓特色应该是有一些自己的东西。主页中的特色，应该突出自己所做网站的个性，把自己的兴趣、爱好尽情地发挥出来。主页就是网络上的属于自己的一个小天地，在那里，可以放上自己喜欢的任何东西，包括你自己平时喜欢一些文章，一些好听的歌，一些好的动画作品等等。把这些内容按类别进行分类，设置栏目，让人一目了然。
做好主页不能只用文字，必须在主页上适当地加一些图片，增加可看性。一张处理得好的图片不需要多做任何解释，就能让人一目了然，让人去思考，去了解它。这时候可以利用好photoshop为自己的网站设计一个能表现主题的LOGO。我可以发挥自己的创意，做出别具一格的版头。配色能与网站背景搭配，外型设计要清爽简洁。还有可以在主页上设置滚动图片，这样的网站也更有吸引力。做这个需要代码，可以在网上找一下。我此次做主页曾尝试过这样做，可是没有成功，我以后会继续摸索的。
另外网页页面整体的排版设计也是不可忽略的。很重要的原则就是合理地运用空间，让自己的网页井井有条，留下必要的空白，人觉得很轻松。在制作之前，在脑中要先有网站的大体轮廓，在什么位置放图片，放文字。不要想到哪做到哪，这样做出来的网页质量也不高。我刚开始的时候不会用层，做出来的网页就有点结构混乱。后来通过学习了解到可以运用一些框架、表格和层，利用他们来合理布局，将会使网页设计更加的顺手。
网页的背景并不一定非要用白色，选用的背景应该和整套页面的色调相协调。但不要太过花哨，以免喧宾夺主。网站整体的颜色要保持统一，不宜太多。还有就是背景色最好选用安全色，这会让你的网站颜色的搭配更合理、自然。
以上仅是我这学期学习网页制作的一点心得，还有就是我平常学习过程中总结的经验。尽管这学期的课程已经结束了，可是我觉得我们教育技术专业以后的就业方向和计算机打交道还是比较多的。所以熟练掌握网页制作的技术会为以后工作的开展提供便利。所以我会在以后的课余时间里多利用图书和网络教学视频学习网页制作的技术。
第四篇：网页制作心得
网页制作心得
做好主页，并不是一件容易的事，它包括个人主页的选题、内容采集整理、图片的处理、页面的排版设置、背景及其整套网页的色调等很多东西。
一、准备资料和挑选网页设计的合适工具
俗话说：“巧妇难为无米之炊”。做主页当然要收集、准备资料。在网上多转转，看到什么漂亮的网页，把它保存起来，作为以后自己设计主页时的参考。另外，还包括搜集美化主页可能要用到的各种材料，如背景、线条、小动画图标等等。你可以在硬盘上建一个文件夹，下分“e-mail图标、背景、线条、动画”等文件夹，养成上网时看到有创意、新鲜的图像，就按鼠标右键存入你硬盘相应文件夹的习惯，时间一长你就有拥有了一个可观的图库，等做主页时随手拈来或加以修改就成你自己的东西了。
二、规划好整个网站
主页的设计应以醒目优先，应该令人一目了然，切勿堆砌太多不必要的细节，或使画面过于复杂。要做到这一点，首先要在整体上规划好自己网站的主题和内容，确定自己需要传达给访问用户的主要信息，然后仔细斟酌，把自己所有要表达的意念合情合理地组织起来；其次，是设计一个富有个性的页面式样，务求尽善尽美。这样制作出来的主页才会清晰、明了、内容充实。切记，页面给人的第一观感最为重要！在网上到处浏览网站的人很多，如果你的主页给人的第一印像没有吸引力，很难令他们深入观赏，而且他们恐怕再也不会访问你的网站了。
三、善用图片，增强艺术效果，加快主页浏览速度
网页的迷人之处之一，要算它上面能点缀许多漂亮的图片。精******图片设计，可以使自己的网页增辉不少，令人过目不忘。图片的内容应有一定的实际作用，切忌虚饰浮夸，同时还要注意与文字的颜色搭配。最佳的图像集美观与资讯于一身。
第五篇：学习制作网页心得
学习制作网页心得
现在，计算机和网络已经深入到了我们生活中的方方面面，也已经成了生活中不可缺少的一部分，网络成了我们获取知识和信息的一种便捷工具，现在的网民也在不断的增多，所以，了解和学习网络知识是我们作为一名教师迫切所需的，所以我们应该认真学习与实践。我利用这几天的的时间，对网页设计进行了初步的认识和了解，并基本掌握Frontpage的最基本的应用。
点击咨询 