欢迎阅读网页前端设计心得体会（精选4篇），内容由多美网整理，希望对大家有所帮助。
网页前端设计心得体会 篇1
个人网站的设计需要有以下几个步骤：
一、要进行个人网站前台功能设计
包括个人网站主题确定、前台功能设计与管理、个人网站首页设计、个人网站留言板、注册、忘记密码、搜索等网页设计与管理。
二、个人网站后台管理功能设计
包括个人网站后台管理功能设计，后台管理信息系统功能设计，后台系统权限管理，后台文件管理，个人网站后台管理系统主页设计。
三、网站发布
通常我们发布一个网站，这样我们可以注册域名，但我们也可以利用主机和安装iis，这样其他人可以通过“我的IP”地址访问“我的主页”。
四、个人网站推广
一个网站做好了，就有必要推广一下个人网站，这是一个电子商务网站必须做的一步，因为如果你不推广你的网站，即使你发布了也没有人会知道。
在设计网站时真的可以体会很多东西，从一开始确定页面的主题，到整个主页的设计，信息的收集，前台功能的设计与管理，后台功能的设计与管理，每一个页面的表面设计。我把它们都一一进行规划，因为如果你不好好规划，想做什么就做什么，你是做不好的。因为我意识到这句话：“机会是属于那些有准备的人”。我详细到一个表的宽度都一一列出来。例如：775宽，分成三栏，每栏占多少。因为我深知“细微之处才见真功夫”。
给我最深印象的是留言板，因为之前SQL数据库实际锻炼做过了，所以这次做相对容易，但我经过长时间的练习，完成了n次，有些人可能会认为，肯定是不会才做很多次！但我想告诉这些人，我每次做都是用不同的方法。第一次使用access数据库，第二次使用SQL数据库+权限管理，第三次使用数据源名称的连接。每次用的方法都不一样。
可能会有人说我笨，有方法就行了，要那么多干嘛？但我想说的是，没有这么多次练习，就不会有这么多不同的方法，不会创造今天熟能生巧的我。方法，只有你自己先学会，才会学通、学广。
网页前端设计心得体会 篇2
不知不觉,二个星期的《页面规划与网站建造》课程的实操即将曩昔,回忆这一段日子,真的令我领会很深,也学会许多东西,懂得许多曾经不明白的东西,也理解了一些工作。
自从第一天触摸《页面规划与网站建造》课程,我以下定决心要把页面这门课学好,做出一个优异的网站.所以我时刻没有错失任何学习的机会,不管在课堂上,还是在课外上.更何况这一次实操.回忆今次的实操我觉得我过得很充实,很有含义,由于我能够诚笃的说我在实操没有玩过一次游戏,我每时每刻都在规划网站,还记得晚上做网站做到一、二点，也许有人会说我傻，但正由于这个傻的举动，令我学会许多东西，学会他人不明白的东西，做出一个令自个满意的网站，也许跟他人比还需要持续完善，但我不会由于实操结束，就把页面规划抛到无影无踪，我会持续学习页面规划技能，把它变为自个的一项专长。
回忆第一天的《页面规划与网站建造》课程实操，教师叫我们持续完善曾经规划的网站，做出留言板、注册的功用。我很快就完成了，但也许我是一个寻求完善的人，所以虽然一个网站做好能够立刻交给教师。但我做出一个他人都不附和的决定，从头开始做一个网站。由于我觉得曾经那个真的不是太好，虽然实操的时刻曩昔了一半，虽然他人对我说你交本来这个不就行了吗!何须再做一个呢?但真由于我的固执，寻求成功，寻求完善的人，才会使我今日交出一个令自个满意的答卷。
在制造自个网站时我们首先：
一、必需进行自个网站前台功用规划
包括自个网站主题的断定，前台功用规划与办理、自个网站主页规划、自个网站留言板、注册、忘掉暗码、查找等页面规划与办理。
二、对自个网站后台办理功用规划
包括自个网站后台办理功用的规划、后台办理信息体系功用的规划、后台体系权限办理、后台文件办理、自个网站后台办理体系主页规划。
三、网站的发布
一般我们发布一个网站也许以能过域名注册，但我们也能够使用自个主机，装了iis他人就能够通过我的ip地址来访问我的主页。首次做的那个页面我现已发布在上彀了。
四、自个网站推行
一个网站做好了，就要对自个网站进行推行，这是一个电子商务网站必需做得的一步，由于假如你不对你的网站进行推行，就算你发布了也没有人会知道的。
在规划这个网站时真的领会许多东西，从一开始页面主题的断定，到主页总体的规划、搜集材料、前台功用规划与办理、后台功用规划与办理、每个分页面的规划等。我都逐个进行了规划，由于假如你不规划好，想做啥就做啥，是不会做得好的。因我为领会到这一句话：“机会中归于有预备的人”。我具体到一个表格宽度都逐个列明。例如：775宽度，分三栏，每一栏占多少。由于我深深懂得“细微处才见真功夫”。
在这次实操过程中令我形象最深的是做留言板，由于刚好在上一个星期sql数据库实操做过了，所以今次在做就对比轻松，但我曾经是通过一个对比长的操练，做完了n次，也许有人会想，肯定是不会才做这么屡次啦!但我想告诉这位同学我每次做得都不是不一样的办法。首次我用的是access数据库，第2次我用的是sql数据库加权限办理，第三次我用的是数据源称号的衔接，第四次我用的是自定义衔接字符串，第五次……每一次用的办法都是不一样的，也许有人会说我傻，会一种办法就行了，还要那么多吗?但我想说的即是不是这么屡次的操练，不是之么屡次不一样的办法，也就不会造就出今日游刃有余的我，也不会对同学提出的疑问处理到，也不会轻松教会同学，由于你自个首先学会，学通，学广，才能把疑问逐个的处理。
令我难以忘怀的镜头也是在做留言板的时分，但不是为我自个的而做，而是一步一步教同学做，直到令同学学懂;把同学留言板的疑问逐个处理;当同学由于做不出而没心境，曩昔对她进行鼓舞的，然后逐个处理;当自个也不会，与同学共同研究的状况，这种学习氛围是最可贵的，即是在做留言板的时分，令我深深领会到我几句话：认真干事仅仅把工作做对，用心干事才能把工作做好。把每一件简略的工作做好即是不简略，把第一件普通的工作做好即是不普通。
网页前端设计心得体会 篇3
不知不觉，我已经学习《网页设计与制作》这门课程一个学期了，虽然时间有点短，但这一个学期以后我却受益匪浅，不仅让我全面的、系统的学会了页设计与制作的基础知识，还让我学会了自己动手去制作属于自己的网页，这对于我来说是很值得高兴的，能让我在以后的工作生活中更好的展现自己。
建立一个网站就像盖一幢大楼一样，它是一个系统工程，有自己特定的工作流程，你只有遵循这个步骤，按部就班地一步步来，才能设计出一个满意的网站。 首先，我们要确立网站主题。网站主题就是你建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。特别是对于像我这样的个人网站，你不可能像综合网站那样做得内容大而全，包罗万象。你没有这个能力，也没这个精力。网站的主题无定则，只要是你感兴趣的，任何内容都可以，但主题要鲜明，在你的主题范围内内容做到大而全、精而深。
然后，我们要找材料。明确了网站的主题以后，你就要围绕主题开始搜集材料了。常言道：“巧妇难为无米之炊”。要想让自己的网站有血有肉，能够吸引住用户，你就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。
找到材料后，我们还要规划网站。一个网站设计得成功与否，很大程度上决定于设计者的规划水平，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，你只有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。也只有如此制作出来的网页才能有个性、有特色，具有吸引力。如何规划网站的每一项具体内容，我们在下面会有详细介绍。
做好以上三步之后，我们就要选择合适的制作工具。 尽管选择什么样的工具并不会影响你设计网页的好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多，首先就是网页制作工具了，在这里，我们一般都是用有“网络三剑客”之称的Dreamweaver、Fireworks、flash来制作网页 ，对于图片部分的处理，个人觉得Photoshop比较好用。
最后，我们就需要按照规划一步步地把自己的想法变成现实了，这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小，就是说在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计。所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题时好修改。在制作网页时要多灵活运用模板，这样可以大大提高制作效率。 网页做好之后，就要发布到Web服务器上，才能够让全世界的朋友观看，还要不断地进行宣传，这样才能让更多的朋友认识它。
以上就是我对于网页制作的一些个人心得，由于本人的技术还不是很成熟，还存在很多的不足（如：背景过于单调和网页布置不合理）。选择学习这门课是很正确的选择，虽然在以后不会再有机会去上了，但我还是会通过各种方式继续页设计和制作的，同时很感谢带我入门的徐兵老师，让我有机会去学习有关网页的知识，谢谢！
网页前端设计心得体会 篇4
作为一个以前从来没有接触过互联网产品设计的菜鸟级产品设计人员，在没有人指导，只能自己摸索的情况下设计出并和技术与美工培训和将网站做出来，其中的艰辛只能自己体会。不过，虽然过程艰辛，但自己的收获颇大。一直以来希望能够转型做互联网的产品，但总是没有机会。这次公司网站的策划及设计给了自己很好的学习和实践机会。在这断断续续的七个月中，自己对于网站的策划和设计有了一定的认识，也通过实践的对照，对过去自己看过的产品设计和产品经理书籍中的理论有了更加深刻的理解。
在此，将在网站设计过程中的一些心得总结如下。虽然对于已经身为产品经理的人可能没有用处。但，我想，可能对于那些想要入行，或者希望在自己的公司内部转入产品行业的人来说，可能多少有一点点用。
1、要注意网站的定位
任何一个公司或单位，要设计一个网站，都必然有其核心定位，即这个网站设计出来要干什么。这一点对网站的设计具有决定性的影响。如果不能将网站的定位把握好，作为一个设计人员，其工作往往会是无功而返。因此，在网站策划阶段，产品设计人员必须多和上层沟通，甚至多和领导争辩，通过沟通和争辩来明晰公司对网站的定位。同时，也可以让领导对网站的定位更加明晰。只有完成了这一项，其余的策划和设计工作才应该继续进行。
2、要了解用户
产品经理或产品设计人员很容易将自己作为用户来判断产品的功能或体验是否好用，但现实的情况是大部分用户很可能与产品经理所属的人群差距很大。比如，在网站设计过程中，发现本网站的使用人群中竟然有不知道如何注册网站的人，这这真是出乎意料。但这就是现实。所以，在产品设计的过程中，不能以自己为中心，把自己当做用户。事实上，很多用户的互联网水平真得没有达到我们的水平。
3、明确、牢记目的和需求
网站的定位明确后，接下来要明确的是网站设计的目的和要满足的需求。即：网站整体设计完成要达成什么目的，每个模块设计完成要达成什么目的。从另一个层面来讲，也就是，网站整体要满足用户什么需求，每个模块又要满足用户什么需求。同时，在网站的设计过程中，要一直将目的和需求牢记心中，不断地对照当前的设计是否能够达到目的或满足用户需求。在设计过程中不断修改不断调整最终导致偏离目的和需求的情况屡见不鲜。
4、保持简洁
为什么要简洁?因为，无论是设计一个网站，还是设计一个其他的产品，都不可能一步到位。尤其在人力物力时间等资源有限的情况下，更是不可能一次性满足所需求，达成所有目的。因此，在这种情况下，为了确保核心目标和需求的达成，只能也必须优先保证核心功能的完成，只上核心模块或功能。同时，在产品设计的过程中，也要不断地向同事和领导灌输这种意识。否则，需求无止境，网站永远难以完成上线。
5、注意细节
这次的网站设计师自己第一次设计网站。因此，在设计网站的过程中自然而然地非常关注网站的整个架构，什么模块放什么地方，模块之间如何相互联系等等。但网站最终出来的结果展示了残忍的一面。由于在细节上把握不够，网站的设计和实现结果和想象中出入很大，甚至一些格式、排版上的问题都出现在了网站的各个地方。自然，最终的结果就是网站成品与原始设计相差甚远。因此，在产品设计的过程中，作为设计人员，一定不能小看细节。一定要将细节想细致，没有细节饿网站很容易出问题。
6、注重逻辑性
网站的设计过程中，必须要注意逻辑判断。对于输入信息或注册流程中的每一个环节的每一种状态都要考虑到。举一个最简单的例子，一个输入框输入数据，有正确的输入、必然有错误的输入，也必然有空输入。那么，每种状态下系统都要考虑到，也都要有相应的反应。
7、流程图很重要。
说到逻辑性，就不能不谈流程图。作为梳理逻辑的工具，流程图非常重要。它不但可以帮助我们梳理每隔一环节的不同状态，更可以帮助我们和技术进行沟通，确保技术对核心流程的把握。虽然每个技术的逻辑能力都不错，但在编程的过程中不可能次次帮我们想到逻辑的不合理处。因此，一个合格的流程图就非常重要了。
8、没想清楚的事情不错
即使是一个非常小的网站，也是一个系统，如果需要添加功能或模块，就需要考虑到方方面面的变动，是一个比较复杂的过程。而若是一个较大的网站，那需要考虑的方面就更多了。因此，在设计过程中要本着一个原则：如果一个功能或模块没有想清楚为什么添加，有什么用处，那就不要无谓地添加这类功能或模块。除了增加技术人员和设计人员的工作量、增加网站的复杂程度外，基本没有啥好处。
9、一定要评审
评审对于所有的产品设计人员来说都是一场“噩梦”。但是评审可不可以省略呢?不可以。一方面，我们需要通过评审让大家认可自己的设计。如果对我们的设计不认可，那么在真正执行过程中便会有更多的障碍。另一方面，我们需要通过评审收集意见，查漏补缺，找到我们没有注意到的地方。不过，在评审过程中，我们也一定要做好心理准备，毕竟，让一大堆人说你设计的这不行那也不行，心里是绝对不会好受的。唯一能够减少这种情况出现的方法，也许就是尽可能细致地想到各个方面，有充足的理由来说服对方。
10、一定要写产品需求文档。
在自己设计网站之前，看过一些产品经理方面的书，每本书里都介绍到了产品需求文档的撰写，可见产品需求文档的重要性。但说来奇怪，在自己真正做网站时，由于团队里人很少，所以自己竟然认为不需要写产品需求文档，认为只要当面沟通就可以了。但事实是，没有需求文档，很多细节的东西，自己设计的时候哦想得很好，但过段时间却模糊了，结果技术人员询问时只能凭感觉给出解决方案。当然，结果可想而知，出现了很多不应该出现的问题和BUG。这些问题和BUG让我真正体会到了产品需求文档的重要性。
11、要懂得妥协和听取意见。
在产品设计过程中，经常会出现一种情况：产品设计人员或产品经理苦思冥想找到一种解决方案或展现形式，可以上级领导或公司管理层不认可。这种情况下，我们常常会因为“自家孩子就是好”的心理而忽略他人的意见，或者坚决不妥协、不接纳他人意见。这样做非常不利于我们工作的推进。因此，在这种时候，产品人员一要沉下心来，耐心听取别人的意见，看看是否有可取之处。而是要懂得妥协，不在非常细节的地方和领导层较劲，阻碍工作的推进。
12、要坚定，更要执行。
当然，在产品设计过程中，也会出现这种情况：我们认为某个功能非常重要，可上级认为不需要，要砍掉;或者，我们认为一个功能或模块完全没必要展现，可上级坚持要求添加。这种不可调和的矛盾怎么处理呢?我的建议是：要坚定，更要执行。首先，我们要坚定我们的想法和做法，尽量通过种.种方法去说服上级。只要我们的说法和做法有道理，上级应该会同意我们的做法。其次，如果无法说服上级，那么，一旦上级决定如何做，我们则坚决执行。虽然我们常说产品是为客户设计的，但很多时候，产品也是为老板设计的。
13、要抱着做完美产品的心态去设计产品。
看过很多产品类的书籍，都说完美主义要不得。在这点上，我也同意。但是，从另一个层面来讲，在产品设计或构思的过程中，一定要保证做完美产品的心态去设计。因为，很多时候，即使完美的设计，在通过执行的种.种换届后，也可能变得惨不忍睹，或者最终也就是成为一个及格产品。而如果我们抱着凑乎的心态来设计产品，那做出来的东西可能真的就没办法用了。
14、要相信自己的直觉
在产品设计或制作的过程中，可能常常会有这种感觉：“好像哪儿不对呀。”以我的经验来说，这种感觉的出现往往是自己忘掉了一些地方或做的东西中有错误，潜意识在提醒我们。所以，在这种情况下，一定要相信自己的直觉，来对相应的模块或功能进行审查，找出不合理的地方进行修改或弥补。
15、要看锅下菜
现实里，每个公司的资源都是有限的。而做一个网站也好，做一个产品也好，公司能够提供的资源也是有限的。因此，作为产品经理或设计人员，一定要有现实感。要知道在现有资源情况下，能够做到什么程度。比如：不要指望一个拿3000块工资的美工设计出一流的页面，也不要指望一个临时来帮忙上传资料的同事能够一步到位地将资料的格式调整到最好的状态，更不要指望刚毕业的程序员能够迅速地解决你所提出的BUG。一句话，不要指望同事做出超过其能力以外的事情，不要指望公司提供超出其能力范围外的资源。
16、永远不要偷懒。
最后一条，永远不要偷懒。我的感受是，偷懒绝对会让我们在后期多花费更多的时间和精力。不要因为自己懒不想写产品需求文档就随便弄个原型给技术，那样后期会让你有无穷BUG去修改;不要因为自己懒或时间紧急就不做评审，否则，一旦领导层看到设计没有满足其要求，你可能得重头再来;不要技术改了BUG你就天真地相信一定是没问题了，一定要自己确认，否则，过两天就会有人找你问为什么BUG没有修改。今天的偷懒往往需要明天的双倍甚至多倍付出。