怎样设计好网页设计

1、如何设计一个好的网页

一、确定网站主题

网站主题就是你建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。特别是对于个人网站，你不可能像综合网站那样做得内容大而全，包罗万象。你没有这个能力，也没这个精力，所以必须要找准一个自己最感兴趣内容，做深、做透，办出自己的特色，这样才能给用户留下深刻的印象。网站的主题无定则，只要是你感兴趣的，任何内容都可以，但主题要鲜明，在你的主题范围内内容做到大而全、精而深。

二、搜集材料

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

三、规划网站

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

尽管选择什么样的工具并不会影响你设计网页的好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多，首先就是网页制作工具了，目前大多数网民选用的都是所见即所得的编辑工具，这其中的优秀者当然是Dreamweaver和Frontpage了，如果是初学者，Frontpage2000是首选。除此之外，还有图片编辑工具，如Photoshop、Photoimpact等；动画制作工具，如Flash、Cool 3d、Gif Animator等；还有网页特效工具，如有声有色等，网上有许多这方面的软件，你可以根据需要灵活运用。

五、制作网页

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

六、上传测试

网页制作完毕，最后要发布到Web服务器上，才能够让全世界的朋友观看，现在上传的工具有很多，有些网页制作工具本身就带有FTP功能，利用这些FTP工具，你可以很方便地把网站发布到自己申请的主页存放服务器上。网站上传以后，你要在浏览器中打开自己的网站，逐页逐个链接的进行测试，发现问题，及时修改，然后再上传测试。全部测试完毕就可以把你的网址告诉给朋友，让他们来浏览。

七、推广宣传

网页做好之后，还要不断地进行宣传，这样才能让更多的朋友认识它，提高网站的访问率和知名度。推广的方法有很多，例如到搜索引擎上注册、与别的网站交换链接、加入广告链等。

八、维护更新

网站要注意经常维护更新内容，保持内容的新鲜，不要一做好就放在那儿不变了，只有不断地给它补充新的内容，才能够吸引住浏览者

2、网页设计怎么样设计好

一、网页的大小
我们都知道网页的大小会根据屏幕分辨率而有所变动，网站的页面是肯定不能够超出屏幕大小的，就像图片一样，图片越大清晰度越高，网页设计时同样要注意网站页面的大小，网页设计的越大就越清晰。
二、网页中的文字
在之前济南网站建设的小编写过的一篇文章“移动网站页面如何设计”中就提到过文字对于网页设计的重要性，不管是移动端网站还是PC端网站，因为网页设计中文字、图片这两种几乎占据了整个页面。那么网页中文字有哪些需要注意的呢？
1、文字的大小：文字的大小除了标题或者因为一些特殊需要，最好大小统一。
2、文字的数量：文字的数量一定要配合之网页的大小、图片的数量包括企业情况，还有就是文字最好简短、精确内容，突出主题，不要废话。
3、文字的字体：文字的字体也是非常重要的，好的、合适的文字字体都会起到一种有效的视觉冲击，让网民看起来不会厌烦。
三、页面的布局
网页的布局要足够的合理化，具备这一定的层次感，陈列有序，内容分布合理化。就像我们曾经做过的一个案例，这是首页其中的一部分设计布局，右侧图片左侧文字进行文字介绍，以及下一个内容的设计都富有这一定的层次感，当用户看起来也会比较舒心。

3、网站设计到底应该如何做？

div+css是网站布局方式

Div：是一个常见网页布局结构。它取代传统的表格布局方式。（就相当于人的骨架和各个零件）

Css :是给网站进行美化和修饰。（相当于人的衣服、鞋子、帽子等修饰自己的东西）

Div+css布局的优势是什么呢？

这样写代码精简，提高页面的下载速度，有利于搜索引擎的优化。

一个网站开发完成后。用户通过"百度搜索"的方式获得该网站信息，若要用传统的表格布局。会造成网页页面很乱，不利于百度的搜索和查找。

