网页制作课后总结范文（精选多篇）

发布时间：2022-12-11 06:06:19 来源：其他工作总结收藏本文下载本文手机版

推荐第1篇：网页制作总结

首先，二电一班的学生总的来说是属于聪明但懒惰的学生，他们的学习领悟能力比较好，很多东西一讲他们就会，但因为在初中阶段养成了一些不良的学习习惯，以致学习方法上欠缺正确的方式、方法。我觉得首先从授课方式角度来分析的话，我们作为一个专业课老师应当在课堂上调动学生的兴趣，网页设计与制作这门课程本身就是一门实践性交强的课。作为一个老师不应当按照那些传统的授课方式去讲给学生，就那我来说吧。我本人讲课是根据自己的教学理念去设计每趟课的详细内容，我更为注重的是学生的学习视点以及他们的开发能力。把每一趟详细的课程以及我个人的教学培训理念结合起来去引导学生，使他们独立创新、开拓思维。就说网页设计这门课吧，它的操作性很强。因此我上课的方式就采用的是案例教学法。通过案例的整体架构剖析再进行实战强化训练最后制作成功。

从学生的角度来讲，网页这个东西现在很多的同学都上过网，都知道。所以不用我多讲学生们也都知道网页有什么用处，而我所做的就是引导他们入门，把网页制作的方法教给他们。给他们看看网上一些很常精美的网页，让他们多见识一下各种各样的网页是如何进行布局。而学生们因为见识过那些漂亮的网页模板，心中也就有了个底。在课新知识点用实例效果来引导他们的兴趣，这样他们对网页就更感兴趣，所以他们的学习是各人有各人的方向，他们学起来也就很努力认真。在学的过程中，有时也会出现有些网页特效不记得怎么做了，这个时候他们就能明白自己是什么地方没学会。经过反复的练习，再加上这个班的学生比较团结，在学习上互帮互助，所以他们进步的很快。慢慢的就将网页制从基本构思到网页布局再到修饰最后添加动态网页特效，每个过程和各个小技巧全都掌握了。在课堂上我还会单独拿出提问的时间，让学生把自己迫切想知道的知识提出来，然后我在针对性的去详解，达到即学即会的效果。从学生的角度来说，目的是想“学到真正的知识、学会自己不会的知识”。而我就是把“学生的需求、以及想要的知识”用心去教会他们，让他们学到真正具有实际价值的东西。学生不会的老师教会你，你不懂的老师也让你学会。你想知道的、想学习的、我会针对性的去详解。传统的那种授课模式在我们学校己经彻底打破，我们更追求的是“创新、实战、交流。也就是说“创造性的学习、目标性的实现。

网页设计与制作这门课程看起来挺复杂的，其实当你真正的着手去学习的

话。一句话很简单，它注重的就是实际操作。只要你用心去多上机操作，几天就学会了。

经过这个学期的教学，我觉得在教学上对学生不能太好了，一定要给他们施加压力，他们如果没有事情可做，就会没有压力。要求他们在学完课程后，每个人都要完成相应技术的网页效果的作品。所以在平时上机时他们就很主动练习，在完成任务之后在他们的心中也感到成就感和愉悦感。而平时上课也是每节课都有相应的作业要求他们去做，并且做完之后要给我或小组长检查并登记，结果他们上机时就更主动了，再没有闲着无所事是的了，但只有少数一两个男生无论怎么教导都无济于事。对于这一两个学生只有通过多方面的教学和引导才有可能改变他们的学习态度。

推荐第2篇：网页制作实习总结

网页制作实习总结精选

实习是我们大学生必须经历的过程，是理论与实践相结合的重要方式，使我们在实践中了解社会、在实践中巩固知识。下面精选网页制作实习总结，欢迎阅读!

网页制作实习总结精选一

在学习网页制作的这几天里，我利用了学习之余的一切可利用的剩余时间，全心全意投入到网页世界，去不断的学习，去不断的探索;同时去不断的充实，去不断的完善自我，在网络的天空下逐渐的美化自己的人生!

做好主页，并不是一件容易的事，它包括个人主页的选题、内容采集整理、图片的处理、页面的排版设置、背景及

其整套网页的色调等很多东西。

①标题

在个人主页中标题起着很重要的作用，它在很大程度上决定了你整套个人主页的定位。一个好的标题必须有概括性、简短，有特色、容易记，还要符合自己主页的主题和风格。

②内容的采集

选好标题后，开始采集内容，内容必须与标题相符，在采集内容的过程中，应注重特色，所谓特色应该是有一些自己的东西。个人主页中的特色，应该突出自己的个性，把自己的兴趣、爱好尽情地发挥出来，因为在网络上不受限制。主页就是在网络上的一个小小家园，在那里，可以放上自己喜欢的任何东西，包括你自己平时喜欢一些文章，一些好听的歌，一些好的动画作品。

③图片

做个人主页不能只用文字，必须在主页上适当地加一些图片，增加可看性，俗话说一图胜千言，我想不无道理，一

张处理得好的图片不需要多做任何解释，就能让人一目了然，让人去思考，去了解它。

④网页排版

网页页面整体的排版设计也是不可忽略的，很重要的一个原则是合理地运用空间，让自己的网页井井有条，留下必要的空白，人觉得很轻松。

⑤特色

让自己的网页更有特色一些，可适当地加一些声音、动态网页、Java、Applet。

⑥感悟

昨天，网页与我无缘，那是因为上天不给我们一个见面的机会!

今天，网页与我相识，与我相知，成为我的一个最真诚的朋友!

明天，网页与我一生相伴，终身相随，因为我已领悟了一个网络，整个世界。

网页制作实习总结精选二

在学习网页制作的这段时间里，我

利用了学习之余的一切可利用的剩余时间，全心全意投入到网页世界，去不断的学习，去不断的探索;同时去不断的充实，去不断的完善自我，在网络的天空下逐渐的美化自己的人生!

通过这次制作网站的过程，我最大的感受就是制定网站计划的重要性。一个好的计划可以详细制定网站的相关内容，为后面的工作节省很多时间，所以在制定计划时要有充分的准备。

另外做好主页也并不是一件容易的事。它包括个人主页的选题、内容采集整理、图片的处理、页面的排版设置、背景及其整套网页的色调等很多东西。

标题在个人主页中起着很重要的作用，它在很大程度上决定了你整套个人主页的定位。一个好的标题必须有概括性、有特色、简短易记，不要符合自己主页的主题和风格。

网页页面整体的排版设计也是不可忽略了，很重要的一个原则是合理也运用空间，让自己的网页井然有序，留

下合适空间，会给人轻松的感觉。

主页中不光要有文字，还要适当地加一些图片。俗话说一图胜千言，我想它不无道理。一张处理得好的图片不需再多做解释，就能使人一目了然，让人去思考，去了解它。

我通过整个包括主题的确定，网页的设计，资料的整和等制作的过程，才更加深入地理解了这些理论。我会怀着浓厚的兴趣去学习，与同事之间互相协作学习，学会把理论知识运用到实际中，真正提高我的自主学习能力、协作精神和实践能力。向着做一个真正意义上的教育技术专业人士的目标前进。

网页制作实习总结精选三

转瞬之间，半个学期又接近尾声，在李导师的精心辅导下，度过了这个富有生机，富有朝气的学期。学到了很多做梦也不会遇到的如此奇特的有趣知识，对于我来讲是一个很好的锻炼和充实的机会。

俗话说的好书山有路勤为径，学海

无涯苦作舟。在这一绝世佳句的鼓动下，我把握了工作之余的一切可利用的剩余时间，全心全意投入到网页世界，去不断的学习，去不断的收索;同时去不断的充实，去不断的完善自我，在网络的天空下逐渐的美化自己的人生!

在学习网页制作的过程中，我深深体会到一点有付出，就终有回报，你的付出与你的回报终究是成正比的。经过了多少漫漫长路，经过了多少忘我的投入，经过了多少波折，我的网页与众人见面了。当我第一眼在网络下一览我的个人主页，我是多么的激动，多么的兴奋，就像多年未见的老同学，一种讲不出道不明的感觉。

我在制作主页中的心得体会总结:

做好主页，并不是一件容易的事，它包括个人主页的选题、内容采集整理、图片的处理、页面的排版设置、背景及其整套网页的色调等很多东西。

1.标题

在个人主页中标题起着很重要的作用，它在很大程度上决定了你整套个人主页的定位。一个好的标题必须有概括性、简短，有特色、容易记，还要符合自己主页的主题和风格，决不要取一个名不符实的好名字，别人第一次上了当，下次再也不会光顾了。

2.内容的采集

3.图片

做个人主页不能只用文字，必须在主页上适当地加一些图片，增加可看性，俗话说一图胜千言，我想不无道理，一张处理得好的图片不需要多做任何解释，就能让人一目了然，让人去思考，去了解它。当然处理得不好的以及无关紧要的图片最好不要放上去，否则让人觉得是累赘，同时也影响网页的传输速度。图片不仅要好看，还要在保证图片质量的情况下尽量缩小图片的大小(即字节数)，在目前网络传输速度不是很快的情况下，图片的大小在很大程度上影响了网页的传输速度。那么如何精简图片的大小呢，一般来说，图片颜色较少的及在256色以内的最好把它处理成gif图像格式，如果是一些色彩比较丰富的图片，最好把它处理成jpg图像格式，因为gif和jpg各有各的压缩优势，应根据具体的图片来选择压缩比。

4.网页排版

网页页面整体的排版设计也是不可忽略的，要让读者在狭小的电脑屏幕

上阅读，很重要的一个原则是合理地运用空间，让自己的网页井井有条，留下必要的空白，人觉得很轻松。不要把整个网页都填得密密实实的，没有一点空隙，这样会给人一种压抑感。

5.背景

网页的背景并不一定非要用白色，选用的背景应该和整套页面的色调相协调。合理的应用色彩是非常关键的。

6.其它

如果想自己的网页更有特色一些，可适当地加一些网页制作的技巧，诸如声音、动态网页、java、applet等，当然这些小技巧最好不要加太多，它会影响网页的下载速度。

等个人主页做得差不多了，可别忘了在个人主页上放一个留言板、一个计数器。前者能及时获得参观者的意见和建议，及时得到网友反馈的信息，最好能做到有问必答，用行动去赢得更多的访问者;后者能让知道主页参观者的统计数据，可以及时调整设计，适应不同的

浏览器和参观者的要求。

7.宣传

昨天，网页与我无缘，那是因为上天不给我们一个见面的机会!

今天，网页与我相识，与我相知，成为我的一个最真诚的朋友，那时因为李导师的辛勤栽培!

明天，网页与我一生相伴，终身相随，那是因为我领悟了什么是一个网络，整个世界。

总而言之，我将用毕生的精力，心血去换取网络中最灿烂的那颗夜明珠，在网页的蓝图里，我将记下人生不朽的个人诗篇!

推荐第3篇：网页制作HTML总结

美诚国际教育宿州二中网页制作课程小结田老师

第一讲 HTML的基本结构

-------根控制标记

-------头控制标记

标题 -------标题标记 -------头控制标记（尾）

-------网页显示区域

推荐第4篇：网页制作

在你的封面做好了所有链接和图片后，记住你必须将这一页保存为index.htm(有的主机要求必须为index.html),因为网页默认的主页名称是index.制作主页其实很简单，只要多实际制作，工多艺熟。还可以拿来主义，在网上看到什么好的主页，用另存为功能保存为.html格式的文件，细细研究人家是如何做的。还可以借用网页模版来搞，我的就是~~~~~~

将你制作好的安放在网上

