关于网页切片的心得

第一篇：关于网页切片的心得

网络协会帮助学校院系、部门、老师甚至一些学长做网站是家常便饭的事情，暂且不提有没有好处，就技术方面而言，通常不会钻研很深，主要作为网协的一个常备技能对外进行功能服务。

做网页的第一步就是从美工那边获取到网页的模板（*.PSD文件），在网页页面的制作之前，我们需要对其进行切片处理。

为什么要切片？可能很多人一开始都会有这样的疑问，网页上的图片最后要呈现给用户的就是一个完整的样子，为什么要浪费大量时间和精力，又承担着排版布局极容易出错的风险来做这项“无用功”？最主要的问题是效率。大家都知道，页面的呈现过程是先有客户端（用户浏览器输入URL）向服务器递交浏览申请，然后服务器获取URL相对应的资源在通过网络返还给客户端。这中间就存在了一个下载资源的过程。而整张图片或者大块图片的下载很显然可能导致下载过程中页面出现难看的条痕等影响界面友好度的问题，而小图片的下载效率在多年来的测试中已经被所有网页设计者认可。除此之外，切片后的页面能更好的对页面元素进行定位，你能想象用类似坐标定位的方法在一整张图片上面去定位每一个页面元素的位置是一个什么样的工程吗？

切片时很重要的环节。切片的时候是一个意识上对整个页面进行布局分析的过程，同样的一张模板，不同的人会有不同的切法，理由很简单，因为每个人都有自己的布局习惯，有些人习惯table布局，有些人则擅长div+css，也有人习惯介于两者之间的布局方式（关于table和div+css的对比，暂且放下不谈）。由于两者对布局设计思想的要求完全不同，切片时就可能出现很多细节上的不同。由此也就能推断，网页的切片会影响整个页面的排布，只有在切片阶段仔细考虑到后期排布的问题，才能使后面的工作有条不紊的展开。

具体切片的方法，我在这里只是说一下我一直以来用的方法。

1.拿到一个模板，先尽可能用最简单的一个table把它的各个板块划开，然后直接用

PS生成一个页面1。

2.用DW打开生成的HTML，把图片全部转为背景（有技巧可以偷懒的哦，别傻傻的一个一个去换啊）

3.在用PS打开相应的一小块一小块的gif图片进行最终的切片并生成一个个html，复制里面的table放置到页面1相应的td中就能达到最终拼完页面的效果了。

可能整个过程看来简单，但具体的操作还是需要多联系才能真正体会到拼图的技巧。希望这篇文章能对大家学习切片拼页面有所帮助。也希望有更有效直接的方法能说出来哦。

第二篇：网页制作心得

科学是发展生产力的根本前提，当今的社会是互联网蓬勃发展的世界，每当我们上网的时候，那一个个精美别致的网页给人是多么流畅顺利的感觉，无论是寻找资料还是网上商城购物，都给我们带来了方便快捷的好处，我想，科学技术的发展，离不开互联网的发展，而互联网的发展也离不开网页制作的发展，而只有把两者结合起来才是正确的。

首先，了解网页并不是单纯的认为他仅仅只是为人们服务的，而它的存在也是给我们带来了利益和好处。当然，了解网页首先也从几个软件开始：

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。我可以发挥自己的创意，做出别具一格的版头。配色能与网站背景搭配，外型设计要清爽简洁。还有可以在主页上设置滚动图片，这样的网站也更有吸引力。做这个需要代码，可以在网上找一下。我此次做主页曾尝试过这样做，可是没有成功，我以后会继续摸索的。

另外网页页面整体的排版设计也是不可忽略的。很重要的原则就是合理地运用空间，让自己的网页井井有条，留下必要的空白，人觉得很轻松。在制作之前，在脑中要先有网站的大体轮廓，在什么位置放图片，放文字。不要想到哪做到哪，这样做出来的网页质量也不高。我刚开始的时候不会用层，做出来的网页就有点结构混乱。后来通过学习了解到可以运用一些框架、表格和层，利用他们来合理布局，将会使网页设计更加的顺手。

网页的背景并不一定非要用白色，选用的背景应该和整套页面的色调相协调。但不要太过花哨，以免喧宾夺主。网站整体的颜色要保持统一，不宜太多。还有就是背景色最好选用安全色，这会让你的网站颜色的搭配更合理、自然。

以上仅是我这学期学习网页制作的一点心得，还有就是我平常学习过程中总结的经验。尽管这学期的课程已经结束了，可是我觉得我们教育技术专业以后的就业方向和计算机打交道还是比较多的。所以熟练掌握网页制作的技术会为以后工作的开展提供便利。所以我会在以后的课余时间里多利用图书和网络教学视频学习网页制作的技术。

第四篇：网页设计心得

网页设计学习心得

