静态网页制作心得体会

第一篇：静态网页制作心得体会

静态网页制作心得体会

姓名：张继宏

第三组

8.18 20世纪40年代科学字发明了计算机之后，人们的工作效率大大提高，但是单个计算机能够存储和处理的信息是非常有限的，为了便于信息的传递和处理，人们就把众多的计算机连接起来。

网页制作的心得体会----网页制作论文摘要 通过这次个人网页的制作，我对计算机有了更深层次得到了解，也有了更浓厚的兴趣。尤其是对网页制作的过程与一些技巧手法更有了另外一番了解，对网页制作的基础知识也有了一定的掌握。通过把自己的网页上传到互联网上，对文件的保存、上传、下载以及修改等知识有了更牢靠的掌握。通过自己的努力完成了自己上传到网上的第一个作品，那种成就感是无法用语言形容的。所以我觉得这次制作网页我已经达到了自己的目的，而不是单单为了完成作业而已。这是一个完全关于自己的个人网页，既然是介绍自己，就应该让观者在浏览了之后了解自己其人，我觉得这点我已经基本上做到了。

关键字 页面设计 ASP和数据库

1.一般来说，个人主页的选材要小而精。如果你想制作一个包罗万象的站点，把所有您认为精彩的东西都放在上面，那么往往会事与愿违，给人的感觉是没有主题，没有特色，样样有却样样都很肤浅，因为您不可能有那么多的精力去维护它。注意：网页的最大特点就是更新快。目前最受欢迎的个人主页都是天天更新甚至几小时更新一次。

2.题材最好是你自己擅长或者喜爱的内容。比如：您对诗歌感兴趣，可以放置自己的诗词；对足球感兴趣，可以报道最新的球场战况等等。这样在制作时，才不会觉得无聊或者力不从心。

3.不要太滥或者目标太高。“太滥”是指到处可见，人人都有的题材；“目标太高”是指在这一题材上已经有非常优秀，知名度很高的站点，你要超过它是很困难的。

选定了一个好的题材，是不是可以立刻动手制作了？不，经验告诉我们，必须要先规划框架。这是很重要的一步！每个网站都是一项庞大的工程。好比造高楼，没有设计图纸，规划好结构，盲目的建造，结果往往是倒塌；也好比写文章，构思好提纲，才不至于逻辑混乱，虎头蛇尾。全面仔细规划架构好自己网站，不要急于求成。

规划一个网站，可以用树状结构先把每个页面的内容大纲列出来，尤其当你要制作一个很大的网站(有很多页面)的时候，特别需要把这个架构规划好，也要考虑到以后可能的扩充性，免得做好以后又要一改再改整个网站的架构，十分累人，也十分费钱。

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

为了提高浏览效率，方便资料的寻找，本站的框架基本采用“蒲公英”式，即所有的主要链接都在首页上，链接的层次不多，深度浅。

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

下一步，你可以动手制作具体内容了，我将告诉你一些收集资料的窍门。

题材选定，框架选定，接下来就开始往主页里面填内容。我们称作资料收集

就个人主页而言，很少有人有能力完全靠自己来创作所有的内容。（一些高手能够提供自己编的软件，文章或则音乐，是我非常佩服的！）

大部分人的方法是：从报纸，杂志，光盘等媒体中把相关的资料收集整理，再加上一定的编辑后就可以了。

另外一个好的方法是从网络上收集，您只要到雅虎，搜狐等搜索引擎上查找相应的关键字，就可以找到一大堆的资料。

如果您是英语高手，您可以到国外站点上把最新的信息，资料翻译成中文，提供给大家，这叫“洋为中用”。

网络上的资料呈爆炸性的增长，只要注意收集某一非常细小的题材，随时供大家方便的查找，您的主页就已经有做不完的活了。

到这里我们已经完成了制作主页的准备工作。下面开始正式制作主页。

先来介绍一下我这个网页吧。我的网页主要由三大部分组成：主页、各子网页以及各互联网链接。

首先是主页，采用的是index格式，是第一个显示的页面，其实原来第一个显示的页面是一个封面，但在网上用了一段时间之后我觉得有封面比较麻烦，花哨但不实用，显得有些多余，所以我就把它给去掉了，直接显示主页会让别人有一种开门见山的感觉。主页是我花费精力和时间最多的一个页面，尤其是在它的视觉设计上包括结构，字体，背景以及色彩方面都花了很多工夫。页面包括自己的一幅小照片以及个人的简要介绍，以便让观者对自己有一个初步的了解。网页最上面是用艺术字编辑的文字，旁边的welcome是插入的GIF动画，左上角显示日期，右上角显示你在网页呆的时间，下面是一排子目录，包括一些链接和子页面，点开就可以看到关于我的详细信息。下面是一个搜索引擎，采用的是百度是原代码。再下来是我的近况，也采用了特效。右边有一个滚动字幕，是一首诗，采用了特效，下面是一些常用大型网站的链接。最下面是关于浏览器的说明，主页基本上就是这些了，还有要说的就是“给我留言”是到网上去申请的免费留言板，然后链接上去。