结构与样式分离，方便前端开发人员与后台程序开发人员分工协调。

一个完整的网站由前端开发人员和后台程序开发人员相互配合来完成。

前端人员负责网站页面的设计和布局。后台程序开发人员负责网站功能开发（如：文件上传）

若结构和样式没有分开，不利于前端开发人员与后台程序开发人员的后续工作。

网站设计，要能充分吸引访问者的注意力，让访问者产生视觉上的愉悦感。因此在网页创作的时候就必须将网站的整体设计与网页设计的相关原理紧密结合起来。网站设计是将策划案中的内容、网站的主题模式，以及结合自己的认识通过艺术的手法表现出来；而网页制作通常就是将网页设计师所设计出来的设计稿，按照W3C规范用html（标准通用标记语言下的一个应用）将其制作成网页格式。

建站过程：

准备内容

在域名注册查询网址之前就应该先搜集至少「一百页」的内容，这些内容必须是有价值的、不违反著作权的内容。

网址

想个比较有意义，好记的网址。

网页设计制作

对搜索引擎来说，他们无法检索到网站里的flash、java applet和javascript，也无法检索到你图档里写的字，所以在网站设计上，只要尽量简洁有力，让内容可以好好的呈现，就是一个成功的seo网站页面。页要尽量符合w3c的标准。

每页档案大小

建议每个网页尽量在15k以下，如果可以缩减到12k，甚至10k那就更好，但是不能在5k以下，以免影响内容的完整。其实我们都知道，搜索引擎最佳化的目的，实际上是为了使用者，而不是为了搜索引擎本身。

内容

每天建立一个500～1000字的网页，当然这个网页里面必须包含你重要的关键字，如果想不出关键字来的话，可以使用Yahoo的关键字建议工具

关键字密度

拿出你的关键字，在下列六个地方各使用一次：

* 标题；

* meta标签；

*网址；

* 粗体关键字 （就是写出你的关键字，然后把他加粗）；

* 斜体关键字 （就是写出你的关键字，然后把他斜体）；

* 页面上半部 （网页内容比较前面的地方，我是建议用个标题，像是h1）。

内部链接

内部链接就是在同一网站域名下的内容页面之间的互相链接（自己网站的内容链接到自己网站的内部页面，也称之为站内链接）。合理的网站内链接构造，能提高搜索引擎的收录与网站权重。你的网站里面可能有很多类的内容，请确定同类内容互相链接，而不同类内容千万不要互相链接。例如讲食品的页面请链接到讲水果的页面这样。

为什么要这样作呢？同类内容的内部链接可以让google的pagerank在你的网页里互相传递，如果你只对个别网页作最佳化，有可能会发生的情况是，网站里只有少数几个页面的排名可以往前，但是若是做好内部链接的话，可以让每个网页的排名都往前。

你想要五十个网页每天都可以带来一位访客，还是只有一个网页，每天带来五十位访客呢？前者还有机会可以努力，后者要再增加应该有其限度才对。

网站上线

最好不要用虚拟主机，若是能有自己的代管主机或者是固定ip位置就最好了。若是租用虚拟主机厂商的虚拟主机方案，你可能遇到的就是一台主机里面放上万个网站，尽管Yahoo和Google宣称，他们对待虚拟主机一视同仁，但是我还是担心要他们开始把同一主机ip数量加入排名公式的那天…

确认网站的每一页都可以被搜索引擎索引进去，网站里的链接要做好。另外呢，在网站还称不上是个「好网站」的时候，不要让网站上线，若是随便让你的烂网站进入搜索引擎，并且被打了低分之后，我想，要让分数上升似乎就不是那麼容易了。

接著，把自己加入到odp（open directory project），这是一个大家可以手动加入的目录索引，这样至少你的网站已经在一个索引里面了，接著，若是有钱的话，可以使用搜索引擎快速付费登录，这可以让你的网站在一定的时间内排名增加到前几名，若是没钱的话也没关系，慢慢等还是会被登录进去的。