要在网上安你自己的家，你必须先申请一个主页空间，即向某一个主机申请一快硬盘空间。现在有较多的主机提供免费主页空间，具体见实用链接栏目。这些主机不仅提供免费个人主页空间，并且还提供留言簿、计数器等很有用的功能。只要到有关站点申请即可，具体方法，参考相关题目。申请完成以后用FTP将你所有的主页文件上传至主机指定的目录就可以了！

需要注意的是，一定要保持网页的相对位置，否则会看不到网页的，有很多朋友都问我:为什么我的网页传上去了可是看不到,老是出现网页错误呢？其实他们都是因为位置的问题，只要把位置改动一下就可以的了网页制作网址大全

推荐第5篇：制作网页

制作网页

课堂实践活动方案：

将学生分成四组，每组12名学生。（按照平时学习情况进行分组，要保证每组都能独立完成网页制作）每个小组自选一个主题，让学生利用学过的知识进行进行网页制作，然后进行评价比较，评出各组的名次。

评价方案：

按照网页制作的基本方法进行评价：

9.插入表格合并和拆分表格调整单元格的大小在表格中插入文字在表格中插入图片在网页中使用缩略图网页中图片的排版保存网页预览网页的效果

参照以上网页制作过程对各小组制作的网页进行比较评价，各组进互相进行比较，学习，最后选出网页制作最好的一组进行表扬，演示。

设计成功经验：

1、在课堂教学活动实践中，这种方式很容易调动大部分学生的学习积极性，能让每名学生都参与进来，是学生学到的知识得到利用，从而激发学生的学习积极性。让学生感有成就感。

2、有利于提高学生的集体荣誉感。

3、有利与培养学生的合作意识。

存在问题：

1、分组进行课堂实践活动容易使一些平时不好好学习的学生浑水摸鱼，滥竽充数，同时教师在课堂上很难对每名学生进行有效的评价。

2、不容易调动个别学生的创新意识，阻碍个别学生的发展

推荐第6篇：网页制作

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

推荐第7篇：网页设计与制作总结

网页设计与制作

实训报告

班级：多媒体152

姓名：张莉钧

学号：201501032118

指导老师：薛杨王淑惠

实训时间：6.20——6.24

一、实训目的：

1、进一步熟悉和掌握网站建设的基本流程和技术规范；

2、巩固运用Dreamweaver网页制作软件制作网页、特别是制作复杂网页的知识；

3、巩固运用PS图像处理软件进行网页中图形制作和运用flash动画制作软件设计网页中动画的知识；

4、巩固综合运用Dreamweaver、PS、flash三个软件完成网站建设任务的方法，能独立设计一个内容完整、图文并茂、技术运用得当的网站；

5、具备独立撰写实训报告基本能力；

6、在网页设计的实践中培养分析问题、解决问题的能力，培养协作、交流的能力，培养创新能力和团队意识；

7、紧紧围绕网页制作的流程：规划、设计、开发、发布、维护来进行网站的开发，制作出具有较高水准的静态网页。以此作为学生学习这门课程的阶段性总结，使学生复习、巩固所学过的理论，并予

以适当的深化，进一步训练学生的基本技能（如：搜集资料、整理数据、发现与分析问题、寻求解决问题的方案等），为今后从事网站开发、维护和管理奠定基础

二、实训项目——特色美食餐厅网站设计

1、网站主题

我的网站的主旨在于从各个方面全面的介绍特色美食餐厅，包括它的菜品、餐厅的环境以及促销活动。另外，网站里还包括餐厅资料和联系方式，网站里的每一个网页都有统一的风格，每一个网页的主题色彩都是橙色和白色搭配，用以展示餐厅特色的效果。其实最重要的是要做出自己的风格，给浏览者好的欣赏感受。

2、网站材料

主要在网站上搜集所要的网页信息，包括图片、文字。同时，查

询相关的书籍、百度等方式收集所需的文字资料,图象资料,flash动画和网页特效等，用以得来更加具有说服力的页面。要想做好自己的网站，能够给浏览者好的欣感受，就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。精选自己收集的材料，作为自己制作网页的素材，这样就可以做好一个好的网站。

3、网站规划

我的网站共有７个主页面：首页、美食介绍、优惠活动、商品促销、宴会定制、会员中心和关于我们。每一个页面用统一的模块，以保证网站统一的页面风格。网页布局主要用框架和表格，用框架定位内容的大体结构，再用表格具体定位。位子的设计也是重要的一个部分，根据具体内容决定字体风格，相同的风格多次调用是CSS设计一个样式，以保证随时、准确的调用。

三、网页设计工具使用

1、Dreamweaver——我们使用它做网页的主要布局。

2、Photoshop——我们使用它做网页图片的处理以及logo的制作。

3、Flash——我们使用它制作动画

四、网站设计流程

1、主页设计

2、色彩搭配

五、网站测评

网站建成后为了出现不必要的错误，需对它进行测评，测评的主要内容为

1、链接有效性，静态网页只要保证每一个网页正常浏览保证页面信息不缺失就可以了。

2、网页语言的正确性，检查网页中英文拼写与html语言是否正确，在静态网页中语言都是自动生成的所以语言的正确性一般不会有太大的问题。

3、网站便用性，检查网站的整体结构是否清晰以及网站页面的导航是否清晰。

最终效果图

总结：

通过学习一学期的网页设计，我们收获了不少，我们这次实训虽然只做了一个网站，但这个里面包括的内容很多，主要包括网站主页的布局设计，建立站点，网页与网页之间的连接，以及模板和c样式表的应用。

收获：通过一个星期的网页设计实训，从中学到了不少的网页设计知识，之前都是老师讲得比较多，总以为很难实现，但自己做起来其实也并不是想象中那么苦难。虽然代码看起来复杂，但是慢慢学会分析就会懂。

不足：当然这次实训我也有不足，比如c样式表不能灵活应用，网页布局也不够完美，不过多亏了王老师和薛老师的细心指导，我才能完成这次实训。

Flash实训总结

班级：多媒体152

姓名：张莉钧

学号：201501032118

指导老师：薛杨

实训时间：2.

flash培训实训总结提要：

这次实训过后，对flash有了基础的了解，想在这方面学习的话有了初步的基础，主要是学习了flash中各种工具的使用，

1、确定动画剧本及分镜头；

2、设计出不同字母间的完美转换。、

一、实训目地：让我们更熟练的应用flash制作动图

二、实训项目——不同字母间的形状变换

1、先要确定使用的字母w o r l d

2、再给每个字母使用不同的颜色以及给它们变形

3、最后再给每个字母做不同的变换方式

三、总结实训收获: 通过这次实训我更加巩固了对flash的应用，虽然这中间有很多失误和很多不必要犯的错误，但更多的是收获，这次实训过后，对flash有了基础的了解，想在这方面学习的话有了初步的基础，主要是学习了flash中各种工具的使用，

1、确定动画剧本及分镜头；

2、设计出字母形状；

3、导入到flash进行制作；

4、剪辑配音。在分镜头画面脚本绘制过程中，应养成填表的好习惯，在表格中注明画面的景别，画面景别使用的专业术语有：大特写、特写、近景、中景、全景、远景、全远景、纵深景等。画面镜头号景别秒数内容摘要对白效果音乐。存在的问题及解决思路: 这几个星期我学习的flash大多是比较基础的，Flash中字母刻画不够完善，很多动作，变形都需要有一定的美术功底及Flash基础，对于初学的我很困难，所以在此只做了一些简单的变形。在Flash中的一些脚本语言初学时无从下手，只好从大量的视频、书籍里寻找答案。 4．结束语

为了对Flash的现况有更好的了解，主要是对于网上一些MV做了参考。现在的FlashMV已经逐渐成熟了。MV的制作从开始的大量使用位图，转换为矢量后让它们移动来制造动画效果，或者是一些简单的闪入、闪出来丰富画面，发展到现在的广泛使用矢量图甚至手工作图，一些费心思的逐帧动画让我看到了Flash的日渐成熟；从以前的生硬呆板，发展到今天的生动、逼真。Flash动画说到底就是“遮罩+补间动画+逐帧动画”与元件（主要是影片剪辑）的混合物，通过这些元素的不同组合，从而可以创建千变万化的效果。我不仅复习熟练了相关的课程、专业，还学习掌握了很多知识，同时也认识到还有很多基础知识要去学习，去巩固。在以后的时间里，我将花费大量的时间用于学习Flash及相关知识，在Flash之路上我会走的更远。

推荐第8篇：网页制作课程设计报告总结

一、引言

课程设计是一块“试金石”，是加深对自我能力认识的重要途径。大学的学习基本上都是理论的接受，而缺少能力的熟练与加强，我们缺少的并不是知识的储备，而是能力的积蓄。但由于大学特殊的学习模式和环境，缺少实际情景的见证和实践活动的参与，同学之间缺乏必要的交流和比对，使得我们很多时候很难对自身的能力有明晰的认识，能力缺陷往往被遮蔽起来。而课程设计“前所未有”地考验着我们的知识迁移和运用能力、适应环境的能力、应对突发事件的能力以及如何处理人际关系等各方面的能力，为我们提供了不可多得的见证的机遇和平台。通过这次课设，我们可以新的思考维度有效发现自己能力上的缺陷。综合运用所学理论知识、方法和技能，开展实际工作，巩固专业技能，培养和强化社会沟通能力；树立新的发展起点和目标，通过课设，认识社会的需要，发现自身的差距，培养面对现实的正确态度和独立分析解决问题的基本能力；培养良好的职业精神，适应毕业以后的实际工作需求。

二、课程设计目的

掌握HTML格式语言，能使用网页设计工具，理解动态页面技术的工作原理

三、课程设计任务

（1）用HTML或网页设计工具设计网页

（2）用IE浏览器浏览所设计的网页，要求页面美观，包含常见的HTML格式元素

（3）包含动态页面技术（有脚本代码或后台逻辑代码）

四、设计方案选择：

选择动态页面和静态页面相结合，取长补短。设计分工：

谷加林：主页、留言板、主页动态效果的代码编写协助所有组员完成代码的编写杜春吉：主页设计、留言板设计、总体排版、协助所有组员完成设计。蔡旺：注册网页代码编写和学校风貌网页设计及相关资料收集处理。姜文粹：登录网页代码编写和学校简介网页设计及协助素材收集整理。

五、具体设计内容

作用：美化网站，提高网页的浏览效率，页面以简单风格为主，背景以白色为主。页面右上角边有网站导航条，背景以半透明白色为主。冲该页面可以看出，该网站主要是宣传学校，所以要简洁大方，不要太花哨。

界面如图所示

主页面部分代码如下：

头部

南京工程学院欢迎您 <script type=\"text/javascript\" language=\"javascript\" src=\"js/jquery-1.7.2.min.js\"></script> <script type=\"text/javascript\" language=\"javascript\" src=\"js/common.js\"></script> <script type=\"text/javascript\" language=\"javascript\" src=\"js/flash.js\"></script> <script type=\"text/javascript\" language=\"javascript\" src=\"js/scroll.js\"></script>

推荐第9篇：手机版网页制作总结

导读：国内手机网站目前还算是个新鲜事物，相应的手机网站前端开发也并不是特别成熟，对于一个网页设计师来说要做一个手机网站还是会碰到许多问题，本文转载自淘宝 UED，分享如何开发进行手机网站的前端卡发。

从09年初接手淘宝手机网站前端开发的工作至今，转眼已是一年。一步步看着手机淘宝从最初的beta版本到今天的样子，感慨良多。

手机网站开发，有着许多不为人知的困难：

一是可参考的资料太少，大部分手机网站都处于起步阶段，很多的时候都是摸着石头过河，而鉴于淘宝自身的特殊性，也使得我们在参考成功案例之余，要做更多的思考；