姓名：冯宇婷班级：09艺设一班学号：0908021006指导老师：葛书河

网页设计学习心得

随着社会的发展，计算机和网络已经深入到我们的生活。网页设计业也随之变成我们当代大学生需要掌握的一项技能。为了符合时代的发展，学校也为我们安排了网页设计的课程。

通过几周的学习，我掌握了制作网页的一些基本技能。同时也加深了对photoshop、fireworks这些辅助网页制作软件的了解应用。

在整个学习过程中，老师主要是通过将现有的一些优秀网页作为教程模板，对网页的制作过程进行拆解分析，向我们教授网页制作的方法和技巧。

在整个网页制作过程中，表格的构思、图片的处理、超级链接的建立，表单的设立等等，每一个步骤都是需要细致考量的。

就拿表格来说，在网页制作中，表格起着至关重要的作用，是网页制作的基础，作为网页的骨架，决定了网页的排版。在明确了网页的主题之后，要考虑的就是表格框架的构成。一个好的框架可以使网页的制作更加简洁方便，提高制作网页的效率。

当然，网页制作并不是像想象中的那么简单，其中让我觉得比较意外的是图片的处理。在网页制作过程中，图片的插入是吸引网页阅览者注意力的主要方式。但是图片的处理却比较特殊，插入网页中的图片为了能够在较短的时间内被阅览，就要保证图片的内存很小，所以图片的像素较低，同时图片保存的格式也应看图片颜色的实际情况

而定。所要插入的图片如果需要进行调整，必须要通过别的软件进行处理，同时还要对图像的大小进行估计。这就需要dreamweaver与photoshop的通力合作了。对于我来说，图片的处理还存在一定的难度，一张图片处理的好，需要的不仅仅是能够熟练使用软件，还需要有创意。

在网络的世界中，几乎没有哪一张网页是孤独存在的。单张的网页不免显得单薄，缺少内容。为了能够满足大众更多的阅览需求，将不同网页中相关内容联系在一起变得举足轻重。此时，超级链接就开始发挥其“说客”作用，将图片与文字进行不同的组合，使网页形式更加丰富的同时也为阅览者提供了更大范围的阅读量。如果表格和图片是网页的血肉，那么超级链接就是网页的灵魂，主导着网页的扩展方向。

通过网页设计这门课的学习，我已经掌握了一些基础的格式设定，这让我受益匪浅。但是那是远远不够的，在网页设计的过程中，我接触到的当然不是只有这些。其中表单的设计、css样式的设定、代码的编写还有很多的内容需要我自己去深入学习。更多的内容都需要我通过不断练习和发现才能真正熟练应用。

第五篇：网页设计心得

一.充分发挥动手能力作为网页设计的初学者，我对网页设计非常感兴趣，一心想设计出一个美观、实用、内容丰富的个人网页。这次的教改方案由以前我们单纯接受知识变为主动参与教学活动。在这样的压力和动力下，通过自己动手、动脑，通过网络资源，老师的指导，在不断发现问题和解决问题的过程中学到了很多知识，也增强了我的创作能力和动手能力，在网页设计过程中，从构思到设计、完善、维护，整个过程我都全身心投入，使我真正学到了网页设计的知识。

二.在设计过程中不断提高网页设计水平在本次网页设计中，我不仅学到了很多关于网页设计方面的知识，也从中学会了关于网络、编程等方面的知识。我从最初开始运用FrontPage设计网页，到后来运用Dreamweaver、Flash、Fireworks等网软件设计网页，完善网页。在这个过程中，我通过自学教材、上网查询，学习了Dreamweaver、Flash、Fireworks等网页软件的应用，学会了管理、维护自己的站点，以及一些简单动画、控件的制作等等。在设计过程中也出现了很多的问题，但通过看书，上网查询，请教老师等方式，不断的学习、解决、提高，设计出的网页不论是外观还是内容，都在不断的进步、改善。可以说在自己动手，不断实践的过程中，网页设计水平得到了很大的提高。

三.不足之处对于网页设计软件的强大功能运用得还不够。在网页设计过程中，由于没有网页制作代码的知识，所以在设计时 也遇到了很多麻烦，有时插入一个特效脚本也是很麻烦。在网页制作过程中，想提高设计水平，想有个理想的网页，必须学会代码的运用，我将在以后的学习过程中不断加强这方面的学习，希望老师能简单介绍一下代码，让我也对它有个初步的认识，以后再加强学习也才会有所提高。

总体来说，通过今次的对网页设计的学习，有收获也有遗憾、不足的地方，但我想，我已经迈入了网页设计的大门，只要我再认真努力的去学习，去提高，凭借我对网页设计的热情和执着，我将来设计出的网页会更加专业，更完善。也希望老师在今后的日子里多指导。