送交搜索引擎

把你的网站登录好后，接著，就放著不管了。别忘了，这篇文章的目的是建立成功的网站，过程是一年，所以把网站送交登录之后，请耐心等待六个月。（最惨的情况下啦，不过一般来说，新网站最迟三～五个星期就会进入索引里面了）

网站推广

网站推广毋庸置疑任何一个想盈利的网站都无法回避付费推广服务，推广方面最主要的就是竞价排名。网站推广在建站之后是最重要的一步！

纪录与追踪

申请一个不错的网页计数器。

程序设计

网站设计包括前台用户视觉体验的设计和后台程序功能设计，两个方面都是非常重要的；视觉设计对于客户的阅读带来愉悦和信任，后台注重操作的方便行。

4、如何设计一个好的网页？

网页设计一定要有美术的功底，要设计的漂亮，让人难忘才算是比较好的网页。

简洁性：能让浏览者一目了然，不使浏览者感到繁琐并且无法找到其所需内容。

突出主题：一个没有主题的网页同样会使人失去浏览的兴趣。

5、怎么样的网页设计才是最好的

先学一学HTML，找本自己能看懂的教材，浏览为主，不用记住所有的概念，只要记住使用原理就行了，这一阶段，估计三天就够了；然后用两天时间学CSS，方法同上；进而再花些时间了解一下JavaScript。 然后就可以用记事本尝试写几个网页，记住这时千万不要用那些可视化工具，比如FrontPage、Dreamweaver（那些以后再学）。 有一个提高自己“写网页”的捷径，就是上各大网站，把网页保存下来（什么？你说你不会保存网页？就是“文件→另存为”），然后打开保存下来的网页，点击右键→查看源文件，看看人家的网页是怎么写的，然后模仿他们的写法，不断规范自己的代码。嘿嘿，这个方法不错吧。先好好模仿一下吧。 接下来该学一下Fireworks了。建议一开始就到网上找些实例教程，这些实例教程一般都介绍得很详细，跟着它一步一步做下来，每学会一个实例就掌握了几项操作，而且也有了自己的作品，很有成就感的，长期积累下来对自己的提高很有帮助。学Fireworks主要是学图片处理，比如加一些效果，还有很重要的就是切图，这对于初学者是很重要的。 这时还可以结合Dreamweaver进行学习，你就可以体会到Dreamweaver和Fireworks的无缝集成了。利用这些工具多做几个网页，你就可以达到一定水平了。 要是想让你的网页多一些炫目的效果，建议你学一下Flash，难度并不大，而且要是前面的JavaScript基础打得好的话，学到Flash中ActionScript时，你会有一种似曾相识的感觉，因为这两种语法几乎是一模一样的。 到这时，相信你就可以真正领会到“网页三剑客”的威力了。在实践中不断提高 要是每天能拿出两个小时来学习，完成以上这些学习估计只要20天就差不多了。要是天赋高的话（比如说像我这样的，呵呵)，那需要的时间就更少了。接下来该实习了，找个地方锻炼一下自己，比如可以去一些公司干干兼职，或是给自己的单位设计一下主页等。 最好是能进入一个正规的开发团队，你就会学会如何以团队合作的方式开发网站，特别是怎样和程序组合作，把页面与后台程序数据库配合起来。可能你会担心自己是新手，人家会嫌弃你，没关系，只要努力去找，总会有机会的。 到此，你就基本可以称作是一个“准Web Designer”了，不过要从根本上提高自己，最好去学学美术，这是当一个网页设计师的基本功。

6、如何做好网页的版式设计

网站的栏目策划是在网站制作过程中容易忽视的一个细节，因为在网站制作的过程中都比较重视页面的设计和网站实现的功能，其实网站的栏目策划在网站制作过程中起着决定性的作用，是用户的一个导航索链，有的栏目设置精妙，就可以把用户带入到另一个页面，让用户在网站中停留，使用户更加了解企业。所以，网站栏目也是一个核心要点，下面沃然建站总结了一些关于网站栏目策划的小建议，
1、 网站栏目策划的重点是导航：
在网站策划中要注意导航条的位置要明显且统一，有一些网站是无法做到，这个会给用户带来易进不易出的一个环绕，从而导致用户直接关闭网站，跳出率就会增长。