二是兼容性工作异常艰辛，难度一点也不比web网站的兼容性工作来的低（关于这点，请参见我之前的文章）；

再者作为一个手机网站的前端开发，也往往容易被人忽视（包括我们自己），大家也许会觉得做好一个手机网站能有多难，了解一点XHTML、一点 CSS，甚至不需要对JavaScript有什么研究，事实却不是如此，正因为手机网站的开发受到设备的太多限制，前端们常常为了节约几个字节而纠结万分，写出语义化良好的代码也显得更加重要，而多版本的开发需求也对于JavaScript的优雅降级要求甚高，这样才能使得网站有分版本需求的时候可以公用同一套XHTML代码，最大程度的降低开发成本。

对于手机网站来说，相信现在仅仅只是个开始，随着各种新机型的相继面世，这块领域必将成为兵家必争的新高地。

注意：由于手机网站发展迅速，请参阅者注意本篇文章的发布时间。目录

1.手机用户设备统计分析

2.手机浏览器兼容性测试结果概要

3.手机网站开发中你需要注意的问题

4.推荐参考资料

5.总结

手机用户设备统计分析

拥有全面的用户数据，无疑能帮助我们做出更符合用户需求的产品。内部数据能帮我们精确了解我们的目标用户群的特征；而外部数据能告诉我们大环境下的手机用户状况，并且能在内部数据不够充分的时候给予我们一些非常有用的信息。从外部数据来看，09年10月到11月期间

国内浏览器品牌市场占有率前三甲为：

Nokia(78%)

 Opera(OEM) (10%)

 iPhone(Safari) (3%)

国内的手机操作系统前三甲为：

Nokia SymbianOS(80%)

 iPhoneOS(6%)

 SonyEricon(5%)

当然，作为中国的手机网站开发者，不能忽视强大的山寨机市场（或者应该叫作做国货精品手机市场？）。顺便提一下，这类手机通常使用的是MTK操作系统。（以上数据均来自statcounter.com）

手机浏览器兼容性测试结果概要

注意：以下所说的“大多数”是指在我们测试过的机型中，发生此类状况的手机占比达50%及以上，“部分”为20%到50%；“少数”为20%及以下。而这个概率也仅仅只限于我们所测试过的机型，虽然我们采集的样本尽量覆盖各种特征的手机，但并不代表所有手机的情况。

XHTML部分

大多数手机不支持的：

 表单元素的“disable”属性

部分手机不支持的：

“button”标签

 “input[type=file]“标签

 “iframe”标签。

虽然只有部分手机不支持这几个标签，但因为这些标签在页面中往往具有非常重要的功能，所以属于高危标签，要谨慎使用。

少数手机不支持的：

 “select”标签：该标签如果被赋予比较复杂的CSS属性，可能会导致显示不正常，比如”vertical-align:middle”。

CSS部分

大部分手机不支持的：



 “font-family”属性：因为手机基本上只安装了宋体这一种中文字体；“font-family:bold;”：对中文字符无效，但一般对英文字符是有效的；“font-style: italic;”：同上；“font-size”属性：比如12px的中文和14px的中文看起来一样大，当字符大小为18px的时候你也许能看出来一些区别；“white-space/word-wrap”属性：无法设置强制换行，所以当你网页有很多中文的时候，需要特别关注不要让过多连写的英文字符撑开页面；“background-position”属性：但背景图片的其他属性设定是支持的；“position”属性；“overflow”属性；“display”属性；“min-height”和”min-width”属性；

部分手机不支持的：

“height”属性：对”height”的支持不太好，奇怪的是在我们的测试当中，仅仅只有很少部分手机不支持”width”属性；

 “pading”属性

 “margin”属性：更高比例的手机不支持”margin”的负值。

少数手机不支持的：

 少数手机对CSS完全不支持；

JavaScript部分

这部分测试相对不那么让人抓狂，要么干脆不支持，如果支持的话，对基本的dom操作、事件等支持度都还不错。但我们没有测试过很复杂的脚本。

在我们测试过的手机当中，支持（包括不完全支持）JavaScript的手机比例大约在一半左右，当然，对于我们来说，最重要的不是这个比例，而是要如何做好JavaScript的优雅降级。

其他

 部分手机不支持png8和png24，所以尽量使用jpg和gif的图片

另外对于平滑的渐变等精细的图片细节，部分手机的色彩支持度并不能达到要求，所以慎用有平滑渐变的bar设计

 部分手机对于超大图片，既不进行缩放，也不显示横下滚动条 少数手机在打开超过20k的测试页面时，会显示内存不足 开发中你需要注意的问题



 手机网页编码需要遵循什么规范？遵循XHTML Mobile Profile规范（WAP-277-XHTMLMP-20011029-a.pdf），简称为XHTML MP，也就是通常说的WAP2.0规范。 XHTMLMP 是为不支持XHTML的全部特性且资源有限的客户端所设计的。它以XHTML Basic为基础，加入了一些来自XHTML 1.0的元素和属性。这些内容包括一些其他元素和对内部样式表的支持。和XHTML Basic相同，XHTML MP是严格的XHTML 1.0子集。网页文档推荐使用扩展名？推荐命名为xhtml，按WAP2.0的规范标准写成html/htm等也是可以的。但少数手机对html支持的不好。为什么现今大多数的网站一行字数上限为14个中文字符？由于手持设备的特殊性，其页面中实际文字大小未必是我们在CSS中设定的文字大小，尤其是在第三方浏览器中。例如Nokia5310，其内置浏览器页面内文字大小与CSS设定相符，但是第三方浏览器OperaMini与UCWEB页面内文字大小却大于CSS设定。经测试，其文本大概在16px左右。假如屏幕分辨率宽度为240px，去除外边距，那么其一行显示14个字以内，是比较保险（避免文本换行）的做法。使用WCSS还是CSS？ WCSS (WAP Cascading Style Sheet 或称 WAP CSS)是移动版本的CSS样式表。它是CSS2的一个子集，去掉了一些不适于移动互联网特性的属性，并加入一些具有WAP特性的扩展（如-wap- input-format/-wap-input-required/display:-wap-marquee等）。需要留意的是，这些特殊的属性扩展并不是很实用，所以在实际的项目开发当中，不推荐使用WCSS特有的属性。避免空值属性如果属性值为空，在web页面中是完全没有问题的，但是在大部分手机网页上会报错。网页大小限制建议低版本页面不超过15k，高版本页面不超过60k。用手机模拟器和第三方手机浏览器的在线模拟器来测试页面是不是靠谱？

有条件的话，我们当然建议在手机实体上进行测试，因为目标客户群的手机设备总是在不断变化的，这些手机模拟器通常不能完全正确的模拟页面在手机上的显示情况，比如图片色彩，页面大小限制等就很难再模拟器上测试出来。当然，一些第三方手机浏览器的在线模拟器还是可以进行测试的，第三方浏览器相对来说受手机设备的影响较小。

推荐第10篇：网页制作读书笔记

心得体会之网页设计

网页制作与网站设计心得体会

网页设计伴随着网络的快速发展而快速兴起，作为上网的主要依托，由于人们使用网络的频繁而变得非常重要。生活中我每天上网都要接触到网页，原来没有留意过网页的设计，但是经过这段时间的学习了解，现在我打开一个网页都会习惯性的先看看排版、布局和色彩运用。

通过老师的讲解和对课本的翻阅，我学习到了一些关于建设网站和制作网页的知识，对网页制作的基础知识也有了一定的掌握。通过Dreamweaver制作网页，我用到了一些基本的功能：图片插入和对齐设置；文字的格式、颜色、背景颜色的设置等。但是在自己尝试着做的时候，总是出现这里那里的问题。不是图片不能固定在自己想要的位置，就是滚动文本的显示区域不知道为什么撑过了页面，还有就是不同分辨率、不同浏览器都会对浏览网页产生影响。而且在CSS方面，我总是不太熟悉各种代码是控制哪些东西的。除了查找解决问题我还总结了经验。例如：

1、命名站点或者文件夹的的时候一定要注意，最好用相应的英语或者汉语拼音，要见名知意，如图片文件夹用image或者tu，这样可以避免页面调用时不正确的现象发生。

2、调用Style时可以单击鼠标右键选择Custon Style来调用Style标准，也可以在状态栏中的元素列表上单击右键来调用Style。虽然不同的方法达到的效果看似一样，但实际上产生的HTML代码则完全不同。在这个过程中，我同样认识到网页设计不是一门学科的独秀，而是多种课程的综合，它是Flash、Photoshop等网页软件的综合应用。例如Flash提供了功能齐全的绘图和编辑图形工具。可以直接在编辑区里绘画，编辑修改非常灵活，它的另一大特点是“交互性”强。在动画播放时，可以用鼠标或键盘对动画的播放进行控制，可以很直观的反映出效果。

页面设计应以美观、大方、简洁为原则，保持一致的风格。为了达到最佳的视觉表现效果，应讲究整体布局的合理性，使浏览者有一个流畅的视觉体验。网页最主要的功能就是给每个上网者提供一种形式，让他们能够了解网站提供的信息。要研究网页设计，就需要站在用户的角度来看。用户是一个网站成败的关键。如果用户要花很多时间进入网站，很有可能他会立即关掉网站，或者网站操作很不方便用户也会马上离开，这种网站是很失败的设计，只会让用户失望的离去。所以网页容量即包括图像在内的网页字节数最好不要超过50K。

- 1

心得体会之网页设计

计通过文字图形的空间组合，表达出和谐与美。不积跬步，无以至千里。我已经在老师的指引下迈入了网页设计的大门，在今后的闲余时间继续认真学习制作网页的更多知识以实现自身技能的提高。

在具体的制作一个网页时我了解到一个优秀的网页设计还应该具备以下一些基本原则：

1 确定网页设计的内容

一个优秀的风站要有一个明确的主题,整个网站围绕这个主题,也就是你在网页设计之前要明确你这个网站有什么目的,用来做什么，所有页面都是围绕着这个内容来制作，有了明确的内容对排名有很重要的作用。

2 了解你网站所在行业的客户

用户是一个网站成败的关键,如果用户要花很多时间进入你网站很有可能用户会立即关掉你网站,或者你网站操作很不方便用户也会马上离开,这种网站是很失败的设计,只会让用户失望的离去.

3、做一个典型用户

不以用户身份亲身体验网站你才能发现问题，才知道那些需要改进，尽量不要让客户去发现问题，在前期设计时就应该把这些问题解决。

4 优化内容

内容是整个网站的核心。在网站设计之前必须明确网站的内容安排。优秀网页设计是要建立在平凡的基础上的。

然后在具体的规划一个网站时，可以用树状结构先把每个页面的内容大纲列出来，尤其要制作一个大的网站 (有很多页面) 的时候，特别需要把这个架构规划好，也要考虑到以后可能的扩充性，免得做好以后又要一改再改整个网站的架构，很浪费时间和财力。

大纲列出来后，还必须考虑每个页面之间的链接关系。是星形，树形，或是网形链接。这也是判别一个网站优劣的重要标志。链接混乱，层次不清的站点会造成浏览困难，影响内容的发挥。

框架定下来了，然后开始一步一步有条理，有次序地做来，就胸有成竹得多，也会为主页将来发展打下良好的基础。

下一步，就以动手制作具体内容了，题材选定，框架选定，接下来就开始往主页里面填内容。我们称作资料收集。如果是个人主页，有能力的人完全可以靠自己来创作所有的内容。大部分人的方法是：从报纸，杂志，光盘等媒体中把相关的资料收集整理，再加上一定的编辑后就可以了。另外一个好的方法是从网络上收集，您只要到搜索引擎上查找相应的关键字，就可以找到一大堆的资料。

