个人网站设计心得

一、基础知识　　包括一定的美术创意，去掌握一定的美术基础知识。　　计算机基础知识，计算机原理、计算机软硬件配置，安装和维护。二、基本技能　　包括：Html,Dreamweaver,Fireworks,Photoshop,Flash,Frontpage,CSS,Access 三、中级技能　　包括：Javascript,Vbscript,ASP,JSP,DHTML 四、高级技能　　包括：PHP,SQLServer,ActiveX, 五、附加知识　　包括：Ultraedit,3DMax,多媒体，CorelDraw,Illustrator,Freehand,局域网知识　　如果你掌握了以上所有技能，那我相信你完全可以独立地维护一个企业的动态网站了，你一定会成为所有公司所需要的抢手人才：）网站制作的基本原则   来源:建站学整理 时间:07-03-22 点击:5836 点击这里收藏本文在这个Internet时代，WWW网站到处都是，如今编写HomePage也没原来那么麻烦，只要会打字，几乎人人都会，但写得好不好，就要看个人功力与用心。网站的目的是为别人提供所需的信息，这样人家才会愿意光临，网站才有其真实意义，但有太多网站显然忘了这个目的，复杂的创意技巧跃居主角，内容信息反而沦为末端。不可否认，优异的网站比比皆是，但令人不予置评的网站还是到处都找得到。显然，不管是网站提供者还是广大的使用者，大家都迫切需要知道好的网站在哪里，或者符合所谓好网站的条件是什么？ 　　 1.使用者优先的观念　　 无论什么时候，不管是着手准备设计HomePage之前。 正在设计之中，或者已经设计完毕，有一个最高行动准则一定要牢记在心，那就是∶使用者优先。因为没有使用者去光顾， 任何自认再好的HomePage都是没有意义的。　　 2.考虑大多数人的连线状况 　　 您或许使用办公室的ISDN，也可能使用学校的高速专线，但您都必须知道，目前大多数人所使用的还是14.4K或28.8KModem透过电话线路的缓慢连线方式 ，而且塞车塞得很严重。所以您在设计HomePage时就必需以这种普遍状况为设计参考量，不要放置一堆会加重塞车情形或让人等得发火的东西。最后，完成之后, 您最好自己透过远端Modem拨接上网的方式来亲自测试一下。　　 3.考虑使用者的浏览器 其次，必需考虑使用者的浏览器软件，如果您想要让所有的人都可以毫无障碍地观看您的HomePage，那么最好使用所有浏览器都可以阅读的格式，不要使用只有部份浏览器可以支持的HTML格式或程序技巧。如果想要展现自己的高超技术又不想放弃一些潜在观众，可以考虑在主页中设置几种不同的观赏模式选项（例如纯文字模式、Frame模式、Java模式等等），供浏览者自行选择。 　　 4.内容第一 　　 “内容永远第一“，这句话适合书本，更适合网络上的HomePage，而且几乎每个参与提供意见的人都举双手赞成这句话。没有内容的书本已经够令人讨厌， 但至少您还可以很快判断出来，而HomePage呢？您可能得耗费一整个晚上的时间与金钱，才会发现原来网站 里根本没有您要找的东西，这种痛苦真不是三言两语可以形容。内容可以是任何东西，包括文字、图片、影像、声音等等，但请记住一点：一定要跟这个网站所要提供给人的讯息有关系。再提醒一次∶内容永远第一！　　 一个好的网站在进行实际的HomePage建置之前，首先应该考虑什么条件呢?它们包括有∶牢记使用者优先的观念、考虑大多数人的连线状况、考虑使用者的浏览器，以及内容第一等等。 再来看看在著手HomePage的实际建置过程中，所应该掌握的几个重点原则。　　 5.着手规划、确定特色、锁定目标不管做什么事，一定要进行规划，建置网站更是如 此。规划时必须确定自己网站的性质、 提供内容、目标观众，然后根据本身的软硬件条件来设置范围。网络的特色是及时、新鲜、丰富、热闹， 这是吸引大家上网的条件，如果本身条件强大，可以根据上述原则使自己网站成为一个全方位的信息提供者，如果不足，就成为单方面的提供者；此外， 还可以在特殊议题或主题上加以突出，进一步锁定目标观众。　　 6.第一页很重要 　　 第一页是最重要的东西，因为它是别人认识这个网站的第一印象。如果是新开幕的站台，最好在第一页就对这个网站的性质与所提供内容做个扼要说明与导引，让别人判断要不要继续进入里面。最好第一页就有很清楚的类别选项，而且尽量符合人性化，让参观者可以很快找到需要的主题。在设计上，最好秉持干净而清爽的原则。第一、若无需要，尽量不要放置大型图形文件或加上不当的程序，因为它会增加下载时间，导致观赏者失去耐心； 第二、画面不要散置得太过杂乱无序，因为观赏者会找不到东西。记住∶失败的第一页会让许多人掉头远去，不可不慎。　　 7.分类 　　 内容的分类很重要，可以按主题分类、按性质分类、按机关组织分类，或按人类思考直觉式地分类等等，一般而言，按人类的直觉式思考会比较亲切。但无论哪一种分类方法，都要让使用者可以很容易找到目标。而且分类方法最好尽量保持一致，若要混用多种分类方法也要掌握不让使用者搞混的原则。此外，在每个分类选项的旁边或下一行，最好也加上这个选项内容的简要说明。　　 8.互动性　　 WWW的另一个特色就是互动。好的网站 HomePage必须与使用者有良好的互动性，包括在整个设计呈现、使用介面导引上等等，都应该掌握互动的原则 ，让使用者感觉他的每一步都确实得到适当的回应， 这部份需要一些设计上的技巧与软硬件支持。 事实上，好的网站HomePage设计必须加上个人技巧、 经验累积以及软硬件技术的配合运用等。　　 9.图形应用技巧 　　 图形是WWW网站的特色之一，它带有醒目、吸引人以及传达讯息的功能，好的图形应用可以让HomePage增色不少 ，但不当的图形应用则会带来反效果，而其中又以大量使用无意义及大型的图形成为HomePage的败笔。笔者建议 ，如果可以，应尽量缩小或省略图形。 目前国内的网络传输资源极为有限，因此使用图形时一定要考虑传输时间的问题。根据经验与统计，使用者可以忍受的最长等待时间大约是90秒钟，如果您的HomePage无法在这段时间内传输并显示完毕 ，那么使用者就会毫不留情掉头离去。因此必须依据HTML 文件、图形文件的大小，考虑传输速率、延迟时间、网络交通状况，以及服务端与使用者端的软硬件条件，估算HomePage 的传输与显示时间。 在图形使用上，尽量采用一般浏览器均可支持的压缩图形格式，例如JPEG与GIF等，而其中JPEG的压缩效果较好，适合中大型的图形，可以节省传输时间。 如果真要放置大型图形文件，最好将图形文件与HomePage分开，在HomePage中先显示一个具有连结功能的缩小图档或是一行说明文字，然后加上该图形文件大小的说明（例如100KB），如此不仅加快HomePage的传输，而且可以让使用者判断是否继续进入观看网页设计流程一、策划。这两个字看似没有什么意义，表面上来看，的确是如此的。但是，你想拥有一个什么样的网站？你的主色调，你的内容，等等等等，都需要一个策划，否则你打开制作工具，你根本不知道要做什么。就象你或者你的GF要做饭，材料什么都有，菜买回来了，可你不知道要吃什么，还为吃白菜或者吃芹菜而闹不明白。你会很为难。对于新手来说，可以参考借鉴别人的作品，多看看一些你喜欢的网页，然后去模仿，慢慢的就能做出自己的东西了。一个策划做好了，就什么都好说了。二、设计图纸你可以先在草稿上先画一画，但那样的话，这个步骤应该归结于第一步。这里说的设计图纸是在PS或者FW中把你想做的网站用图片的形式画出来。我不清楚是否在各位看观中是否有准备去应聘网页美工等工作的。但就我自己的公司在我们附近的一所大学里招聘的情况来看。实在是不怎么理想。因为这些应聘网页美工的同学居然不知道不明白网页是先用PS或者FW画出来的。最后我录用了附近中专的一个学生。倒不是他在学校里学到了什么，是自学的，做得还不错。由此可见，学生在学校里学到的东西实在是太皮毛了~~~~（跑题了是吧~~~~~ ）~~~~~这一个步骤呢就是说~~~~~先把自己的想要的网页用PS画出来。PS的灵活多变以及超级强大的功能，完全可以画出绚烂的网页出来。现在来说呢，我给大家提供几个数字，就是网页设计图纸的宽度。如果你的网页是准备留有对联广告的位置，也就是像稀饭主站的那种样式来说呢，你的网页的宽度一般为 768 像素。也有760像素770像素780像素。这看个人的设计习惯来的。但一般来说呢，768像素是最符合规范的，因为768正好是屏幕的高度。如果你是想设计满屏的网页，就像这个论坛吧。宽度一般为1000左右。有人说是1007，的确，在WINDOWS 标准界面下这个宽度能全部显示而不必在下面拉啊拉的。但是如果是XP风格的话，就要左右拉了因此宽度设置为1000差不多。也有设计为998了。这根据个人经验而来，大家可以根据自己的实际判断来说。总之就这左右。告诉嘛~~~~~你想设置多高就多高吧。如果是首页的话呢，最好是能全部显示出来。由于各个浏览器的不同——像多窗口浏览器有一个标签栏，就算是IE，常用图标也有大小之分。因此告诉是多少，你就自己掌握吧。三、切割网页切割网页这工作还是交给PS或者FW来制作。也就是使用他们的切片工具。个人认为FW更适合用来切割图片。太专业了。而且很容易上手。PS当然也有这个功能。不过说来寒酸，我到现在也没搞明白那是怎么切割的~~~~~就看别人切割了，自己就是不会~~~~~（没办法，本人电脑知识全部自学，PS、FW、DMX等等等等，因此有些问题搞不明白还是情有可原的吧~~~~ ）切割网页就是把图片切割成若干个小图片，其中宽度高度什么的都得自己去掌握去学习，我考虑写一个教程。不过时间不是很充裕，看情况。四、DMX制作网页终于到这一步了，大家是不是很明白啊？不会用DMX就不能说是会制作网页知道不？现在一般的大学生和职业学校的学生都应该掌握了这个吧。顺便说一下，网页就是表格加图片加FLASH。自己慢慢体会吧。============================================= 这里只说了个流程，我看情况能不能有时间写出详细的教程。大家自己有基础的可以先做做。这个流程中没有说到CSS样式的设置和其他的规格一些方面。这些就看自己的发挥了。CSS可以用人家现成的，自己修改修改就可以了。