2、 网站栏目结构要层级分明，条理清晰：
打开一个网站，有的是有很多内容的，有各式各样的产品，而栏目就是方便用户找到所需内容的一个重要导航，所以嘉陵道小程序制作公司建议要做到层次分明、条理清晰，网站栏目最好不要超过三层，不要让用户层层剥茧似的找到所需内容，同时对推广也是有影响的。

3、网站栏目命名要清晰、易懂：
中国文字博大精深，有些企业喜欢别出心裁的取一些栏目名，创意确实很好，但是想要知道名称意思并不是自己为主，这样容易产生反效果，如果你能创造通俗易懂，又有创意的那就更好了。

4、网站栏目在网站建设中布局要合理：
嘉陵道小程序制作公司提醒栏目不是随便放着就可以了，也需要配合网站建设中网页设计的整体搭配，做到二者兼得是最佳的状态。

7、网站设计怎么样做比较好？

互联网是个创造奇迹的地方，目前“互联网+”的热潮正在席卷着各个行业，AI技术的不断革新推动着各行各业的发展，网站建设做为互联网行业中必要的“起步”同样也受到这股风潮的影响。那么怎么建设网站呢？怎么建设网站更好呢？我为大家分析出来几点网站建设的基本要求和做法：

域名注册首先要注意的就是域名后缀的注册，域名后缀常见的有.com、.cn、.net、.http://com.cn等这些站长们常用的后缀，域名后缀的形式在百度网页搜索并不影响，但是在注册域名后缀的时候，.com这些常用的后缀，而这些域名在各大搜索引擎的权重也是比较高的，在用户体验感觉上也比较好，所以这里建议大家最好选用。

注册一些和网站主题或网站名称相呼应的域名，比如网站名称首字母缩写，这样容易让用户第一眼看到域名之后就能联想到这个网站的内容，确保域名容易拼写和朗读。在注册域名的时候可以选用公司的名称或商标以及网站的名称，还可以利用公司产品的信息来注册一个合适的域名。可以让用户判断出这个网站到底是不是他要找的网站，这样也可以节约用户的时间。

其次就是用户域名越简短越好，这样方便用户记忆;其次就是双拼的域名，结合自己的网站名称注册域名，这样比较容易记住;还有一种就是数字域名，根据短域名和谐音，这样也是有利于用户记忆。

第二步就是网站优化了，网站优化应该怎么做呢？

网站建设主要就是站内的优化，把网站建设的基本点掌握的非常好，就必须在用户体验上下很大的功夫，而用户体验主要依赖于站内优化是否成功。站内优化走的是忠于客户对网站的整体感知，重视的是客户对网站内容的认可度，当用户进入网站后，他们不一定就是来看文章的，站内的优化也不能完全局限于内容的优化，要合理分配将网站内部所有的部分都结合起来，把用户体验做好了，无论你的网站就本身而言还是在第三方平台上的操作，都会给出很高的分，搜索引擎会给判别值得用户浏览的网站。

站内优化最集中的莫过于对内容思考的重要性，而当前搜索引擎也正在扩大对内容的检查力度，很长一段时间内容都会牵制站长对用户需求的摸索。互联网是个大超市，用户想在里面搜什么都会搜到，当他很巧的进入了你的网站，用户第一眼看见的是你网站是否有独到的网页设计和功能，是否让他们感觉到新鲜有创意了。

以上两点是网站建设的基本做法，现在的网站形形色色，每个网站的排版和风格都有所不同，每个行业网站栏目众多，布局和定位都是需要深思熟虑的问题，如何让用户通过互联网浏览网站感觉到耳目一新呢？

一、内容的排版