在准备材料的时候我们可以用到学习的Flash知识来制作一些小的动画和动态图片，Flash 提供了功能齐全的绘图和编辑图形工具。可以直接在编辑区里绘画，编辑修改非常灵活，它的另一大特点是“交互性”强。在动画播放时，可以用鼠标或键盘对动画的播放进行控制，效果可以很直观的反映出来。

然后是开始正式制作主页。通过Dreamweaver作为制作软件，只需要用到软件中的一些基本的功能：图片插入和对齐设置；文字的格式、颜色、背景颜色的设置等就可以制作出一个简单的网页。通过个人网页的制作最终把自己的网页上传到互联网上，那种成就感是无法用语言形容的。在今后的闲余时间，我将会学习制作网页的更多知识，使它成为自己的一项技能。

- 3

第11篇：网页制作心得体会

《文文工作室网站设计说明书》

姓名：陈家文学号：200936627204 班级：电商092

一、网站规划

本工作室主要用来做个人网站，主题是介绍自我，让更多的朋友认识我，面向我的同学和朋友以及想结交我的朋友。

二、网站总体设计

本工作室只要包括我的主页、我的简介、我的日记、我的相册、网站建议等五个板块。通过我的主页可以进入其他四个板块，其他四个板块也可以通过超链接回到我的主页去。

三、网站设计与制作（包括网页设计、图形设计、动画设计中的主要技术、方法和设计效果）

本网站的布局大多是运用CSS进行布局的，这也是老师一直强调我们的。为了增加视觉效果，个别网页还特别添加了flash效果（我的相册），还用到了视频和音乐等素材（如我的主页）。个别网页添加了表格，这样显得网页更齐整。对于美化这部分，我还特别用Photoshop对一部分图片进行了处理，让图片和网页更好地搭配。在个别网页添加表单，可以让浏览者和网站更好地互动，交流信息。

四、学习体会

不知不觉，我已经学习《网页设计与制作》这门课程一个学期了，虽然时间有点短，但这一个学期以后我却受益匪浅，不仅让我全面的、系统的学会了页设计与制作的基础知识，还让我学会了自己动手去制作属于自己的网页，这对于我来说是很值得高兴的，能让我在以后的工作生活中更好的展现自己。

建立一个网站就像盖一幢大楼一样，它是一个系统工程，有自己特定的工作流程，你只有遵循这个步骤，按部就班地一步步来，才能设计出一个满意的网站。

首先，我们要确立网站主题。网站主题就是你建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。特别是对于像我这样的个人网站，你不可能像综合网站那样做得内容大而全，包罗万象。你没有这个能力，也没这个精力。网站的主题无定则，只要是你感兴趣的，任何内容都可以，但主题要鲜明，在你的主题范围内内容做到大而全、精而深。

然后，我们要找材料。明确了网站的主题以后，你就要围绕主题开始搜集材料了。常言道：“巧妇难为无米之炊”。要想让自己的网站有血有肉，能够吸引住用户，你就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。

找到材料后，我们还要规划网站。一个网站设计得成功与否，很大程度上决定于设计者的规划水平，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，你只有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。也只有如此制作出来的网页才能有个性、有特色，具有吸引力。如何规划网站的每一项具体内容，我们在下面会有详细介绍。

做好以上三步之后，我们就要选择合适的制作工具。尽管选择什么样的工具并不会影响你设计网页的好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多，首先就是网页制作工具了，在这里，我们一般都是用有“网络三剑客”之称的Dreamweaver、Fireworks、flash来制作网页，对于图片部分的处理，个人觉得Photoshop比较好用。

最后，我们就需要按照规划一步步地把自己的想法变成现实了，这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小，就是说在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计。所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题时好修改。在制作网页时要多灵活运用模板，这样可以大大提高制作效率。

网页做好之后，就要发布到Web服务器上，才能够让全世界的朋友观看，还要不断地进行宣传，这样才能让更多的朋友认识它。这里推荐二个有免费空间和域名的网址给大家：http://www.3v.cm/member/index.html http://5944.net

以上就是我对于网页制作的一些个人心得，由于本人的技术还不是很成熟，还存在很多的不足（如：背景过于单调和网页布置不合理）。选择学习这门课是很正确的选择，虽然在以后不会再有机会去上了，但我还是会通过各种方式继续学习网页设计和制作的，同时很感谢带我入门的徐兵老师，让我有机会去学习有关网页的知识，谢谢！

第12篇：网页制作论文

网页制作论文

简介

网页制作是网站策划师、网络程序员、网页设计师等岗位，应用各种网络程序开发技术和网页设计技术，为企事业单位、公司或个人在全球互联网上建设站点，并包含域名注册和主机托管等服务的总称。其作用为展现公司形象，加强客户服务，完善网络业务。网页制作是企业开展电子商务的基础设施和信息平台，是INTERNET上宣传和反映企业形象和文化的重要窗口。新竞争力也认为注重网站的网络营销价值而不是外在表现。网页制作是指使用标识语言，通过一系列设计、建模、和执行的过程将电子格式的信息通过互联网传输，浏览。

网页制作要能充分吸引访问者的注意力，让访问者产生视觉上的愉悦感。因此在网页创作的时候就必须将网站的整体设计与网页设计的相关原理紧密结合起来。网站设计是将策划案中的内容、网站的主题模式，以及结合自己的认识通过艺术的手法表现出来。

1.网页制作的两种设计模式 2.网页制作常用工具 3.flash 3.1flash简介 3.2flash动画的特点 3.3flash动画的前景 3.4flash在网页中的应用 3.5flash制作流程 4.fireworks

4.1fireworks简介

4.2fireworks在网页中的应用

4.3fireworks的重要性

4.4fireworks制作流程 5.参考文献

正文

1.网页制作的两种设计模式

从前一般网页都使用表格进行排版设计，这样作的优点在于设计制作速度快，尤其在可视化网页编辑器，如Microsoft FrontPage中，这样设计显得直观而方便，然而这让越来越复杂的版面需要许多不断嵌套的表格设计，致使网页代码变得冗长复杂，使文件体积增大，且不容易被搜索引擎查找。同时，这样做也不利于大型网站的改版工作。

于是随着主流网页浏览器对CSS的支援度提高，近年来兴起了一种新的网页设计模式。被业界称为“网页重构”的革命，其核心在于分隔网页的风格和内容，指标记语言(如HTML,XML)负责定义页面的内容，但不可以定义任何涉及网站外观(风格)的东西。而网站风格就由另外的CSS档案负责。在排版方面，新的模式提倡使用由CSS定义的DIV进行页面排版，而将表格还原为排列数据的最初功能。这种模式有很多好处，例如可以协助搜寻引擎查找网页的情况，减小文件提及提高浏览速度，且由于一个CSS档案可以控制多个页面，这也给改版带来了很大方便。

由于W3C是该模式极力的倡导者，于是业界鉴定网页是否符合W3C标准，就可以在W3C网站自动检测该网站的情况。

这种模式也有缺点，其中一个弱点就是，在不同浏览器出来的效果会有分别，但这种情况主要是由于微软的Internet Explorer对CSS文档的支持有众多缺陷造成的。另一方面，开始设计CSS时，并不能清楚看到目标，因此显得不直观。

网页实际是一个文件，他存放在世界某个角落的的某一台计算机中，而这台计算机必须是与互联网相连的。网页经由网址（ URL ）来识别与存取，当我们在浏览器输入网址后，经过一段复杂而又快速的程序，网页文件会被传送到你的计算机，然后再通过浏览器解释网页的内容，再展示到你的眼前。

2.网页制作常用工具

1、dreamweaver,用与编辑HTML、ASP、JSP、PHP时的辅助工具。Dreamweaver是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。

2、Frontpage 跟dreamweaver一样，不过还是dreamweaver好。

3、FLASH 网页需要画面流动时的首选择

4、PS图象处理软件，一般网页都需要有图片相搭配，PS是款很强大的工具。

5、FW跟PS一样都是图象处理软件，但FW偏向与对网页的处理。

6、Adobe公司推出的cs3系列，软件之间兼容性较好。可以用此系列对网站的美工特效进行进一步的修饰美化和优化。

3.flash 3.1flash简介

Flash最早出现并兴起于网络，是网络多媒体动画的重要制作形式，它是macromedia公司推出的交互式矢量图和 Web 动画的标准。网页设计者使用 Flash 创作出既漂亮又可改变尺寸的导航界面以及其他奇特的效果。其运用范围覆盖诸多领域如电视广告、网络广告、游戏、演示动画、课件、网页、手机动画等新兴媒体。现在由于网络带宽的不断提高，Flash动态网页以其具备的声音、动态图像等多媒体优势，相信在不远的将来能够完全替代静态（HTML）网页。

3.2flash动画的特点

（一）Flash动画受网络资源的制约一般比较短小，利用Flash制作的动画是矢量的，无论把它放大多少倍都不会失真。

（二） Flash动画具有交互性优势，可以更好地满足所有用户的需要。它可以让欣赏者的动作成为动画的一部分。用户可以通过点击、选择等动作，决定动画的运行过程和结果，这一点是传统动画所无法比拟的。

（三） Flash动画可以放在网上供人欣赏和下载，由于使用的是矢量图技术，具有档小、传输速度快、播放采用流式技术的特点，因此动画是边下载边播放，如果速度控制得好，则根本感觉不到档的下载过程。所以Flash动画在网上被广泛传播。

（四）Flash动画有崭新的视觉效果，比传统的动画更加轻易与灵巧，更加“酷”。不可否认，它已经成为一种新时代的艺术表现形式。

（五）Flash动画制作的成本非常低，使用Flash制作的动画能够大大地减少人力、物力资源的消耗。同时，在制作时间上也会大大减少。

（六）Flash动画在制作完成后，可以把生成的档设置成带保护的格式，这样维护了设计者的版权利益。

3.3flash动画的前景

现在的Flash平台包括:Flash Studio

8、Flash Player

8、Flash in Mobile flex 1.5、以及应用于通信行业的Breeze 5等；未来即将推出的产品包括Browser client Flash Player、Mobile client Flash Player、Apollo Flash+HTML的客户端工具，以及Flex等企业端工具等。这些工具将满足设计和开发人员跨越各种开放的和专有的平台，包括从桌面到移动设备，提供更丰富的网络内容和互联网应用，企业也能够通过Flash应用获得更大的受益。

（一）网络视频钟情Flash 面对全球超过100万的Flash开发者的期望，Macromedia也不断开发新的领域。而用户对视频应用的垂青，刺激着Macromedia推出新的工具。在上千开发者的注目下，Macromedia推出了Flash Media Server 2，以巩固其Flash Platform作为网络视频最佳选择的地位

（二）Flex 2产品线和Flash Player 8.5出手不凡

Macromedia Flex 2产品线和Macromedia Flash Player 8.5是本次发布会的重头戏。新产品涵盖RIA的全部应用场景，从电子商务产品配置，到需要与实时数据集成的可视交易应用。

Flash Player目前在全球6亿多个桌面和移动设备上安装,估计新版本在12个月内将被80%的联网计算机下载。Flash Player 8.5在Flash Player 8的基础上增加了适合行业使用的编程功能，并构建了先进的跨平台运行时环境。它备有一个新的虚拟机，可以提供更高的运行性能、全面的运行错误报告、增强型调试功能以及支持ActionScript 3。ActionScript 3遵守最新的ECMA Script规范，能够更易于查找及解决问题，从而提高开发人员的工作效率。

3.4flash在网页中的应用