子网页中，“Spear相册”里面全是照片，大部分照片是用数码相机照的，有两三张是扫描上去的；“家乡风情”里则是图片与文字并存，这两个页面也是我精心设计制作的。其他的页面就大部分以文字为主对自己进行详细的介绍，背景图片是我都是我精心挑选的，多数页面都插上了MIDI音乐作为背景，有个别页面还使用了特效。

接下来再介绍介绍网页的功能吧。本网页可以说具备了多项功能：各页面可以让你对我有一个比较详细的了解；强大的搜索功能令你在网络世界中畅通无阻，网站、mp3、flash、信息快递应有尽有；各大型网站的链接让你轻松登陆以便看消息、发邮件；想听歌吗？“我的音乐”将让你听歌变得如此方便；超级留言板可以让你畅所欲言……

相信你虽然还没有看到我的网页就已经对它有了一个大致的了解了吧！现在重点介绍一下我的网页的制作过程以及其间遇到的种种困难。

开始时我选择了Dreamweaver8作为制作软件，看书学习了一些基础的东西之后就着手开始了我的网页制作，我先初步对网页作了一些页面规划，然后建立了站点，用软件中的一些基本的功能制作，首先是封面，由于Dreamweaver MX没有插入艺术字的功能，所以封面上的艺术字是我先在Word文档里制作好了之后用图片的方式插入的。接着有开始设计主页，我主要用层来设计版面，再适当配合表格，经过两个白天和一个通宵，网页基本的框架就出来了，但这时却遇到了一个很令人头疼的问题：突然所有插上去的图片都不能显示了！！我用尽了所有能想出来的方法，请教了很多的电脑高手都不能把这个无法解释的问题解决，就连重新安装DreamweaverMX也毫无作用，由于是借别人的电脑，时间紧迫，没有等到去向老师请教，我就一气之下把那些东西都删光了，连Dreamweaer也不例外，当时我真的很失望，想到这两天废寝忘食地做的东西一下全没了就很是接受不了，我曾经一度想放弃，不过冷静了之后我决定从头开始。我换了Frontpage，由于对Frontpage一无所知，也没有相关的书籍，所以刚开始建站点和网页的方法只能向别人请教。不过在开始制作了之后我发现Frontpage很多功能和Word相似，于是很快掌握了其许多基本的功能。接着我又熬了一个通宵，决定把前面的损失弥补过来。前面的工作也不能算完全白做，因为至少我在重新制作的时候不必话太多的时间去重新设计版面。还是按照原来的设计，只是改动了一些，大体的框架还是没有改变。

总结 通过这次制作网页，我学到了不少东西，而且学到了不少思考问题的方法。计算机会在以后的学习生活中充当越来越重要的角色，相信我也会学习到更多关于计算机和网络的知识。这次制作网页收获确实不小！！

第二篇：静态网页设计与制作毕业论文

目 录

摘 要……………………………………………………………………………………….0 第1章 绪论……………………………………………………………………………….1 1.1 INTERNET的历史和发展…………………………………………………………….1 1.2 网页概述................1

第2章 开发软件简介 6

2.1 Dreamweaver简介 6

2.2 HTML语言的简介 7

2.3 Flash 简介 …………………………………………………………………… 8

2.4 Photoshop 简介 ……………………………………………………………… 9 2.3 本章小结 14

第3章 网站需求分析 15

3.1相关术语及解释 15

3.2个人网站的由来与发展 15

3.3我的个人网页的设计与规划 18

3.3.1 我的个人网页的概貌……………………………………………………… 19

3.3.2 个人网页的设计理念……………………………………………………… 20

3.4 本章小结 19

第4章 结论 20

致 谢 21

参考文献 22

静态网页的设计与制作

摘 要

本文就网站的设计与制作，以软件工程的方法对全过程进行了分析与研究，本文的主要工作集中在：

1.对web页进行概述，主要是对internet的历史和发展作了回顾，并对WEB页的定义和特性进行阐述，并对网站设计过程中使用的工具和技术简单的介绍.2.对网站建设中提及的术语进行简单解释，并对网站的由来和发展进行讨论。

3.对自己设计的网站从设计理念到制作的过程进行详细分析.4.使用Dreamweaver+Flash+photoshop 等软件的设计方式进行解析

.5.就网站的设计与制作提出自己的观点以及建议。

关键词：网站 设计工具 设计方案 创意 风格

Static web design and production

Abstract

This website design and production, with the method of software engineering to process the analysis and research, this paper main work concentrates in:

1.The paper to web page is mainly to the Internet's history and development, and a review of the definition and characteristics of web pages is expounded, and the website design process using the tools and techniques of simple introduction.2.The website construction mentioned in terms of website, and simple explanation of the origin and development are discussed.3.For the design of your own website from design concept to making process were analyzed.4.Use Flash +Dreamweaver + photoshop software design methods are analyzed

5.Just website design and facture put forward its own views and Suggestions

第1章 绪论

随着21世纪的到来，人们更深切地感受到计算机在生活和工作中的作用越来越重要，越来越多的职业需要具有计算机应用技能型人才。掌握计算机是职业的需要，更是事业发展的需要。网页设计与制作是计算机能力的具体表现，本章主要介绍网页设计的相关知识。