传统的报纸模式对新闻内容的排版有一定的规定，一般来说先按照用户的兴趣将内容进行分布。然后再根据内容的重要性进行先后排序，网站建设也是如此，头条新闻应该放在最显眼的位置，可以刺激用户视觉。新闻类网站是以文字说明为主，这时的版面内容不需要太多的图片，如果针对新闻内容就需要适当配图就好，而且配色不能过于混杂，以免影响用户的阅读。

二、网站的各种细节设置

新闻类网站信息量及其庞大，为了帮助用户节省时间，就需要在网站新闻页添加搜索框，方便用户搜索目标信息，对网站新闻内容的及时更新就变得很重要，但是并非所有的栏目板块都需要去更新内容，网站的内容一定要图文结合。如果网站内容全是文字，则看上去很烦躁，增加图片是为了获得良好的用户体验，在网站的栏目布局中，内容的排版中要适当的留白。网站的留白是很重要的，这可以增加用户浏览体验。

三、网站的结构布局

对于新闻资讯类网站，我们最熟悉的就是传统的报纸格式都是简洁清晰，井然有序，即使新闻再多，逻辑性比较强。同样网站的布局也是如此需要把很多版面划分成很多板块，方便栏目分类。每个板块的格式要保持一致，以免造成混乱。新闻资讯类网站中，最常用的网站布局就是分栏布局，根据需要放置的相应的长宽比，让内容看起来更加整洁明朗，条理分明，这对提高用户体验有着很好作用。

8、怎样设计好一个网站

第一，做网站，首先必须要解决的就是网站内容问题，即确定网站的主题。
对于内容主题的选择，要做到小而精，主题定位要小，内容要精。不要去试图制作一个包罗万象的站点，这往往会失去网站的特色，也会带来高强度的劳动，给网站的及时更新带来困难。
第二，选择好域名
域名是网站在互联网上的名字。一个非产品推销的纯信息服务网站，其所有建设的价值，都凝结在其网站域名之上。失去这个域名，所有前期工作就将全部落空。
第三：掌握建网工具
网络技术的发展带动了软件业的发展，所以用于制作Web页面的工具软件也越来越丰富。从最基本的HTML编辑器到现在非常流行的Flash互动网页制作工具，各种各样的Web页面制作工具，网站制作者需了解W3C的HTML4.0规范、CSS层叠样式表的基本知识、javascript、VBScript的基本知识。对于常用的一些脚本程序如ASP、CGI、PHP也要有适当了解，还要熟练使用图形处理工具和动画制作工具以及矢量绘图工具，并能部分了解多种图形图像动画工具的基本用法，熟练使用FTP工具以及拥有相应的软硬件和网络知识也是必备的
第四：确定网站界面
界面就是网站给浏览者的第一印象，往往决定着网站的可看性，在确定网站的界面时要注意以下三点：
①栏目与板块编排
构建一个网站就好比写一篇论文，首先要列出题纲，才能主题明确、层次清晰。网站建设初学者，最容易犯的错误就是：确定题材后立刻开始制作，没有进行合理规划。从而导致网站结构不清晰，目录庞杂混乱，板块编排混乱等。结果不但浏览者看得糊里糊涂，制作者自己在扩充和维护网站也相当困难。所以，我们在动手制作网页前，一定要考虑好栏目和板块的编排问题。
网站的题材确定后，就要将收集到的资料内容作一个合理的编排。比如，将一些最吸引人的内容放在最突出的位置或者在版面分布上占优势地位。栏目的实质是一个网站的大纲索引，索引应该将网站的主体明确显示出来。在制定栏目的时候，要仔细考虑，合理安排。在栏目编排时需要注意的是：
●尽可能删除那些与主题无关的栏目；

●尽可能将网站内最有价值的内容列在栏目上；

●尽可能从访问者角度来编排栏目以方便访问者的浏览和查询；辅助内容，如站点简介、版权信息、个人信息等大可不必放在主栏目里，以免冲淡主题。