在网络高速发展的今天,越来越多的人们已经不再满意图文并茂的静态网页格式,动态网页应运而生,但是一般的动态图片和网站的背景音乐应用并不合拍.什么时候可以把多媒体应用在网站上呢 Flash正是在这一网络发展的大背景下应运而生的,前身是Future Splash.Flash1.0版本诞生于1996年,由于当时的网络大背景,Flash在出道之时并没有得到计算机行业应有的重视,Flash真正的火爆是从Flash3.0版本开始的,到了1999年6月发布的Flash4.0版本,其制作的动画开始大量的在网上传播,已经逐渐成为了网页交互多媒体动画设计软件的标准.现在,Flash5.0以其特有的ActionScript脚本编程,正在以极快的速度追赶HTML网页标准.它改变了以往静态的,枯燥的,网页形式,利用它短小精悍的文件体积和插件,利用它简单易学的操作方式,利用它的\"流\"式播放形式丰富我们的网络生活.试想,如果它真的超过HTML成为未来的网页设计软件的主流,那也将是网络的一场革命,也是网络生活的福音.3.5flash制作流程

（1）建立一个新的场景

依次选择“文件”、“新建”、“Flash文档”命令，建立空白文档，大小为550*400像素，背景为白色。

（1）

（2）重新命名场景和涂层名称

依次选择“窗口”、“设计面板”、“场景”命令，在弹出的场景面板中双击默认场景名称，改为“跳动的小球”。然后重新命名涂层名称，双击默认涂层名称，改为“地面”。然后用水平线表示地面，选择笔触颜色为黑色，单击“线条工具”按钮，在第一帧的舞台下方，拖动鼠标画一条直线表示地面。

（2）

（3）插入水平线结束帧

单击水平线涂层第35帧的小方框，选中该帧；依次选择“插入”、“时间轴”、“关键帧”命令，在地面层的1到35帧之间插入了相同的水平线。

（3）（4）插入跳动的小球涂层，画小球的初始状态

双击默认的涂层名，改为跳动的小球涂层，此图层处于激活状态。设置填充色为黑色，在第一帧的舞台上方，画一个小球，删除轮廓线。

（4）

（5）插入下一帧

单击跳动的小球层第二帧的小方框，选中该帧；依次选择“插入”、“时间轴”、“关键帧”命令，在第二帧中复制第一帧的图形；拖动小球向下移动一个距离，表示球在下落。

（5）

（6）制作下落动作的变化

重复上一步骤。

（6）

（7）小球变形

在下一帧的位置插入关键帧，利用任意变性工具把小球纵向压缩。单击“任意变形”按钮,指针根据可实现的变形方式箭头右下方的小图形会有所变化；单击小球，小球周围出现8个黑色句柄框；把鼠标指针移动到4个中间句柄处，拖动鼠标，把圆球编程椭球形。

（7）

（8）多次重复上面步骤，在不同的帧中，制作小球被压扁后又弹起的画面。参照第9步，制作小球被压扁后又弹起的画面。重复上述步骤，直到小球静止。 4.fireworks 4.1fireworks简介

Fireworks是Macromedia公司发布的一款专为网络图形设计的图形编辑软件，它大大简化了网络图形设计的工作难度，无论是专业设计家还是业余爱好者，使用Fireworks都不仅可以轻松地制作出十分动感的GIF动画，还可以轻易地完成大图切割、动态按钮、动态翻转图等，因此，对于辅助网页编辑来说，Fireworks将是最大的功臣。借助于 Macromedia Fireworks 8，您可以在直观、可定制的环境中创建和优化用于网页的图像并进行精确控制。Fireworks 业界领先的优化工具可帮助您在最佳图像品质和最小压缩大小之间达到平衡。它与 Macromedia Dreamweaver? 和 Macromedia Flash? 共同构成的集成工作流程可以让您创建并优化图像，同时又能避免由于进行 Roundtrip 编辑而丢失信息或浪费时间。利用可视化工具，无需学习代码即可创建具有专业品质的网页图形和动画，如变换图像和弹出菜单等。

4.2fireworks在网页中的应用

众所周知，在网页上的jpg图片如果过大，会严重影响页面的打开速度，Fireworks提供优化图片的功能，即缩小图片的KB，而且不影响画面的质量（除非放大了与原图对比）。由于很多人喜欢用photoshop制作jpg图片，所以它的容量会很大（因为它是适合处理印刷品，要求比较清晰），最终还是要用Fireworks来处理一下。

在优化面板里有“导出jpg较高品质”，导出默认的80品质（可以用“2幅”画面对比之前之后的大小）。

4.3fireworks的重要性

为Macromedia家族的一员，三剑客之一的fireworks，她的主要任务和特色就是制作矢量图为网页服务,FW也是Flash的最佳伴侣,在三剑客的MX系列中,FW和Flash的联系更为紧密,所以无论是网页制作和Flash制作,Fw都是不可或缺的利器.在Fw3年的应用实践过程中,我无时无刻不在感受她的卓越和便利。的确,网页制作看重的是效果和速度,并不是你用的软件专业与否,你用了多少个软件作出的网页,设计师作出的网页是为了让大家接受而不是显示自己的本领,在这样的前提下,Fw的确是最好的选择,最好的矢量图效果,最快的速度。

4.4fireworks制作流程

1.准备素材如图

2、因为这幅图片是位图，我们可以用魔术棒将电视机中间的画面选取成选区

2.选择菜单——将选取框转换为路径，得到电视画面的轮廓路径。当然，也可以用钢笔工具勾勒

出

电

视

画

面

的

路

径

4.将选中区域填充成折叠渐变

颜色可以自己选择：

5.用选取工具拖动渐变方向手柄，接近垂直或接近水平方向：

6.将调整手柄以初选中区域并在帧属性，选取重制帧命令：选择三帧或在多些

7.依次选择其他帧，拖动渐变调整手柄将其改变位置：柄以初选中区域并在帧属性帧命令：

最后保存导出gif图片即可完成。

1.在Fireworks中打开一个新的画布，调整画布大小，选择工具栏中的文本工具，输入第一个数字，并设置好文字的字体、像素大小等样式

2.输入文本 1 然后再打开帧属性选择重置帧 9 因为数字0-9 一共是十个

3.然后选择每一帧，并修改画布中的相应数字。

4.帧面板中右手边显示的是默认的帧延时值7毫秒，即7/100秒的速度。如果速度过快可以修改值选择顶部帧，按住Shift键，点击底部的最后一帧，全选这些帧，在帧延时值处双击，在显示的对话框中设置一个更高的值。更高值将减慢动画的播放速度。 5.最后一步，打开优化面板，设置导出文件格式为“Gif动画”，如图：

6.也可以在帧面板的底部设置Gif动画循环，默认为“永久”选项

7.画布颜色可以随意更改再按f12 预览就可以了，最后导出文件

5.参考文献

[1]刘宇.Flash短片轻松学中国大陆. 电子工业出版社，2009-01.

[2]章精设，胡登涛.Flash Action Script 3.0从入门到精通.清华大学出版设，2008-10.[3]陈冰.Flash第1步:ActionScript编程篇(珍藏版) . 清华大学出版社，2006-03

第13篇：网页制作学习心得

网页制作学习心得

网页制作学习心得一：网页制作学习心得

在学习网页制作的这段时间里，我利用了学习之余的一切可利用的剩余时间，全心全意投入到网页世界，去不断的学习，去不断的探索；同时去不断的充实，去不断的完善自我，在网络的天空下逐渐的美化自己的人生！

另外做好主页也并不是一件容易的事。它包括个人主页的选题、内容采集整理、图片的处理、页面的排版设置、背景及其整套网页的色调等很多东西。

网页页面整体的排版设计也是不可忽略了，很重要的一个原则是合理也运用空间，让自己的网页井然有序，留下合适空间，会给人轻松的感觉。

主页中不光要有文字，还要适当地加一些图片。俗话说“一图胜千言”，我想它不无道理。一张处理得好的图片不需再多做解释，就能使人一目了然，让人去思考，去了解它。

>网页制作学习心得二：网页制作学习心得>>（1671字）

俗话说的好“书山有路勤为径，学海无涯苦作舟”。在这一绝世佳句的鼓动下，我把握了工作之余的一切可利用的剩余时间，全心全意投入到网页世界，去不断的学习，去不断的收索；同时去不断的充实，去不断的完善自我，在网络的天空下逐渐的美化自己的人生！

在学习网页制作的过程中，我深深体会到一点“有付出，就终有回报”，你的付出与你的回报终究是成正比的。经过了多少漫漫长路，经过了多少忘我的投入，经过了多少波折，我的网页与众人见面了。当我第一眼在网络下一览我的个人主页，我是多么的激动，多么的兴奋，就像多年未见的老同学，一种讲不出道不明的感觉。

我在制作主页中的心得体会:

做好主页，并不是一件容易的事，它包括个人主页的选题、内容采集整理、图片的处理、页面的排版设置、背景及其整套网页的色调等很多东西。

1.标题

在个人主页中标题起着很重要的作用，它在很大程度上决定了你整套个人主页的定位。一个好的标题必须有概括性、简短，有特色、容易记，还要符合自己主页的主题和风格，决不要取一个名不符实的\'好名字\'，别人第一次上了当，下次再也不会光顾了。

2.内容的采集

3.图片

做个人主页不能只用文字，必须在主页上适当地加一些图片，增加可看性，俗话说\'一图胜千言\'，我想不无道理，一张处理得好的图片不需要多做任何解释，就能让人一目了然，让人去思考，去了解它。当然处理得不好的以及无关紧要的图片最好不要放上去，否则让人觉得是累赘，同时也影响网页的传输速度。图片不仅要好看，还要在保证图片质量的情况下尽量缩小图片的大小（即字节数），在目前网络传输速度不是很快的情况下，图片的大小在很大程度上影响了网页的传输速度。那么如何精简图片的大小呢，一般来说，图片颜色较少的及在256色以内的最好把它处理成gif图像格式，如果是一些色彩比较丰富的图片，最好把它处理成jpg图像格式，因为gif和jpg各有各的压缩优势，应根据具体的图片来选择压缩比。

4.网页排版

网页页面整体的排版设计也是不可忽略的，要让读者在狭小的电脑屏幕上阅读，很重要的一个原则是合理地运用空间，让自己的网页井井有条，留下必要的空白，人觉得很轻松。不要把整个网页都填得密密实实的，没有一点空隙，这样会给人一种压抑感。

5.背景

网页的背景并不一定非要用白色，选用的背景应该和整套页面的色调相协调。合理的应用色彩是非常关键的。

6.其它

等个人主页做得差不多了，可别忘了在个人主页上放一个留言板、一个计数器。前者能及时获得参观者的意见和建议，及时得到网友反馈的信息，最好能做到有问必答，用行动去赢得更多的访问者；后者能让知道主页参观者的统计数据，可以及时调整设计，适应不同的浏览器和参观者的要求。

7.宣传

昨天，网页与我无缘，那是因为上天不给我们一个见面的机会！

今天，网页与我相识，与我相知，成为我的一个最真诚的朋友，那时因为李导师的辛勤栽培！

明天，网页与我一生相伴，终身相随，那是因为我领悟了什么是“一个网络，整个世界”。

总而言之，我将用毕生的精力，心血去换取网络中最灿烂的那颗夜明珠，在网页的蓝图里，我将记下人生不朽的个人诗篇！

>网页制作学习心得三：网页制作学习心得>>（717字）

做好主页，并不是一件容易的事，它包括个人主页的选题、内容采集整理、图片的处理、页面的排版设置、背景及其整套网页的色调等很多东西。

①标题

②内容的采集

③图片

