网页设计实践心得(经典4篇)

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

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

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

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

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

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

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

真的是万事开头难啊，遇到了很多问题，比如：插入的图片不符合规格，一下子把其他内容的框架挤开;插入的层太多，大一点的就把小一点的给覆盖掉了;插入的FLASH不能产生效果。总之问题一箩筐。实践出真知，原来自己还有那么多欠缺的知识。于是回归本源，先把课本上的东西弄通再谈其他。然后又到图书管里借了几本网页制作方面的书籍来参考。

在对基本知识有了详细的了解之后，做起东西来就得心应手多了，知道引导页能过加映像之后，我决定为我的网页设计一个引导页。

然后是主页和二级页面的设置。要注意,网上只能使用JPG和GIF两种图象格式，其他诸如BMP和TIF等很通用的格式都不能用在网上,因为它们太大了,但可以用图象软件进行转换，比如Office 97的照片编辑器。把准备在主页上出现的图象放进相应的目录里后.

在一步一步的边学边做的过程中，看着心中的东西一点一点的出来，真的很有成就感。虽然自己的网页技术还差的远，但是回顾一下这周真的学到了很多的东西。

网页的调试

之前把作过的东西放到U盘里，发生过图片显示不出来的状况，还好即使找到了解救的方法，把源文件和WEB页面放到一起这样就算路径改变的话也不会影响页面的效果。

一.网站的整体规划

1.讨论网站主题：因为自己对普罗旺斯很感兴趣，于是就想到要是一下为心中的仙境设计一个旅游网站。

2.定位网站CI形象：旅游网站最重要的就是是浏览者产生想去亲身体验一下的共鸣。于是在网页设计上面，根据普罗旺斯梦幻般的意境，我采用的是清新隽永的CI形象。使浏览者有宾至如归的感受。

3.确定栏目和板块：

1]首先要考虑整个网页的长和宽，以及长度和宽度之间的比例。

2]其次就应该考虑导航条的设置了。

3]正文的框架设置 (横向因素和纵向因素交错)

在浏览了很多精美的旅游网站之后，再结合自己的想法，我先在草纸上画出了大体的栏目和板块。

4.网站的整体风格和创意：建立一个浪漫的旅行网站，走映像派路线，目的务必使浏览者留下映像。

二.网页制作的前期策划与准备

1.资料的搜集：由于个人的爱好，我很早以前就收集了许多普罗旺斯的美图，这次就方便多了。接着就搜集了一些有梦幻效果的网页背景，FIASH源代码、小图标和一些GIF的动画等。

2.熟悉制作工具软件：

主页制作的基本条件有：网页设计实习总结

硬件：

一台电脑(64MB以上内存，当然越大越好啦);可以拨号上网;如果你有条件的话,建议:配置扫描仪,这将大大方便图像和文字的输入;

软件：

HTML编辑软件：常用的有Frontpage、Hotdog等，本文重点介绍 Dreamweaver;

图像处理软件：常用的有Photoshop、flash、Fireworks 等;

文件上传软件：常用的有Cuteftp、WSftp等。

网页设计实践报告

一实验目的

1.学习html语言和dreamweaver，frontpage等工具

2.掌握在本地环境下运用asp技术实现一个简单的电子商务网站

二实验的方法和原理

三实验过程

1.资料的搜集。

组长分配任务，大家从网站上搜集各种关于手机的资料。

2.熟悉制作软件。

做网页主要用的工具便是dremweaver、photoshop、flash软件。在这些软件我对dremweaver、photoshop相对比较熟悉，因为在平时上课是老师带领我们运用过。所以我还可以正常的运用，但是出现的问题还是有很多。有很多不懂如何操作，只有通过在次去看书才能够了解，这也体现了我学习方面的缺点，它是我平时不够认真的具体表现。

3.构建站点框架。

打开dremweaver后第一步便是新建站点

4设计主页及二级页面。

5实现网页间的链接

链接的过程其实很简单，主要是把要链接的文字选择在选择工具栏的链接按钮最后选择自己要链接的网页单击确定便可以了。

6向静太网页插入动态效果

四实验心得

在经济迅速发展的今天，internet显得更为重要它是人们发布信息与传递信息的重要渠道，为了与社会发展同步，为了让我们成为真正的技术性人才。学校在本周为我们安排了维持三周的网页制作专用周是实习，让我们把平时所学知识运用到实践中做到真正的学以致用而不只是纸上谈兵。通过本周的实习使我获得了更多的新知识同时也使我使我认识到了自己在学习上的许多不足。

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