另外，板块的编排设置也要合理安排与划分。板块比栏目的概念要大一些，每个板块都有自己的栏目。举个例子：ENET硅谷动力（www.enet.com.cn）的站点分新闻、产品、游戏、学院等板块，每个板块下面又各有自己的主栏目。一般来说，个人站点内容较少，只要分个栏目也就够了，不需要设置板块。如果有必要设置板块的，应该注意：

●各板块要有相对独立性；

●各板块要有相互关联；

●各板块的内容要围绕站点主题；

②目录结构与链接结构

网站的目录是指建立网站时创建的目录。例如：在用Frontpage建立网站时都默认建立了根目录和Images子目录。目录的结构是一个容易忽略的问题，大多数站长都是未经规划，随意创建子目录。目录结构的好坏，对浏览者来说并没有什么太大的感觉，但是对于站点本身的维护，以后内容的扩充和移植有着重要的影响。所以建立目录结构时也要仔细安排，比如：

●不要将所有文件都存放在根目录下。有网站制作者为了方便，将所有文件都放在根目录下。这样就很容易造成：文件管理混乱，搞不清哪些文件需要编辑和更新，哪些无用的文件可以删除，哪些是相关联的文件，影响工作效率；上传速度变慢，服务器一般都会为根目录建立一个文件索引，如果将所有文件都放在根目录下，那么即使只上传更新一个文件，服务器也需要将所有文件再检索一遍，建立新的索引文件，很明显，文件量越大，等待的时间也将越长。

●按栏目内容建立子目录。子目录的建立，首先按主栏目建立。友情连接内容较多，需要经常更新的可以建立独立的子目录。而一些相关性强，不需要经常更新的栏目，例如：网站简介、站长情况等可以合并放在一个统一目录下。所有程序一般都存放在特定目录，例如：CGI程序放在cgi-bin目录，所有提供下载的内容也最好放在一个目录下，便于维护管理。

●在每个主目录下都建立独立的Images目录。一般来说，一个站点根目录下都有一个默认地Images目录。将所有图片都存放在这个目录里很是不方便，比如在栏目删除时，图片的管理相当麻烦。所以为每个主栏目建立一个独立的Images目录是方便管理的。原因很简单，就是方便维护与管理。
其它需要注意的还有：目录的层次不要太深，不要超过3层；不要使用中文目录，使用中文目录可能对网址的正确显示造成困难；不要使用过长的目录，太长的目录名不便于记忆；尽量使用意义明确的目录，以便于记忆和管理。

网站的链接结构是指页面之间相互链接的拓扑结构。它建立在目录结构基础之上，但可以跨越目录。形象的说：每个页面都是一个固定点，链接则是在两个固定点之间的连线。一个点可以和一个点连接，也可以和多个点连接。更重要的是，这些点并不是分布在一个平面上，而是存在于一个立体的空间中。一般的，建立网站的链接结构有两种基本方式：

●树状链接结构（一对一），这类似DOS的目录结构，首页链接指向一级页面，一级页面链接指向二级页面。这样的链接结构浏览时，一级级进入，一级级退出，条理比较清晰，访问者明确知道自己在什么位置，不会“不知身在何处”，但是浏览效率低，一个栏目下的子页面到另一个栏目下的子页面，必须回到首页再进行。

●星状链接结构（一对多），类似网络服务器的链接，每个页面相互之间都建立有链接。这样浏览比较方便，随时可以到达自己喜欢的页面。但是由于链接太多，容易使浏览者迷路，搞不清自己在什么位置，看了多少内容。

因此，在实际的网站设计中，总是将这两种结构混合起来使用。网站希望浏览者既可以方便快速地达到自己需要的页面，又可以清晰地知道自己的位置。所以，最好的办法是：首页和一级页面之间用星状链接结构，一级和二级页面之间用树状链接结构。关于链接结构的设计，在实际的网页制作中是非常重要一环，采用什么样的链接结构直接影响到版面的布局。