1.1Internet的历史与发展

Internet最早来源于美国国防部高级研究计划局DARPA(Defense advanced Research Projects Agency)的前身ARPA建立的ARPAnet，该网于1969年投入使用。从60年代开始，ARPA就开始向美国国内大学的计算机系和一些私人有限公司提供经费，以促进基于分组交换技术的计算机网络的研究。1968年，ARPA为ARPAnet网络项目立项，这个项目基于这样一种主导思想：网络必须能够经受住故障 的考验而维持正常工作，一旦发生战争，当网络的某一部分因遭受攻击而失去工作能力时，网络的其它部分应当能够维持正常通信。最初，ARPAnet主要用于 军事研究目的，它有五大特点：

⑴支持资源共享；

⑵采用分布式控制技术；

⑶采用分组交换技术；

⑷使用通信控制处理机；

⑸采用分层的网络通信协议。

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

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

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

一、网站规划

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

二、网站总体设计

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

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

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

四、学习体会

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

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

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

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

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

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

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

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

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

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

网页制作心得体会

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

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

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

网页页面设计整体的排版设计也是不可忽略得，要使用户在狭窄的电脑屏幕上阅读，很重要的一个原则是合理的运用空间，让自己的网页疏密有致，仅仅有条，不要把一整个网页都填的实实的，没有一点空隙，给人一种急迫感，看一套网页应该让人觉得很轻松，留下必要得空白，网页的背景并不一定非要运用白色，但选用的背景应该跟整套页面的色调相协调，应该有特色，合理的应用色彩是非常关键的，据心理学家的研究“色彩最能引起人们 奇特的想象，他最能拨动感情的琴弦”比如说你做的个人主页是属于感情类的，那最好选用一些玫瑰色、紫色之类的比较淡雅的色彩，而不要用黑色、深蓝色这类比较灰暗的色彩，黑色他是所有色彩的集合体，黑色比较深沉，他能压抑其他色彩，在图案设计中黑色经常用来绘纹样、勾边或点缀最深沉的部位，黑色不是灵丹妙药，用时必须苦心经营，否则会时图案“黑色太重”或显得沉闷阴暗。

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

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

网页制作与心得

这个学期选了网页制作，感觉这门课很有意思，虽然网页制作有点难，但是我对此还是满感兴趣的，通过这门课的学习我了解了一些网页制作的基本知识，比如我们如何去链接，如何处理图片，怎样将信息更好更优美的展现在人们的面前，在以后我们还是能够用这些基础知识制作一些网页的，但是为了更好地制作网页，还应该在了解一些网页制作的知识，让我们更好地去制作出色的网页。

对网页制作的兴趣始于大一，记得我与几个舍友从图书馆里借来相关书籍，然后死记硬背过几个简单却并不知所以然的HTML代码情形，当时是通过记事本实现代码到文字的转换，以此来向舍友炫耀自己的伟大。但因那时所具备的计算机基础知识有限，因此，兴趣便夭折了。而如今，C语言等相关计算机基础知识已经具备，老师那渊博的知识及精彩的讲解，理解起来已不再打折扣。理论课，老师通过多媒体来演示网页制作的过程及原理，遇到较复杂较难理解的过程，还要详细地多重复几遍，直到同学满意为止。

每当你打开IE，令人眼花缭乱五彩缤纷的网页便会铺天盖地的呈现在眼前，但你知道它们是怎么来的吗？只要你学习了dreamweaver,flash,Fireworks

制作软件，还要了解看懂HTML.Javascript代码，然后会用Fireworks处理编辑一些图象，会用css设置统一样式﹑Javascript加特效，会用flash等，你就可以根据自己的意愿制作出丰富多彩的网页。做网页其实并不难，首先设计出整体柜架模板，然后生成个html静态页面，再对其进行修改，充分理解怎么用表格来定位，然后再用Dreamweaver，理解怎么用表格和层来定位，主要还是用表格定位，还有其它很多知识，像Fireworks和Flash都是起辅助作用的，另外根据自己的喜好或是网页页面的要求，附加一些适当的特效行为等，这样应该就能完成一般的网页制作了。连接数据库，制作动态网页几乎涉及到所有的WEB网页制作，是非常重要的；还有，像服务器的网站后台建立与管理也是网页制作员所必须掌握的内容。现在已是接近暑期课堂的尾声了，网页制作的相关神秘方法原理，都已柳暗花明。

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

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

做好主页，并不是一件容易的事，它包括个人主页的选题、内容采集整理、图片的处理、页面的排版设置、背景及其整套网页的色调等很多东西。他要你用心去收集一些图片，资料，然后将他们组合在一起，达到一种很好的效果，然后用你的知识在去慢慢的修改，最后用上课的知识制作一个网页。总的来说，网页制作的路上充满了种种艰辛与痛苦，但当你把它完成时你就会有一种很自豪的感觉，有一种说不出来的兴奋，那种满满的成就感让你有更大的兴趣去制作另外的网页。制作网页是很有意义的一件事虽然充满汗水，但感到很高兴。