做个人主页不能只用文字，必须在主页上适当地加一些图片，增加可看性，俗话说\'一图胜千言\'，我想不无道理，一张处理得好的图片不需要多做任何解释，就能让人一目了然，让人去思考，去了解它。

④网页排版

网页页面整体的排版设计也是不可忽略的，很重要的一个原则是合理地运用空间，让自己的网页井井有条，留下必要的空白，人觉得很轻松。

⑤特色

让自己的网页更有特色一些，可适当地加一些声音、动态网页、Java、Applet。

⑥感悟

昨天，网页与我无缘，那是因为上天不给我们一个见面的机会!

今天，网页与我相识，与我相知，成为我的一个最真诚的朋友!

明天，网页与我一生相伴，终身相随，因为我已领悟了一个网络，整个世界。

>网页制作学习心得四：学习网页设计和制作的心得体会 >>（3026字）

我在网上进行的逻辑教学工作已经完成了，闲暇无事之余，便想将个人的主页——《思东书屋》重新进行一下规划和设计，为此购买了几本有关网页设计和制作的书籍，开始学习网页的基本语言HTML。尽管网页制作方法早已经从最简单的文本编辑器发展到可视化的网页编辑工具，但是，编辑形式的改变并没有影响到HTML语言的整体结构，它只是简化了编程方式，用直观的具体形式取代了传统的不可见的抽象形式。

这就如同哲学理论自身发展的两个阶段——理性的思辨和直观的图像一样。目前，人们对用图像解说认识过程和逻辑规则还缺乏深刻的认识，总是习惯于语言表达方式，不知道语言表达的缺陷是片面性和抽象性，而图像形式则具有直观性和具体性这一特点。如今我们生活的时代已经进入到互联网的动漫时代，此时抽象的语言表达方式与时代发展的脉搏呈现出极不同步的状态，这种表达方式远远落后于时代科学技术创新和发展取得的成果，它明显地缺乏与时俱进的特点。人们只要看看有关系统论的教材，就会被书中展示的图形和图像所吸引。由此看来，作为时代的哲学理论也应该充分利用电脑给人们带来的多媒体技术，通过编制幻灯片、动画片和电脑仿真模式展开既直观又生动的教学，只有这样做才能使哲学理论跟上时代发展的步伐，真正做到与时俱进。

从互联网的操作平台和编程语言的发展过程中我们可以清楚地看到，逻辑思维在当今时代具有的重要作用和能够发挥出来的巨大威力。没有逻辑思维能力的提高，就不会导致多媒体的产生和动漫世界无处不在的现象出现。互联网的发展不仅改变了当今的世界面貌，它同时也改变了人类自身固有的静态思维模式。在当今时代，老子大道强调的真实逻辑在互联网的演化过程中已经充分显露出来。

从框架结构、层次关系和语句之间的嵌套关系中，我们可以看到老子的一个圆圈模式自身具有的应用价值。如果我们将人类思维具有的三种逻辑规则以直观形象的实例展示出来，那么，语言逻辑就是人们在日常生活和工作中使用的逻辑规则，例如刑侦逻辑，它总是强调分析和判断的结果要与真实的作案过程同一起来。表述形式要求清晰性、条理性和无矛盾性，可见，强调无矛盾的同一律是语言逻辑的特点：思维和存在二者直接同一是语言逻辑的属性，表述形式和表述内容之间不允许出现对立性和矛盾性。由此构成形式逻辑同一律的实质。

数理逻辑是计算机硬件自身具有的逻辑规则，它把握了中央处理器CPU、信息交换的存储器、记载时间和次数的计数器以及丰富多彩的颜色区分模式之间的相互关系，它直接通过逻辑真值表、二进制的语言和编码结构展示出来，这是纯粹抽象的逻辑规则在现实中的应用模式。其鲜明特征是：它把握了思维和存在二者本质同一这一属性。

哲学逻辑则体现在计算机软件上面，例如电脑的操作系统平台以及网页设计和制作的具体方法，它是真实逻辑模式的体现。电脑中动画图像的制作就是通过层次来把握过程和系统，把握繁杂的关系网模式。从而实现了互联网模式与客观存在模式二者之间的同一性，它们全都以“多样性的统一”这一模式出现，不是理性思辨强调的“从一到多”的发展和演变模式。其理论根据在于：互联网的根基是建立在相互联系和相互作用的关系上面，它不是单纯的存在物自身具有属性，而是以关系网形式出现的新事物。可见，随着互联网的发展，人类思维就会从直观的具体存在提升到间接的关系网模式这一高度。而老子的哲学理念恰恰就建立在系统联系的关系网基础上，可见它与时代发展的气息是紧密联系在一起的。通过网页制作中的逻辑规则这种形式理解和把握老子大道的哲学理念，将是破解老子大道之谜的一条捷径。人们在学习网页设计和编程语言的过程中就可以把握住老子讲述的逻辑规则。二者之间只有表现形式不同，在逻辑规则环节绝对同一，没有本质的区别。

这就是人类的智慧，它在远古时代就把握了复杂多变的关系网。然而，只有在互联网充分发展的今天，人们才能够深刻地理解老子大道的内涵，才能够揭示出真实逻辑自身具有的一个圆圈模式。

从老子大道的终极谜底中人们看到，真实的逻辑模式是一个将四种逻辑规则有机结合在一起的关系网。它与互联网的存在模式和运行模式完全一致。其中存在模式表现为大小圆圈环环相套，大圆圈就相当于服务器，小圆圈则相当于终端的电脑。整体的运动模式则体现出对立统一的矛盾关系。操作系统相当于基础理论：它是本质环节的工具，各种软件则是它的具体应用工具。

如果我们用逻辑图的形式将三种逻辑规则和相互之间的关系展示出来的话，它是这样的形式：

┌属性：思维和存在直接同一，无矛盾的关系

┌语言逻辑┤具体环节：经验理论

│ └形式：如日常交流、刑侦破案，无概念的形式

│ ┌属性：抽象的本质关系，无矛盾的形式

逻辑┼思辨逻辑┤本质环节：计算机硬件中的逻辑规则：图形、符号理论

│ └形式：符号逻辑、数理逻辑、模式逻辑，知识理论

│ ┌属性：具体存在的关系模式，无矛盾的模式

└真实逻辑┤系统环节：计算机软件中的逻辑规则：图像、概念理论

└形式：哲学逻辑、辩证逻辑、逻辑模式，可视化编程

从这个逻辑图中人们看到，逻辑的属性是强调思维和存在的同一性，它是实现思维和存在同一性的手段、方法、形式。不同的逻辑规则把握思维和存在的同一性程度不同，它分为三种形式：具体环节是形式同一，理性环节是本质同一，系统环节是模式同一。亚里士多德的《工具论》就停留在形式同一环节，德国古典哲学上升到本质同一的高度。老子的大道以隐藏形式把握了模式同一，《思维工具论》将这种模式同一从隐藏形式转化为直观的显露形式。由此构成人类逻辑思维发展演变的全过程。

随着互联网的普及，网页制作技术的广泛应用，人们对于逻辑规则就不会感到陌生，因为HTML语言结构已经将哲学的逻辑模式以可视化的形态展示出来，同时也将哲学逻辑自身具有的应用价值和能够发挥的巨大威力展示出来。此时，“逻辑”对于懂得电脑知识的人们来说已经不再是一个抽象的名词概念，而是帮助人们迈进网络世界大门的思维工具。

以框架结构的逻辑规则为例，它充分体现出思维规则：两个层次、两种形式的对立统一。逻辑图为：

┌具体：内联式样式表：只对使用它的元素起作用：文字和段落

┌自身形式┤

┤ └一般：嵌入式样式表：通过标记形式规范整个文本：统一格式

│ ┌外部式样式表，通过CSS模式进行规范整个网站的风格

└联系形式┤

└系统模式：同时使用多层样式表，即各种格式之间的有机结合

这就是思维规则在网页制作中的具体应用。人们只要通过学习网页制作的方法，就能够理解《思维工具论》讲述的逻辑规则。这就是电脑与人脑在逻辑规则上面具有的高度同一性。它就是谢林哲学强调的“绝对同一”理念。

逻辑属于抽象的形式联系，它不涉及里面的具体内容，属于科学的思维方法和工具。网页语言结构恰恰将逻辑的属性、形式和特点全面地展示出来。它扬弃了里面的内容，只考虑抽象的结构和形式之间的关系，无论是文本，图片、还是动画，都可以作为“同一的事件”看待起来，具体内容的变化与逻辑形式、逻辑规则无关。可见，人们在学习网页制作的时候只要反思一下里面的逻辑规则，就会把握住科学的思维方法。只要将编制网页的方法应用到各种理论问题的分析过程中，就能够摆脱经验理论的束缚，从而上升到科学理论的高度。

逻辑是方法、手段、工具，它是人类智慧创造出来的精神财富，是认识论规律的表现形式。人们的头脑中如果没有逻辑规则的话就会偏离真理的轨道，就会停留在经验理论和生活常识中，不能迈进科学理论的门槛。

这就是老子讲述的不言之教包含的丰富内容，它是科学的认识方法、认识模式、逻辑规则、思维工具。

>网页制作学习心得五：网页制作学习心得>>（1414字）

教育技术是一门跟计算机密不可分的的专业，这学期我们开了网页制作这门课程，从上大学以来我就一直期待这门课程，因为在我们日常网络中网页是不可缺少的，我也对它非常感兴趣。所以要认真的学习。争取多学习一些这方面的东西。

通过第一堂课的学习，我对网页有了更深一步的了解和认识了，网页分为静态网页和动态网页两种。打开静态网页只需

一、静态网页与动态网页的关系

1、静态

静态网页的网址形式通常以.htm、.html、.shtml、.xml等为后缀的。在HTML格式的网页上，也可以出现各种动态的效果，如.GIF格式的动画、FLASH、滚动字母等，这些“动态效果”只是视觉上的，与动态网页是不同的概念。

运行于客户端的程序、网页、插件、组件，属于静态网页，例如html页、JavaScript、VBScript等等，它们是永远不变的。

静态网页是网站建设的基础，静态网页和动态网页之间也并不矛盾，为了网站适应搜索引擎检索的需要，即使采用动态网站技术，也可以将网页内容转化为静态网页发布。

2、动态

是与静态网页相对应的，也就是说，网页 URL的后缀不是.htm、.html、.shtml、.xml等静态网页的常见形动态网页制作专家式，而是以.aspx.asp、.jsp、.php、.perl、.cgi等形式为后缀，并且在动态网页网址中有一个标志性的符号——“?”。

从网站浏览者的角度来看，无论是动态网页还是静态网页，都可以展示基本的文字和图片信息，但从网站开发、管理、维护的角度来看就有很大的差别。

1）开发公司：微软（Microsoft）

2）服务器IIS（Internet information service）

ASP---IIS的安装与配置

二、动态网页技术

IIS的安装与配置

a.安装IIS

若操作系统中还未安装IIS服务器，可打开“控制面板”，然后单击启动 “添加/删除程序”，在弹出的对话框中选择“添加/删除Windows组件”，在Windows组件向导对话框中选中“Internet信息服务（IIS）”，然后单击“下一步”，按向导指示，完成对IIS的安装

b.启动Internet信息服务（IIS）

Internet信息服务简称为IIS，单击Windows开始菜单---所有程序---管理工具---Internet信息服务（IIS）管理器，即可启动“Internet信息服务”管理工具.

c.配置IIS

IIS安装后，系统自动创建了一个默认的Web站点，该站点的主目录默认为C:\\Inetpub\\www.root。

用鼠标右键单击“默认Web站点”，在弹出的快捷菜单中选择“属性”，此时就可以打开站点属性设置对话框，在该对话框中，可完成对站点的全部配置。