21世纪的时期，中国的网络正在实飞猛进，大多的企业都是通过建立网站来进入企业宣传，通过企业网站来打广告，宣传产品、品牌推广，促进销售等 方法来实现企业营利的目的。所以，中国的互联网在中国的近几年来，有了非常大的发展空间，如“网上商店”“网上服务”“网络资源”非常的流行。所以网页设计师中一个紧缺的人才。对一个企业来说，做好一个网站是必不可少的。我们现在做为电子商务专业的，我们的最终目标是针对全球这个大的市场，还有这个网络市场。作为一个企业的管理者，应当为自己设计一个能够促进销而且能够代表我们企业的形象、宣传我们企业最新出来的产品的这么一个网站。

我们学了一个学期的网页设计，这周我们开始实践我们专用的计划如下：

第一天：网页设计与布局。网页的题材自己定，可以任选。

第二天：准备材料。建立站点，将所有的题材放到自己所建立好的站点里去，以便在做的可以更方便、快捷的应用到网页中，提高速率。

第三天：将所在准备的材料一起联接起来，放到自己的所设计的布局结构中。再做二级网页，建立超链接，把一级和二级网页连接起来。

第四天：将所做的网页进行整理、调试、发布。在网站上申请一个空间，将自己做的网页传到网上去。

第五天：写实习报告。将写好的实习报告打成电子文档，传到老师处，审查。

网页的布局：

网页的布局指的是网页的整体架构，也就是排版。在一个被别人打开网页之后，如何才能突出我们网站里面最重要的内容，即让用户第一眼就看到这个网页所想要传达的信息和内容。这首先就要从网页布局做起. 我觉得网页布局应当注意以下几点：1、整个网页的长和宽的比例，2、导航条的设置，3、正文的框架结构。我的这个上网页中，我的大体布局就是“F“型的。从我的首页上看上去虽然有点乱的感觉，但整个的布局是清楚的，乱而有型。在大多数企业网站中的布局都是大同小异，但是它们做出来的效果显得非常的完美，所也是他们企业的成功之处所在。因此，一个网页布局是一个非常重要的一个工作。

网页的设计：

网页的设计不仅需要学好网页设计软件的方法，还需要和其它的软件一起使用，如动画设计软件，静态图像处理软件，等等。所以学习起来的确有点困难，所以需要有有点耐心去学习，不要是因为一时的好奇而去做网站，那肯定是不得行的。当我们遇到问题的时候要总要想着自己去面对解决，不要掉入技术的陷阱，如果你的网页设计技术一流，并且对软件的掌握程度已经达到一定水平，但是你设计的网页确不堪目睹，这是因为网页设计是介于平面设计和编程技术两者之间的"边缘科学."不仅涉及到美学,心理学,平面构成,色彩搭配等平面设计的方面的知识,还涉及到html,javascript,css,asp,php等编程语言技术方面的知识.只有综合运用多种知识,才能设计出视听特效,动感十足,富于个性的web页面,才能全面展现互联网这一新型媒体的独特魅力和多维空间的超强功能。

网页的整个形象：

在一个网页做成之后，就要去找开看下网站的整个效果。首先是给视觉效果人视觉效果的，而在视觉效果中又最注重是颜色的，所以色彩的配合是必不可少的知识。在调整好之后，到网上去申请一个空间，传到网上去，看下效果。

总结：

从我不知从何下手做网页时到现在学习了一学期和这个专用周结束，总算有一个大体的方向和设置的格式了。我一开始对什么网页的布局和设置啊，什么都着落，对于一个好的网站的是如何做出来的和它所应用的方法都大概有一个认识。比如说那些动画、流动的窗口和按钮、弹出图片等等一些广告、视屏之类的。在我们的课本中没有多少的代码，只有文字性的操作步骤。还有那些什么JAVA代码一个都没有。然而在我们制作过程中，我们很多的时候都需要使用那些JAVA代码，我们又不知道，只有到网上去找。但是这并不是一件坏事。我们还可以学到很多东西，这也是我们所需要的。我觉得我现在做出的网页虽然不是很好，但是通过了这一周的实习，我收获也是不少啊!