启动与停止IIS服务

在Internet信息服务的工具栏中提供有启动与停止服务的功能。单击可启动IIS服务器；单击则停止IIS服务器。

3、PHP是英文超级文本预处理语言Hypertext Preproceor的缩写。

PHP 独特的语法混合了 C、Java、Perl 以及 PHP 自创新的语法

1）、开发：有个人开发

2）、服务器 Apache HTTP server

4、JSP(Java Server Pages)

1）、开发：是由Sun Microsystems公司倡导、许多公司参与一起建立的一种动态网页技术标准。

2）、服务器：Apache Tomcat

三、静态网页布局

参照屏幕录像，本节主要讲表格式布局，学习了表格拆分的方法！

四、代码

第14篇：网页制作心得体会

网页制作心得体会

在制作一套网页之前，首先必须先定位网页的方向，及确定所制作网站的标题。标题在个人主页中起了很重要的作用，他很大部分的决定了你整套个人主页的定位是否正确，一个好的名字必须有概括性的、简短的、有特色的、容易记得还要符合自己主页的主题和风格，决不要取什么名实不符或则夸大夸大其词的“好名字”，别人第一次上你的当下次恐怕再也不会光顾了。

选好标题后，开始采集内容，内容必须紧随着标题，在采集内容过程中，很重要的一个“特”色，所谓特色应该是有一些自己的东西，不能跟平常中所看到的企事业单位的网页相比，个人主页中的特色，应该突出自己独特的个性，把自己的兴趣、爱好尽情的发挥，因为在网络上不受限制，没有人在你的创作内容上指手划脚，品头论足、你的主页就是你在网络上的一个小小家园，在那里你可以放上你自己喜欢的任何东西（当然不是违法的内容、不涉及到版权的），包括你自己平时写的一些文章，一些好听的歌，一段幽默的文章，收集一些好的作品，把这些内容按类别进行分类设置栏目，让人一目了然，在栏目上不要设置太多，最好不要超过十个，层次上最好少于五层，而你的拳头栏目最好能直接从首页到达，保证主页用各种浏览器的都能看到最好的效果。

做个人主页我觉得不能光光用文字，必须在主页上适当的加一些图片，增加可看性，俗语有一句话“一图甚千言”我想不无道理，一张好处理看的图片不须要你多做任何解释，就能让人流连忘怀，浮想联翩，总能让人去思考，情不至竟的去了解他，当然处理不好的以及那些无关紧要的图片最好不要放上去，让人觉得是累赘，影响了网页传输速度，图片不关要好看，还要在保证图片质量的情况下尽量缩小图片的大小即字节数，在目前网络传输速度不是很快的情况下，图片的大小很大程度上影响了网页的传输速度，那么如何精简图片的大小呢，一般来说，图片的颜色较少的及在256色以内的最好把它处理成gif图象格式，如果是一些彩色照片、色彩比较丰富的图片最好把它处理成jpg图象格式，因为gif和jpg各有各的压缩优势，应跟据具体的图片来选择压缩比。

网页页面设计整体的排版设计也是不可忽略得，要使用户在狭窄的电脑屏幕上阅读，很重要的一个原则是合理的运用空间，让自己的网页疏密有致，仅仅有条，不要把一整个网页都填的实实的，没有一点空隙，给人一种急迫感，看一套网页应该让人觉得很轻松，留下必要得空白，

网页的背景并不一定非要运用白色，但选用的背景应该跟整套页面的色调相协调，应该有特色，合理的应用色彩是非常关键的，据心理学家的研究“色彩最能引起人们奇特的想象，他最能拨动感情的琴弦”比如说你做的个人主页是属于感情类的，那最好选用一些玫瑰色、紫色之类的比较淡雅的色彩，而不要用黑色、深蓝色这类比较灰暗的色彩，黑色他是所有色彩的集合体，黑色比较深沉，他能压抑其他色彩，在图案设计中黑色经常用来绘纹样、勾边或点缀最深沉的部位，黑色不是灵丹妙药，用时必须苦心经营，否则会时图案“黑色太重”或显得沉闷阴暗。

如果想自己的网页更有特色一些，可适当的加一些网页制作得技术，诸如声音、动态网页、java、applet等技术，当然这种技术最好不要加太多，他会影响网页的下载速度，另外可考虑一下你主页的定居点速度和稳定性，不妨考虑建一两个镜象站点，不仅能照顾到不同地区网友对速度的要求，还能作好备份，以防万一。等个人主页作了差不多了，可别忘了在您的个人主页上放一个留言板、一个计数器是必要的，前者能让你即使的获得参观者意见和建议，即使的得到网友的反馈信息，你最好能做到有问必答，用行动去赢的更多的访问者，后者能让你知道主页参观者的统计数据，你可以即使调整你的设计，适应不同的浏览器和参观者的要求。最后一步就是宣传你的个人主页，首先你先在各个搜索引擎登陆，这点你可以交给一些网上专门免费提供这类服务的站点替你做。此外你也不妨同访问量大的一些站点作一下友情链接。通过他们网站来访问你的个人主页。扩大你网站的知名度。

第15篇：网页制作自荐书

尊敬的公司领导：

您好！

当您启开这份自荐书时，将是对我工作三年来的检阅；当您最终合上这份自荐书，也许又将决定我人生新的征程。--感谢您百忙中垂阅我的自荐书，相信我一定不会让您失望。首先向您介绍一下自己的情况：

我来自风景优美的小城市--江西九江，2004年毕业于江西经济管理干部学院。是计算机信息管理专业的一名专科生，已经在中国联通九江分公司工作了三年半的时间。获知贵单位广纳贤才，我慕名而至，真诚的渴望加入，为贵单位的明天添砖加瓦，更愿为此奉献自己的青春和智慧。

在中国联通九江分公司工作的这三年半时间里，我所在的部门是运行维护部，主要从事数据网工程建设与维护。在这工作期间，多次参加九江数据网的工程建设和割接维护，对数据通讯设备有一定的了解并能针对故障准确做出判断，并独立完成建立九江联通网站,以及参加过省公司VpN，3COM等技术培训。曾获得到公司评比的优秀集体及优秀个人。我在这份工作中付出了自己的努力并取得了一定的成绩，但由于个人原因需要离开这个工作岗位。在招聘网上看到贵司正在招贤纳才，自认为与贵司需要招聘的人才相符，有信心做好这份工作并渴望加入贵团队。道以挫成，有恒乃硕。我想只要我心里有目标，能吃苦的我到哪里都是会成功的。

此外，由于本人在网页制作方面有浓厚兴趣，并能熟练运用办公自动化软件及网页制作方面软件，我有信心能在最短的时间内融入到贵单位的工作环境当中。

古有毛遂自荐，今有伯乐点将。愿借您伯乐慧眼，开始我千里之行。疾风知劲草，路遥知马力。简单几页纸只是我的\"广告\"和\"包装\"，\"产品\"的\"质量\"和\"性能\"有待于您通过\"使用\"来证明。

最后，请允许我祝愿贵单位事业上蒸蒸日上，更上一层楼，同时也祝愿您工作顺利、一帆风顺！

第16篇：制作简历网页

课题三：制作简历网页

内容提要

1.输入、编辑文本

2.插入图片

3.插入特殊字符

4.Serv-U：FTP服务器的使用

学习重点

1.Serv-U：FTP服务器的使用

2.DW编辑器中, FTP服务器的设置

3.编辑文本、插入特殊符号

一、Serv-U服务器的使用

1.启动Serv-U服务器

运行ServUTray程序后，将会在状态栏的右下角显示服务器图标。

2.激活软件：

打开 Serv-U，双击“本地服务器”后点“许可-输入密钥”，然后将以下内容复制到注册框中：

9dK4g4iPhvOsoEY9nprEiSsmW7OUqFaGuwHT1CtBn9K6hQVg0bd2okQ9ldel+1IGE9b4xDP0q2W+vE4vgZLA7unm6t3CxTI

3.添加新建域：设置域IP地址

起域名

域端口号:21

域类型:

最终域界面

4.新建用户

用户名称

设置密码

主目录的设置

是否锁定主目录:是

用户权限的设置

管理员的权力

二、DW里FTP服务器的设置

1.创建站点：对本地信息进行设置

红色框的项目都要设置

2.远程信息的设置:

不用使用安全FTP,否则将造成无法直接上传

3.站点的上传

在文件面板上,选中站点名称,点鼠标右键,选择上传,将会将整个站点的内容全部上传.

4.当前编辑文件上传: 快捷键(CTRL+SHIFT+U)

注意上传之前要记得保存当前文件.

三、浏览FTP服务器的内容

打开IE浏览器，在地址栏里输入IP地址，输入用户名和密码登陆即可。

登陆后，服务器上的内容

四、制作简历网页

1.新建一个站点：包含本地（HTTP）和远程（FTP）的设置

2.新建一个首页：index.html

对首页进行页面属性设置：

3.输入文字

张三简历：标题

1、居中、插入水平线

4.文字复制时注意的问题

姓名张三

年龄 23

毕业院校西安理工大学

最高学历本科

英文水平六级

注意：若将该文字复制至DW中，要“清除WORD生成的HTML”。需复制的文字最好是TXT文档比较好。将不会产生多余的文字格式。

5.文字首行缩进的方法：3种

中文输入法，全角状态（SHIFT+空格）。

通过“插入-文本-不换行空格”

通过菜单“编辑-首选参数-常规”

6.图片属性的设置

7.页面属性的设置

第17篇：如何制作网页

如何制作网页电脑巧门 2008-11-07 23:07:49 阅读 1016192 评论 949 字号：大中小订阅很多朋友渴望有一个属于自己的网站，看到其他朋友的精美的网页非常羡慕，现向朋友推荐做网页的软件,FrontPage 2003 是 Office 家族的一员，相对于其他的网页编辑软件，他的操作更加的简单方便，所以学习起来非常的快捷。这个教程是金鹰教程网专门为初级用户特别编制的，相信一定会给朋友一个认识网页制作，学习网页制作的机会。软件下载：◆点击下载第一章：基本 1.如何学习FrontPage 4.界面介绍 7.网站规划 10.总结第二章：网站 11.制作网站的流程 14.关闭网站 17.文件夹列表 1 第三章：网页 19.新建网页 22.关闭网页 25.设置标题 20.保存网页 23.页边距 26.复制网页 21.打开网页 24.操作背景 27.总结 12.网站元素级别 15.打开站点 18.文件夹列表 2 13.创建站点 16.重命名站点 2.网站、网页的概念 5.界面操作 8.色彩搭配 3.启动与关闭 6.视图操作 9.设计草图第四章：文字操作 28.学习思路 31.选择文本 34.撤销、恢复 37.复制文本 40.设置段落格式 43.总结第五章：表格 44.学习思路 47.删除表格 50.删除单元格、行和列 53.设置表格属性 56.设置宽度和高度 59.文本表格互转第六章：项目符号和编号 64.将项目符号、编号添加到现有文本 45.添加表格 1 48.添加单元格、行和列 1 51.选表格、单元格、行、列 54.设置单元格属性 57.合并单元格 60.格式应用 46.添加表格 2 49.添加单元格、行和列 2 52.添加、删除标题 55.设置细线边框 58.拆分单元格 61.总结 29.输入文字 32.设置文本格式 35.格式刷 38.剪贴板 41.段落间距 30.导入文字 33.删除文本格式 36.添加边框、底纹 39.移动文本 42.插入符号 62.学习思路 65.重新调整第七章：图像 67.学习思路 70.预览插入图片 73.设置填充 76.设置三维效果 79.旋转图形 82.插入艺术字 63.创建项目符号、编号 66.总结 68.插入图片 1 71.设置图片格式 74.设置边框 77.调整大小 80.对齐和排列 83.设置艺术字 69.插入图片 2 72.插入自选图形 75.设置阴影 78.组合图形 81.插入文本框 84.编辑文字 85.总结第八章：音频、视频等元素 86.学习思路 89.制作按钮 92.添加背景音乐 95.总结第九章：框架 96.学习思路 99.设置初始页 102.调整框架 105.嵌入式框架 108.练习2_框架网站 111.练习5_框架网站第十章：超链接 113.学习思路 119.设置超链接颜色 122.重新指向页面 125.总结第十一章：其他元素 126.学习思路 129.设置字幕 132.元素总结 127.水平线 130.添加网页过渡 128.添加字幕 131.删除网页过渡 114.创建同网站内超链接 120.设置

超链接屏幕提示 123.创建电子邮件 115.创建外部超链接 118.设置超链接字体效果 121.删除超链接 124.删除书签 97.创建网页框架 100.设置框架的显示 103.拆分框架 106.总结 109.练习3_框架网站 112.练习6_总结 98.编辑框架内容 101.重命名框架 104.删除框架 107.练习1_框架网站 110.练习4_框架网站 87.添加 FLASH 90.添加视频 93.小技巧 88.设置基本 FLASH 内容 91.设置视频 94.删除元素 116.创建同一文件的超链接 117.不同元素的链接第十二章：上传网页 133.申请空间、域名 134.上传软件 135.上传网页第十三章：建立自己的个人主页 136.规划 139.建立网站 142.制作广告 145.编辑简介 148.网页命名 151.制作 3 154.制作 6 157.总结第十四章：公司主页 158.规划 161.设置网站 164.制作广告 2 167.建立导航 2 170.简介页面 2 173.企业文化 176.添加链接 179.修改主栏目 2 182.总结第十五章：利用向导建立网站 183.规划 186.使用向导 3 189.修改主页 192.修改服务 184.使用向导 1 187.使用向导 4 190.修改新闻 193.修改主题 185.使用向导 2 188.测试 191.修改产品 194.更改导航 1 159.绘制草图 162.网页布局 165.制作广告 3 168.插入框架 171.应用主题 174.产品展示 177.测试 180.修改链接 160.建立网站 163.制作广告 1 166.建立导航 1 169.简介页面 1 172.调整 175.联系方式 178.修改主栏目 1 181.修改框架 137.风格和主题 140.素材 143.建立导航 146.应用主题 149.制作 1 152.制作 4 155.制作 7 138.绘制草图 141.网站布局 144.插入框架 147.调整 150.制作 2 153.制作 5 156.制作 8 195.更改导航 2 198.新闻具体内容 196.更改导航 3 199.产品具体内容 197.更改导航 4 200.悄悄告诉你的秘密

第18篇：网页制作报告

课程名称：集中上机(网络、语言)

课程编号：041221

姓名：代悦超

学院：通信与信息工程学院

班级：0101020

学号：2010210663

网页制作报告

一．实习目的：为了验证和巩固理论知识，提高同学们的学习兴趣和动手能力，培养同学们的协调工作意识和能力，特安排本实验内容。希望该实验课能够激发同学们的学习热情，为同学们将来走上社会就业提供实践的指导作用。

二．实习基本要求：（1）为了充分发挥同学的主动性，同学可自选课题，但必须事前经计算中心试验指导老师审定认可。

（2）根据课题工作量大小或难易程度同学可自行分组完成，通常每组人数最多不超过2人。

（3）开发工具不限。

（4）主题要求健康、积极，具有一定的技术难度，如平面布局合理、美观；有动、静态文字、图片的结合、多页链接、网站链接等。（5）实习报告突出策划、设计、编码、测试等主要过程。

（6）提交实验报告的形式既可以是完成课题的总结，也可以是完成课题项目的使用说明等。但文本编排必须规范。

三．设计工具：Dreamwaver8, Flash8, Fireworks8

四．站点构思：

诗词本就是中国古老的传统文化之一，有了诗词才有了中国文化的灿烂辉煌，所以我的主题为诗词之家：首先，在中间的最上方就是我们的网站名，网站名的两边分别插入两幅图片，显示出诗词的古色古香。其中的图片也是使用了Fireworks来进行修改。导航栏分为首页，古诗，名词。推荐诗词，名家评论，诗朗诵，联系我们和退出。主页正文主要是诗词的链接和外部网站的链接，以及网站的美化设计。之后从首页导航进入古诗或者名词，这两个页面主要介绍中国古诗词的传统文化和基本知识，同时，也有相关诗词的链接。进入推荐诗词这个页面，首先我们看到的是一个flash动画来展现毛泽东的书法，其中以翻书页的形式来展现，形象而生动。下面就是我们推荐的诗词了，因为推荐的诗词有点长，所以我们用到锚点连接，可以直接点击到达需要浏览的位置，方便实用。之后是名家评论页面，我先把我们评诗的好处和收获写出来，然后就列出了很多名家对诗词的评论，当然，也必须用到锚点连接来使网站更实用。诗朗诵这个页面主要提供有声有景的朗诵，可以使朗诵爱好者学习交流，也提供了这些朗诵原件的下载地址和链接。联系我们页面简单，主要说明我们的联系方式和邮箱链接。最后，每个页面都可以点击退出来关闭当前页面。对于诗词作者以及作者的诗词，页面基本一样，都是有关作者介绍，和主要诗词和图片。

五．关键技术及体会：

1.学会了背景图片，颜色等多种页面设置。

2.需要掌握表格插入及其格式设置，包括其中文件与表格的协调。3.需要熟悉网页之间的链接办法。一般情况简单的链接办法就是在设计栏中链接后输入链接址。

4.要掌握导航条的制作办法。主要是合并单元格以及居中对齐，再进行链接。

5.需要掌握图片和多媒体的插入及其参数的设置。点击工具栏中的flash按钮添加flash并可以再设计栏中设置参数。

6.熟悉页面标题、关键字、字体、背景、宽高度等参数设置。

7.学会使用javascript语句进行简单的命令。比如进行提示框还有退出页面的按钮都是用javascript语句来完成。

8..学会锚点链接。页面内部的优化少不了用到锚点链接，可以使网页使用更方便。 9.学会了mailto语句进行邮箱链接。 10.学会了用软件来修改图片和多媒体。

总之，经过了将近两个星期的奋斗和琢磨，终于把自己的网站建立起来了。对于一个在这方面还是空白的我来说，确实是一个挑战。学习，交流，观看教程，最终弄出了自己的网站，虽然网站很粗糙，也很简单，还有许多可以改进的地方，但是我确实很兴奋，因为这是我自己独立完成的每一个小的步骤都是我自己琢磨和实践得来的。

另外，希望老师和大家能给我一些建议和更好的方法，感激不尽！

设计布局浏览方式

在每页的最左边整体构架（导航）

标志，

精髓的标语动态显示

主题颜色

第19篇：个人网页制作

个人网页制作

宣传语：如果你已经上网，为何不尝试一下在网上做一个完全属于自己的主页？有了自己的主页，全世界的人都可以随时找到你，你也可以向全世界宣传下自己，是非常有意义和有意思的。现在简单介绍一下制作主页的过程和方法：

一、准备材料

你首先做一个小计划,准备在主页上告诉人家什么？比如介绍三个方面：自我介绍,我的爱好,我的工作,那你就先起一个总目录（文件夹,比如d:\\html）,来放你的所有文件，然后再在这个目录建立三个子目录：myself,interest，job。文件名你可以任意，但最好全部小写，因为有的主机要认大小写。然后将你的材料copy进相应的子目录。比如你要在你的主页里展示你的靓照，那就将你的照片扫描成JPG格式的文件，放在myself的目录下.要注意,网上只能使用JPG和GIF两种图象格式，其他诸如BMP和TIF等很通用的格式都不能用在网上,因为它们太大了,但你可以用图象软件进行转换，比如Office97的照片编辑器。把你准备在你主页上出现的图象放进相应的目录里后,你就可以开始制作了。

二、开始制作

你无须去记复杂的HTML语言，你可以用Netscape4.0或者WORD7.0,我用的是Frontpage.打开Netscape,在file菜单里选EditPage,便可以制作了.文字的处理基本跟Word没什么两样,关键是插入图片和产生链接.我们先做关于你自我介绍的一页，你先写上“大家好，我是superboy，下面是我的照片：”这时要放图片了，只须点击Insert菜单，选取Image,在Choosefile里选取你的图象文件即可，然后把这个文件保存为myself.html文件，放在myself的目录下。好，现在必须做封面了，你在封面写：“欢迎来到superboy的主页”以下是“自我介绍，我的爱好，我的工作”。你的自我介绍要链接到下一页去，你只须用鼠标选“自我介绍”后按鼠标右键，再选createlink，然后再选你myself目录下的myself.html，就将“自我介绍”链接到下一页了，以后在浏览器中一按，就可以跳到镶有你靓照的页面啦。在你的封面做好了所有链接和图片后，记住你必须将这一页保存为index.htm(有的主机要求必须为index.html),因为网页默认的主页名称是index.制作主页其实很简单，只要多实际制作，工多艺熟。还可以拿来主义，在网上看到什么好的主页，用另存为功能保存为.html格式的文件，细细研究人家是如何做的。还可以借用网页模版来搞，我的就是这样的。

三、将你制作好的安放在网上

注意：一定要保持网页的相对位置，否则会看不到网页的，有很多朋友都问我:为什么我的网页传上去了可是看不到,老是出现网页错误呢？其实他们都是因为位置的问题，只要把位置改动一下就可以的了引用！

第20篇：网页制作心得

网页制作心得

做好主页，并不是一件容易的事，它包括个人主页的选题、内容采集整理、图片的处理、页面的排版设置、背景及其整套网页的色调等很多东西。

一、准备资料和挑选网页设计的合适工具

俗话说：“巧妇难为无米之炊”。做主页当然要收集、准备资料。在网上多转转，看到什么漂亮的网页，把它保存起来，作为以后自己设计主页时的参考。另外，还包括搜集美化主页可能要用到的各种材料，如背景、线条、小动画图标等等。你可以在硬盘上建一个文件夹，下分“e-mail图标、背景、线条、动画”等文件夹，养成上网时看到有创意、新鲜的图像，就按鼠标右键存入你硬盘相应文件夹的习惯，时间一长你就有拥有了一个可观的图库，等做主页时随手拈来或加以修改就成你自己的东西了。

二、规划好整个网站

主页的设计应以醒目优先，应该令人一目了然，切勿堆砌太多不必要的细节，或使画面过于复杂。要做到这一点，首先要在整体上规划好自己网站的主题和内容，确定自己需要传达给访问用户的主要信息，然后仔细斟酌，把自己所有要表达的意念合情合理地组织起来；其次，是设计一个富有个性的页面式样，务求尽善尽美。这样制作出来的主页才会清晰、明了、内容充实。切记，页面给人的第一观感最为重要！在网上到处浏览网站的人很多，如果你的主页给人的第一印像没有吸引力，很难令他们深入观赏，而且他们恐怕再也不会访问你的网站了。

三、善用图片，增强艺术效果，加快主页浏览速度

网页的迷人之处之一，要算它上面能点缀许多漂亮的图片。精******图片设计，可以使自己的网页增辉不少，令人过目不忘。图片的内容应有一定的实际作用，切忌虚饰浮夸，同时还要注意与文字的颜色搭配。最佳的图像集美观与资讯于一身。

《网页制作课后总结范文.doc》

将本文的Word文档下载到电脑，方便编辑。

推荐度：

点击下载文档