摘要网页可以说是网站构成的基本元素。当我们轻点鼠标，在网海中遨游，一副副精彩的网页会呈现在我们面前。那么，网页精彩与否的因素是什么呢？文字的变化、图片的处理等，这些当然是不可忽略的因素，除了这些还有一个非常重要的因素—网页的布局和色彩的搭配，颜色是一把开启人们心灵的钥匙。色彩是形成网页界面风格的最重要的组成部分, 在排除立体图形、动画效果之外, 色彩的冲击力是最强
的。在网页中要运用好色彩, 就要注意主题色和辅助色的合理运用。合理运用静态色和动态色好的颜色不只能够向拜访者传达信息，并且能吸引拜访者的目光。
关键词：色彩；搭配；注意问题
第一章网页设计的布局
1网页设计布局基础
正如你现在所看到的一样，网页的布局设计变得越来越重要。访问者不愿意再看到只注重内容的站点。虽然内容很重要，但只有当网页布局和网页内容成功接合时，这种网页或者说站点才是受人喜欢的。取任何一面你都无法留住太过“挑剔”的访问者。
1.1网页布局的基本概念
最开始，网页呈现在你面前的时侯，它就好像一张白纸，它需要你任意挥洒你的设计才思。在开始的时侯，你需要明白，虽然你能控制一切你所能控制的东西，但假如你知道什么是一种约定俗成的标准或者说大多数访问者的浏览习惯，那么你可以在此基础上加上自己的东西。你当然也可以创造出自己的设计方案，但如果你是初学者，那么最好明白网页布局的基本概念。
1.1.1页面尺寸
由于页面尺寸和显示器大小及分辨率有关系，网页的局限性就在于你无法突破显示器的范围，而且因为浏览器也将占去不少空间，留下给你的页面范围变得越来越小。一般分辨率在800x600的情况下，页面的显示尺寸为：780x 428个象素；分辨率在640x480的情况下，页面的显示尺寸为:620X311个象素；分辨率在1024X768的情况下，页面的显示尺寸为：1007x600。从以上数据可以看出，分辨率越高页面尺寸越大。
浏览器的工具栏也是影响页面尺寸的原因。一般目前的浏览器的工具栏都可以取消或者增加，那么当你显示全部的工具栏时，和关闭全部工具栏时，页面的尺寸是不一样的。
在网页设计过程中，向下拖动页面是惟一给网页增加更多内容(尺寸>的方法。但我想提醒大家除非你能肯定站点的内容能吸引大家拖动，否则不要让访问者拖动页面超过三屏。如果需要在同一页面显示超过三屏的内容，那么你最好能在上面做上页面内部连接，方便访问者浏览。
1.1.2整体造型
什么是造型，造型就是创造出来的物体形象。这里是指页面的整体形象，这种形象应该是一个整体，图形与文本的接合应该是层叠有序。虽然，显示器和浏览器都是矩形，但对于页面的造型，你可以充分运用自然界中的其它形状以及它们的组合：矩形，圆形，三角形，菱形等。
对于不同的形状，它们所代表的意义是不同的。比如矩形代表着正式，规则，你注意到很多ICP和政府网页都是以矩形为整体造型；圆形带表着柔和，团结，温暖，安全等，许多时尚站点喜欢以圆形为页面整体造型；三角形代表着力量，权威，牢固，侵略等，许多大型的商业站点为显示它的权威性常以三角形为页面整体造型；菱形代表着平衡，协调，公平，一些交友站点常运用菱形作为页面整体造型。虽然不同形状带表着不同意义，但目前的网页制作多数是接合多个图形加以设计，在这其中某种图形的构图比例可能占的多一些。
1.1.3页头
页头又可称之为页眉，页眉的作用是定义页面的主题。比如一个站点的名字多数都显示在页眉里。这样，访问者能很快知道这个站点是什么内容。页头是整个页面设计的关键，它将牵涉到下面的更多设计和整个页面的协调性。页头常放置站点名字的图片和公司标志以及旗帜广告。
1.1.4文本
文本在页面中出现都数以行或者块(段落>出现，它们的摆放位置决定者整个页面布局的可视性。在过去因为页面制作技术的局限，文本放置的位置的灵活性非常小，而随着DHTML的兴起，文本已经可以按照自己的要求放置到页面的任何位置。
1.1.5页脚
页脚和页头相呼应。页头是放置站点主题的地方，而页脚是放置制作者或者公司信息的地方。你能看到，许多制作信息都是放置在页脚的。
1.1.6图片
图片和文本是网页的两大构成元素，却一不可。如何处理好图片和文本的位置成了整个页面布局的关键。而你的布局思维也将体现在这里。
1.1.7多媒体
除了文本和图片，还有声音，动画，视频等等其它媒体。虽然它们不是经常能被利用到，但随着动态网页的兴起，它们在网页布局上也将变得更重要。
1.2网页布局的方法
网页布局的方法有两种，第一种为纸上布局；第二种为软件布局。下面分别加以介绍：
1.2.1纸上布局法
许多网页制作者不喜欢先画出页面布局的草图，而是直接在网页设计器里边设计布局边加内容。这种不打草稿的方法不能让你设计出优秀的网页来。所以在开始制作网页时，要先在纸上画出你页面的布局草图来。
准备一若干张白纸和一只铅笔，你要设计一个时尚站点。
*尺寸选择：
目前一般800X600的分辨率为约定俗成的浏览模式。所以为了照顾大多数访问者，你页面的尺寸以800X600的分辨率为准。
*造型的选择：
先在白纸上画出象征浏览器窗口的矩形，这个矩形就是你布局的范围了。选择一个形状作为整个页面的主题造型，我们选择圆形，因为它代表者柔和，和时尚流行比较相称，然后在矩形框架里随意画出来，你可以试者在增加一些圆形或者其它形状。这样画下来，你会发现很乱。其实，如果你一开始就想设计出一个完美的布局来是比较困难的，而你要在这看似很乱的图形中找出隐藏在其中的特别的造型出来。还要注意一点，你不要担心你设计的布局是否能够实现。事实上，只要你能想到的布局都能靠现今的HTML技术实现。
考虑到左边向左凹的弧线，为了取得平衡我们在页面右边增加了一个矩形(也可以是一条线段>。
*增加页头：
jpg是我们从.jpg和2.jpg得到的布局造型，那么我们该增加页头了。一般页头都是位于页面顶部，所以我们为.jpg增加了一个页头，为了和左边的弧线和右边的矩形取得平衡，我们增加了一个矩形页头并让页头相交与左边的弧线。
*增加文本：
页面的空白部分加别加入文本和图形。因为在页面右边有矩形作为陪衬，所以文本放置在空白部分不会因为左边的弧线而显得不协调。
*增加图片：
图片是美化页面和说明内容必须的媒体。在这里把图片加入到适当的地方。
经过以上的几个步骤，一个时尚页面的大概布局就出现了。当然，它不是最后的结果，而是你以后制作时的重要参考依据。
1.2.2软件布局法
如果你不喜欢用纸来画出你的布局意图，那么你还可以利用软件来完成这些工作。这个软件就是Photoshop。Photoshop所具有的对图像的编辑功能用到设计网页布局上更显得心应手。不像用纸来设计布局，利用Photoshop
可以方便的使用颜色，使用图形，并且可以利用层的功能设计出用纸张无法实现的布局意念。
1.3网页布局类型
网页布局大致可分为“国”字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、Flash型、变化型，下面分别论述。
1.3.1“国”字型
也可以称为“同”字型，是一些大型网站所喜欢的类型。即最上面是网站的标题以及横幅广告条，接下来就是网站的主要内容，左右分列一些小条内容，中间是主要部分，与左右一起罗列到底，最下面是网站的一些基本信息、联系方式、版权声明等。这种结构是我们在网上见到最多的一种结构类型。
1.3.2拐角型
这种结构与上一种只是形式上的区别，其实是很相近的。网页最上面是标题及广告横幅，接下来的左侧是一窄列链接等，右侧是很宽的正文，下面也是一些网站的辅助信息。在这种类型中，一种很常见的类型是最上面是标题及广告，左侧是导航链接。
1.3.3标题正文型
这种类型最上面是标题或类似的一些东西，下面是正文，比如一些文章页面或注册页面等就是这种类型。
1.3.4.左右框架型
这是一种为分左右两页的框架结构，一般左面是导航链接，有时最上面会有一个小的标题或标志，右面是正文。我们见到的大部分的大型论坛都是这种结构的，有一些企业网站也喜欢采用。这种类型结构非常清晰，一目了然。
1.3.5.上下框架型
与左右框架型类似，区别仅仅在于是一种上下分为两页的框架。
1.3.6综合框架型
是左右框架型和上下框架型的结合，相对复杂的一种框架结构，较为常见
的是类似于“拐角型”结构的，只是采用了框架结构。
1.3.7封面型
这种类型基本上是出现在一些网站的首页，大部分为一些精美的平面设计结合一些小的动画，放上几个简单的链接或者仅是一个“进入”的链接甚至直接在首页的图片上做链接而没有任何提示。这种类型大部分出现在企业网站和个人主页，如果说处理的好，会给人带来赏心悦目的感觉。
1.3.8Flash型
其实这与封面型结构是类似的，只是这种类型采用了目前非常游戏行的Flash，与封面型不同的是，由于Flash强大的功能，页面所表达的信息更丰富，其视觉效果及听觉效果如果处理得当，绝不差于传统的多媒体。
1.3.9变化型
即上面几种类型的结合与变化，比如网站在视觉上是很接近拐角型的，但所实现的功能的实质是那种上、左、右结构的综合框架型。
1.4网页布局的技术
1.4.1层叠样式表的应用
在新的HTML4.0标准中，CSS(层叠样式表>被提出来，它能完全精确的定位文本和图片。CSS对于初学者来说显得有点复杂，但它的确是一个好的布局方法。你曾经无法实现的想法利用CSS都能实现。目前在许多站点上，层叠样式表的运用是一个站点优秀的体现。你可以在网上找到许多关于CSS的介绍和使用方法。当然，日趋炙热的WEB标准 1.4.2表格布局 表格布局好像已经成为一个标准，随便浏览一个站点，它们一定是用表格布局的。表格布局的优势在于它能对不同对象加以处理，而又不用担心不同对象之间的影响。而且表格在定位图片和文本上比起用CSS更加方便。表格布局唯一的缺点是，当你用了过多表格时，页面下载速度受到影响。对于表格布局，你可以随便找一个站点的首页，然后保存为HTML文件，利用网页编辑工具打开它(要所见即所得的软件>，你会看到这个页面是如何利用表格的。 1.4.3框架布局 不知道什么原故，框架结构的页面开始被许多人不喜欢，可能是因为它的兼容性。但从布局上考虑，框架结构不失为一个好的布局方法。它如同表格布 局一样，把不同对象放置到不同页面加以处理，因为框架可以取消边框，所以一般来说不影响整体美观。 布局指南并不是全部的网页布局技术，从某种意义上来说，引导你在制作网页的时侯，怎样把图片和文本放置的恰到好处，而且如何拥有一个跳越的设计思维。 1.5具体的网页布局 1.5.1关于第一屏 所谓第一屏，是指我们到达一个网站在不拖动滚动条时能够看到的部分。那么第一屏有多“大”呢？其实这是未知的。一般来讲，在800×600的屏幕显示模式(这也是最常用的>下，在IE安装后默认的状态(即工具栏地址栏等没有改变>下，IE窗口内能看到的部分为778×435像素。一般来讲，我们以这个大小为标准就行了，毕竟在无法适合所有人的情况下，我们只能为大多数考虑了。说了那么多，无非是一个标准的问题，接下来不用我说大家也能想到，第一屏当然要放最主要的内容，关键要知道的是，我们要对第一屏能显示的面积要有个估计，而不要仅仅以自己的机器为准。其实网页制作的一个很麻烦的地方就是浏览者的机器是未知的。 1.5.2有关导航栏的位置 导航栏能让我们在浏览时容易地到达不同的页面，是网页元素非常重要的部分，所以导航栏一定要清晰、醒目。一般来讲，导航栏要在“第一屏”能显示出来，但是有时第一屏可能会小于上面所说的435像素，基于这点考虑，那种横向放置的导航栏要优于纵向的导航栏考虑，原因很简单：如果浏览者的第一屏很短，横向的仍能全部看到，而纵向的就很难说了，因为窗口的宽度一般是不会受浏览器设置影响的，而纵向的不确定性要大的多。 1.5.3什么样的布局是最好的 这是初学者问得最多的问题。其实这要具体情况具体分析的：如果内容非常多，就要考虑用“国字型”或拐角型；如果内容不算太多而一些说明性的东西比较多，则可以考虑标题正文型；那几种框架结构的一个共同特点就是浏览方便，速度快，但结构变化不灵活；而如果是一个企业网站想展示一下企业形象或个人主页想展示个人风采，封面型是首选；Flash型更灵活一些，好的Flash 大大丰富了网页，但是它不能表达过多的文字信息。还没有提到的就是变化型了，我想这个读者应该自己把握了。因为，只有不断的变化才会提高，才会不断丰富我们的网页。 第二章网页设计的用色技巧 2.1网页设计的色彩思考 人们常常感受到色彩对自己心理的影响，这些影响总是在不知不觉中发挥作用，左右我们的情绪。色彩的心理效应发生在不同层次中。有些属直接的刺 激，有些要通过间接的联想，更高层次则涉及到人的观念、信仰，对于艺术家和设计者来说，无论哪一层次的作用都是不能忽视的。 对于网页设计者来说，色彩的心理作用尤其重要，因为用网络是在一种特定的历史与社会条件的环境下，即在高效率、快节奏的现代生活方式的条件下，这就需要做网页时把握人们在这种生活方式下用网络的一种心理需求。作为网页设计师来说，做到有针对性的用色是相当重要的，因为网站往往是各种各样的，大公司、政府组织、体育组织、聊天的、新闻的、个人主页等等，不同内容的网页的用色应是有较大的区别。所以要合理的使用色彩来体现出网站的特色，这是高明的做法。 例如：做公司的网页，就不能仅仅使用一些不着边际的颜色来吸引人，而要让人一看到这个网站的用色就立即明确该公司的主题。 怎么能做到这一步呢？我认为要从公司的标准色上入手。一个公司的CI<企业形象识别）是灵魂，做网站往往是为了提升公司的形象。因此把表现企业主题的标准色应用到网页中去，一定会给浏览者留下深刻的印象。这就牵涉到标准色的组合应用上，要有一个色彩的基调问题，抓住自己的主色来配以不同的辅色这样既突出了主页的公司的特色，又能使页面呈现丰富多彩<这里要切忌多种色彩并重“花”的情况）。这只是一种用色的参考，版面设计和内容也能体现出企业的形象，只是色彩更加容易达到引人注目的效果。 做到用色有的放矢之后，我们再回到平面设计上来，因为网页设计实际上就是平面设计，只不过目的性、时效性更强而已。所以我们要把每一次网页设计都看成做平面设计。不过也有一些不同，例如网页的外框是受电脑的屏幕所限制的，具有特定的比例。同时也有一个与电脑的屏幕的颜色的搭配问题，这与普通的平面设计不会受到的任何限制有所不同。但是用色上要求与规律网页设计里是一样的，即色彩的明暗、轻重、冷暖等等，以及调和色和对比色的应用等。 针对不同的主题来布置色彩，如健康类的网站就不能采用较为刺激的大红和黄、橙以及象征死亡和神秘的黑色和紫色，这样会造成一种紧张和某种程度的恐慌，以及一些不利于健康的联想。 用色往往不是非常单纯的运用，还要考虑诸多因素，例如，访问者的类别、社会背景、心理需求和场合的差异等等，这就要求网页设计者要认真的分析网站的访问者的不同，并且要多听取反馈信息，总结他们满意或者是不满意的原因，综合考虑。社会背景不同的人，各人的目的不同，他们对色彩的感受也不同，所以网站的用色就要考虑到多方面的需求，尽可能能的吸引各种注意力。访问者如果大多是素质较高的人，就应该考虑用色考究，要有一定的品位，有所偏向。 网页设计的用色也要特别的关注流行色的发展。每年日本或者欧美都要发布一批流行色，这是从大量的人们的喜好中挑选出来的。关注它，并有心的研究它，而且努力的将这种观念应用到自己的设计中去，做一个色彩方面的有心 人，就会使自己的网页富有朝气，更受欢迎。同时多研究别人的用色，多看一些对网站的网友的评价是相当重要的。做到这一点，能提高自己的色彩品位，多用一些受人喜爱的颜色，这样才能吸引人。作为一名网页设计师是需要有自己的特色，例如自己钟爱的颜色，用色的一些独特的方面，这种是不要轻易的舍弃。因为没有一点自己的特色的设计师就如同一台机器一样毫无生气，这是一大悲哀！用别人喜欢的色彩是不会掩盖设计师的特色的，因为设计师用色往往是在保留自己的用色方式上才去采用一些比较让人接受的颜色。所以我想网页的用色会在这种方式下日趋规范，日趋合理，逐渐让人感到一个又一个如同艺术品一样让人赏心悦目！ 2.2网页设计用色技巧 对于网站设计而言，色彩的重要性尤其突出，不过经常被粗心的站长忽视。我们经常说“第一映像最重要”，于是设计网站时，设计者经常会花很多精力制作一个“富于冲击力”的logo或者banner，当然，它们很重要。但是，访问者访问网站时的第一映像实际上并不来自这些logo或者banner，而是——色彩！ 2.2.1色彩的基础知识 色彩五颜六色、千变万化，我们平时所看到的白色光，经过分析在色带上可以看到，它事实上包括红、橙、黄、绿、青、蓝、紫等七色，各颜色间自然过渡。其中，红、黄、蓝是三原色，三原色通过不同比例的混合可以得到各种颜色。色彩有冷暖色之分，冷色(如蓝色>给人的感觉是安静、冰冷；而暖色(如红色>给人的感觉是热烈、火热。冷暖色的巧妙运用可以让网站产生意想不到的效果。 色彩与人的心理感觉和情绪也有一定的关系，利用这一点可以在设计网页时形成自己独特的色彩效果，给浏览者留下深刻的印象。一般情况下，各种色彩给人的感觉是： 1红色 分析： 红色色感温暖，性格刚烈内向，是一种对人刺激性很强的颜色。红色容易引起人的注意，也容易使人兴奋、激动、紧张、冲动。红色在各种媒体中被广泛的运用，除了具有较佳的明视效果外，更被用来传达具有活力、积极、热 诚、温暖以及前进等含义的企业形象与精神。另外，红色也常被用作警告、危险、禁止、防火等标识色。 搭配： 在网页颜色的应用中，单纯以红色为主色调的网站相对较少，多用作辅助色、点睛色，以达到陪衬、醒目的效果。 红色与少量黄色相搭配，会使其热力强盛，趋于躁动、不安，极富动感和张扬的个性。 红色与黑色的搭配在商业设计中被誉为商业成功色，在网页设计中也比较常见。红黑搭配常被用于较前卫时尚、个性的娱乐休闲区网页中。 红色与灰色、黑色等暗色调搭配使用，给人以现代、激进的感觉。 粉红色是红色系中的冷色系，这类颜色的组合多用于女性主题，如化妆品、服装等，鲜嫩而充满诱惑，容易营造出柔情、娇媚、温柔、甜蜜、纯真、诱惑和艳丽等气氛。 2黄色 分析： 黄色是有彩色中最明亮的色彩，因此净化藏给人留下明亮、辉煌、灿烂、愉快、高贵和柔和的印象，同时又容易引起味觉上的条件反射，给人以甜美和香酥感。黄色有着金色的光芒，有希望与功名等象征意义，还代表着土地，象征着权力，并且还带有神秘的宗教色彩。黄色是明亮的且可以给人甜蜜和幸福感的颜色，在很多设计作品中黄色都被用来表现喜庆的气氛和华丽的商品。 搭配： 黄色在网页配色中使用最为广泛的颜色之一，黄色与其他颜色配合很活泼，有温暖感，代表快乐、希望、智慧和轻快。黄色比较适合活泼跳跃、色彩绚丽的配色方案。 高亮度的黄色与黑色相结合可以得到清晰整洁的效果，这种配色在网页设计中经常会见到。 在配色时，黄色与绿色搭配会显得很有朝气和活力。 通常，在商品网站中使用黄色与红色搭配来渲染热闹气氛。 淡黄色几乎能与所有的颜色相搭配，但如果要达到醒目的效果，则不能将淡黄色放在其他的浅色上，尤其是白色，因为它将是人什么也看不见。深黄色一般不予深红色及深紫色相搭配。 3蓝色 分析： 蓝色给人以沉稳的感觉，且具有深远、永恒、沉静、博大、理智、诚实和寒冷的意象。同时，蓝色还能够营造出和平淡雅洁净及可靠等氛围。在商业设 计中强调科技、商务的企业形象时，大多选用蓝色当标准色。蓝色是冷色系中最典型的代表，是网站设计中运用得最多的颜色。蓝色会使人自然联想起大海和天空，所以会使人产生一种爽朗开阔和清凉的感觉。 搭配： 浅蓝色具有淡雅、清新、浪漫和高贵的特性，常被用于化妆品、女性、服装网站的设计中，它也是最具凉爽、清新特征的色彩。浅蓝色和绿色、白色的搭配在网页中是比较常见的，他们之间的搭配可以是页面看起来非常干净清澈，能体现出柔顺淡雅和浪漫的气氛。 蓝色是冷色系中的典型代表，而黄、红色是暖色系中最典型的代表，冷暖色系对比度大，较为明快，很容易感染、带动浏览者的情绪，具有很强的视觉冲击力。 深蓝色是沉稳的且较常用的色调，能给人以沉稳、冷静、严谨和成熟的心理感受。它主要用于营造安稳、可靠及略带有神秘感的氛围，一般用于企业宣传类网站的设计中。 4绿色 分析： 在商业网页设计中，绿色所传递的是清爽、理想、希望和生长的意象，较符合服务业、卫生保健业、教育行业、农业类网页设计的要求。绿色通常与环保意识有关，也经常使人联想到有关健康方面的事物。绿色与人类息息相关，是自然之色，代表了生命与希望，也充满了青春与活力。它生机勃勃，象征着生命。它本身具有特定的与自然、健康相关的感受，所以也经常被用于与自然、健康相关的站点。此外，绿色还经常用于一些公司的儿童站点或教育站点。绿色具有黄色和蓝色两种成分，绿色的性格最为平和、安稳，是一种柔顺、恬静、满足及优美的色彩。 搭配： 绿色在黄色和蓝色之间，属于较中庸的颜色，是和平色，偏向自然美，宁静、生机勃勃、宽容，可与多种颜色搭配而达到和谐的效果，也是网页中最为广泛的颜色之一。 绿色与红色、蓝色与黄色两组对比色搭配在一起，虽然听起来好像颜色很杂，但是只要协调搭配，就能起到意想不到的效果。 适当运用不同纯度的深绿和浅绿色并不刺目，反而可使页面看起来很有朝气和活力。 5紫色 分析： 紫色具有创造、谜、忠诚、神秘及稀有等内涵。象征着女性化，代表着高 贵和奢华、优雅与魅力，也象征着神秘与庄重、神圣和浪漫。紫色通常被用于以女性为对象或以艺术品介绍为主的站点，但很多大公司的站点中也喜欢使用蕴含着神秘、尊贵和高尚的紫色。 搭配： 紫色加入少量的白色，就会成为一种十分优美、柔和的色彩。随着白色的不断加入，也就不断产生不同层次的淡紫色，可使紫色的沉闷性格消失，变得优雅、娇气，并充满女性魅力。 不同色调的紫色可以营造出非常浓郁的女性化气息，而且在灰色这一突出颜色的衬托下，紫色可以显示出更大的魅力。 紫色与紫红色都是非常女性化的颜色，给人的感觉都是浪漫、柔和、华丽和高贵优雅，特别是紫红色更是女性化的代表颜色。高彩度的紫红色可以表现出超凡的华丽，而低彩度的紫红色可以表现出高雅的气质。 紫色配合时尚的卡通人物，可以使页面具有非常强烈的现代感，给人以更深刻的印象。 6橙色 分析： 橙色的波长居于红和黄之间，橙色是十分活泼的光辉色彩，是最暖的色彩，给人以华贵而温暖、兴奋而热烈的感觉，也是令人振奋的颜色。橙色具有健康、活力、勇敢和自由等象征意义，能给人以庄严尊贵神秘等感觉。橙色会使人联想到金色的秋天以及丰硕的果实，因此是一种富足、快乐而幸福的色彩。橙色适用于对视觉要求较高的时尚网站，也常被用于对味觉要求较高的食品网站，因为橙色也是容易引起食欲的颜色。 搭配： 橙色是可以通过变换色调营造出不同氛围的典型颜色，它既能表现出青春的活力又能实现稳重的效果，所以橙色在网页设计中的使用范围是非常广泛的。 使用了高亮度橙色的网页通常都会给人一种明朗和新鲜的感觉，而将浅黄色、黄色、黄绿色等邻近色与橙色搭配使用，通过不同明度和纯度的变化可以得到更为丰富的色阶通常都能得到非常好的视觉效果，只要在视觉上处理的井然有序，将会使整个页面看起来华丽、新鲜、充满活力。 通过将浅绿色、浅蓝色、蓝色等颜色与橙色搭配使用，可以构成最明亮、最欢乐的色彩。 橙蓝对比色比较少见，给人印象深刻，使人很容易记住它。 7白色 分析： 白光是所有颜色光线的集合，白色反射所有的光线，不吸收任何可见光，因此白色被作为纯粹、虚无、轻盈、光明及金属的象征。在商业设计中，白色具有洁白明快纯真和清洁的意象。白色是网页设计中通用的颜色，它具有容易突出彩度的特性，当一个页面设计未使用白色时，往往会感觉空间减弱，容易造成猜度不够明确、页面沉闷等反应。 搭配： 很少有纯白色的网页，通常与其他色彩搭配使用。 黑色与白色表现出了两个极端的亮度，这两种颜色搭配使用通常可以表现出都市化，现代的感觉。因为黑色和白色的搭配给人以特殊的严肃感，所以也经常被用于庄重的场合。 8黑色 分析： 黑色的内涵最为丰富和复杂，黑色具有很强的感染力，能够表现出特有的高贵显得严肃、庄严和坚毅。另外，黑色还具有恐怖、烦恼、忧伤、消极、沉睡、悲痛甚至死亡等意象。黑色用在宗教网站中显出严肃和庄严。 搭配： 黑色是一种流行色，适合于许多色彩搭配。黑色还具有高贵、稳重、科技的意象，是许多科技网站的主色调配合其他辅助色，营造出科技的神秘感。 另外在一些音乐网站中也常常用黑色为主色调，营造出炫酷的氛围。 9灰色 分析： 灰色居于黑色与白色之间，属于中等明度。灰色是色彩中最被动的色彩，受有彩色影响极大，靠邻近的色彩获得生命。灰色若靠近鲜艳的暖色，就会显出冷静的品格。若靠近冷色，则变为温和的暖灰色。灰色是视觉中最安静的色彩，有很强的调和对比的作用 搭配： 灰色是中性色，可以与任何色彩搭配，也可以帮助两种对此强烈的色彩实现和谐过度。在许多高科技产品，尤其是金属材料有关的产品，几乎都采用灰色来展现高科技的形象。灰色也是网页设计中较为流行的颜色。 2.2.2色彩搭配的原则 色彩搭配既是一项技术性工作，同时它也是一项艺术性很强的工作，因此，设计者在设计网页时除了考虑网站本身的特点外，还要遵循一定的艺术规律，从而设计出色彩鲜明、性格独特的网站。 1特色鲜明 一个网站的用色必须要有自己独特的风格，这样才能显得个性鲜明，给浏览者留下深刻的印象。 2搭配合理 网页设计虽然属于平面设计的范畴，但它又与其它平面设计不同，它在遵从艺术规律的同时，还考虑人的生理特点，色彩搭配一定要合理，给人一种和谐、愉快的感觉，避免采用纯度很高的单一色彩，这样容易造成视觉疲劳。 3讲究艺术性 网站设计也是一种艺术活动，因此它必须遵循艺术规律，在考虑到网站本身特点的同时，按照内容决定形式的原则，大胆进行艺术创新，设计出既符合网站要求，又有一定艺术特色的网站。 2.2.3色彩搭配要注意的问题 1使用单色 尽管网站设计要避免采用单一色彩，以免产生单调的感觉，但通过调整色彩的饱和度和透明度也可以产生变化，使网站避免单调。 2使用邻近色 所谓邻近色，就是在色带上相邻近的颜色，例如绿色和蓝色，红色和黄色就互为邻近色。采用邻近色设计网页可以使网页避免色彩杂乱，易于达到页面的和谐统一。 3使用对比色 对比色可以突出重点，产生了强烈的视觉效果，通过合理使用对比色能够使网站特色鲜明、重点突出。在设计时一般以一种颜色为主色调，对比色作为点缀，可以起到画龙点睛的作用。 4黑色的使用 黑色是一种特殊的颜色，如果使用恰当，设计合理，往往产生很强烈的艺术效果，黑色一般用来作背景色，与其它纯度色彩搭配使用。 5背景色的使用 背景色一般采用素淡清雅的色彩，避免采用花纹复杂的图片和纯度很高的色彩作为背景色，同时背景色要与文字的色彩对比强烈一些。 6色彩的数量 一般初学者在设计网页时往往使用多种颜色，使网页变得很“花”，缺乏统 一和协调，表面上看起来很花哨，但缺乏内在的美感。事实上，网站用色并不是越多越好，一般控制在三种色彩以内，通过调整色彩的各种属性来产生变化。 2.3网页设计中的色彩运用 2.3.1主题色和辅助色的合理运用 1主题色的运用 主题色是代表站点形象的最主要的色彩。它可以是一种或一组色彩。不同的主题色定位不同的色彩格调。选择何种颜色作为主题色, 需要视网站的具体情况而定。 (1>明确网站的主题、服务对象及用色彩要表达的目的 要确定一个网页用什么色彩合适, 你必须要先弄明白该网站的主题和它的服务对象, 以及你通过色彩希望达到的目的。如 ht t p : / /www. barb i e . co m网站的服务对象主要是儿童, 其网页设计不仅采用卡通和声音等众多形式, 还选择了非常鲜艳活泼的色彩。如餐饮业网站的设计也是很特殊的一类,餐饮网站多以橘红、橙黄系色彩为主色调,这种色调很容易让人产生食欲, 并且食物通常让人感受到的是实实在在的体贴,所以用些让人温暖的颜色。 (2>根据企业形象决定主题色 对于很多企业、机构及团体来说,他们的网站形象实际上是自身整体形象的一部分,这类站点的主题色一般可用公司的标准色,这符合公司的形象战略,可以提升公司形象。如 htt p : / /www.m cdonalds . com网站的色彩就是其公司的标准色红和黄。再如可口可乐公司的网站选用的是大红色, 因为可口可乐给人的一贯形象就是大红色,红色产生的激情也正如其公司推出的产品——可乐,让人兴奋, 与消费者产生共鸣。 2 辅助色的运用 在建设网站、组建页面的过程中, 经常要使用主题色以外的其他色彩,用来增加页面的色彩层次或帮助实现某项功能, 这就需要定义辅助色。辅助色的面积虽小, 却起着缓冲和强调的作用。辅助色能让页面有生气、有趣味,使主色调流畅, 辅助色与主色调搭配合理,可使整个页面特色鲜明,引人入目。 (1>辅助色的取用要与主题色和谐 辅助色的取用应当建立在与主题色有内在规律的关联上, 既要保持相互之间和谐,又要辅助主题色的统帅地位。辅助色与主题色共同构成站点的标准色彩, 其基调则决定网页的整体色彩风格。 (2>根据主题色选择辅助色彩 主调色确定后, 可选一至两种辅助色配合使用, 整个网页的色彩最好控制在三色之内。网页的辅助色可用主调色的邻近色,也可用对比色。如 htt p : / /www. a llreci pes . com是一个烹饪网站,网站的主色调采用黄色调, 辅助色用其邻近的红色, 给人香甜的感觉,符合烹饪网站的特色。 2.3.2静态色和动态色的合理运用 在一个完整展现的 w eb页面内, 大多包含静态和动态两类元素。以其呈现方式是否包含变化为依据, 可以将网页中的色彩分为动态色和静态色两类。动态色彩又可分为以时间为条件变化的色彩和以交互因素为条件变化的色彩共两类。 1动态色的运用 (1>以时间为条件变化的动态色——闪烁 排除动画因素外,网页中以时间为条件变化的色彩主要指闪烁。闪烁是一种色彩的动态效果, 能够有效引起注意与烘托气氛。闪烁分为单色闪烁和颜色闪烁, 前者指单一色彩的亮度变化。后者指不同颜色形成的动态变化。闪烁主要用来吸引注意,低频率、小色彩范围的闪烁也被用来活跃画面。 决定闪烁效果的因素首先是闪烁的频率。越快速的闪烁吸引视线的能力越强,急促和不安的感觉也相应增强, 缓慢的闪烁则具有柔美和抒情的意味。其次是闪烁色彩变化的幅度。闪烁色彩明度越大越引人注目, 在页面中的跳跃度也高, 明度变化越小的闪烁相对含蓄柔和。在颜色闪烁中, 两极色彩在色环上的夹角越大,闪烁越引人注目。临近色的闪烁优美、内敛, 原色和补色闪烁则最为强烈。闪烁的色彩为红、黄系的暖色时, 其热门、突出的感觉强,为冷色时则可能有神秘感。在网页中使用闪烁效果时, 需注意闪烁频率、色彩的明度和色相变化范围与整个页面内容、风格的协调性。闪烁无论出现在何种位置都会不断吸引视线, 因而在使用时要格外注意闪烁范围与周围其它元素的平衡关系。 (2>包含交互因素的动态色 网页中包含交互因素的动态色常见于按钮、热区、超文本等具有交互功能的屏幕对话构件中, 常用的色彩变化包括亮度、反色和特殊颜色。例如当光标移至感应区域时, 按钮或文本变为较之前明亮、高饱和度的色彩或对比色以吸引注意。对于已点击过的内容, 则以区别于未点击色彩, 但亮度、饱和度较低的颜色显示, 既可有所区别,又不至于造成过度的视觉干扰。 2静态色的运用 静态色主要指静止不动的颜色, 静态色又以静态文本的颜色为主。静态文本是功能相对单纯的阅读型文本, 在网页中常以大段文字的形式出现。对于感兴趣的文字内容, 浏览者需要集中注意力和花费时间, 因此这类文本与背景的颜色搭配应以易于提取信息、利于减小视觉疲劳为原则。 若眼睛同时聚焦于两种对比明显的鲜艳彩色上, 眼睛周围的肌肉会特别紧张。一些鲜艳补色、准补色的组合方式是不利于用户阅读的, 例如紫色为背景的黄色显示, 绿色为背景的紫红色显示, 以及纯红与纯蓝色的组合。 相对于注视无彩色, 人们持续注视鲜艳的彩色更容易疲劳和厌烦。一般而言, 底色与文字色的色彩跳跃度越低, 即越接近无彩色,越有利于长时间阅读。越高明度差的色彩搭配, 越具有高认识度, 用户也就越易于从中获取信息。低纯度、高明度对比的文本与背景搭配, 是适用于静态文本的显示色彩。在无彩色的搭配中, 白底黑字的显示方式可读性更强。 第三章总结 随着互联网发展步伐的进一步加快,在互联网这个大家庭中新网站会像雨后 春笋般层出不穷, 行业竞争也会越来越激烈。无论网站还是浏览者对网页设计的要求都会越来越高, 网页不仅被当作信息的载体, 还被认为是艺术品, 要求实用性与美观性于一体。所以作为一个网页设计者, 一定要深深懂得网页色彩的重要性, 充分利用色彩,创作出既规范合理又赏心悦目的美的网页。 参考文献: [ 1] 郭洁恩. 网页色彩表现研究 [ D]. 西安美术学院, 2007 . 3 ,P28- P30 . [ 2] 王庆斌, 张福昌. 现代网页色彩设计 [ J]. 无锡轻工大学学报, 2001 . 6 , 2( 2>: P26 . [ 3] 张秀杰. 个性化网页设计技巧 [ J]. 黑龙江畜牧兽医职业学院学报, 2006 . 12 , P59- P60 . [ 4] 董海斌, 王家民. 网页界面中的色彩设计 [ J]. 艺术理论,2007 . 11 , P78- P79 . [ 5] 李立伟. 浅谈网页色彩设计 [ J]. 郑州轻工业学院学报,2007 . 2 , P76 . 参考文献 范小春.周小瓯.色彩理论.[J].色彩构成教程.2004(9>. 网页设计心得体会范文 现在，计算机和网络已经深入到了我们生活中的方方面面，也已经成了生活中不可缺少的一部分。你知道网页设计心得体会范文是什么吗?接下来就是OK为大家的关于网页设计心得体会范文，供大家阅读! 网络成了我们获取知识和信息的一种便捷工具，现在的网民也在不断的增多，所以，了解和学习网络知识是我们作为一名大学生迫切所需的， 网页设计心得体会。我利用寒假的时间，对网页设计进行了初步的认识和了解，并基本掌握Dreamweaver的应用。 通过对网页设计书籍的翻阅，我学习到了一些关于建设网站和制作网页的知识，在实践查阅资料时，对flash也有所了解。我还了解了一些基础的网络技术。通过学习，我对计算机有了更深层次得到了解，也有了更浓厚的兴趣。尤其是对网页制作的过程与一些技巧手法更有了另外一番了解，对网页制作的基础知识也有了一定的掌握。在这个过程中，我同样认识到网页设计不是一门学科的独秀，而是多种课程的综合，他是、Flash、Fireworks等网页软件的综合应用。 下面阐述一下我在翻阅《Dreamweaver》时的一些关于网页设计的见解。在具体的制作一个网页时我了解到一个优秀的网页设计应该具备一些基本原则。 首先，要·确定网页设计的内容一个优秀的风站要有一个明确的主题。整个网站围绕这个主题,也就是你在网页设计之前要明确你这个网站有什么目的,用来做什么，所有页面都是围绕着这个内容来制作，有了明确的内容对排名有很重要的作用;其次，要了解你网站所在行业的客户，及你的网页属于哪个类别。用户是一个网站成败的关键,如果用户要花很多时间进入你网站很有可能用户会立即关掉你网站,或者你网站操作很不方便用户也会马上离开,这种网站是很失败的设计,只会让用户失望的离去. 在完成以上的基本内容之后网页的基本框架便成形成了， 下面要开始的便是优化工作， 内容是整个网页的核心。在网页设计之前必须明确网页的内容安排。优秀网页设计是要建立在平凡的基础上的。然后在具体的规划一个网页时，可以用树状结构先把每个页面的内容大纲列出来，尤其要制作一个大的网站 (有很多页面) 的时候，特别需要把这个架构规划好，也要考虑到以后可能的扩充性，免得做好以后又要一改 交通职业技术学院院团委信息学院团总支学生会 一、活动主题： 以“活力Show 炫动学院风”为主题 二、指导思想： 1、为了使同学们在信息化发展的道路上，学以致用，熟能生巧 2、创建一流校风、学风，丰富同学们的交院生活，发挥当代大学生 的创造力，提高广大学生的电脑技术水平，挖掘校园网络人才。 3、丰富校园的业余生活，体现当代大学生进取、博学创新、积极向上的精神。 三、参赛作品要求 1、充分体现本次活动的主题当代大学生为主。 2、作品容健康向上，符合本次比赛作品征集要求 3、制作网页不限制；通过合理运用网页设计的各种技术，体现良好的艺术性和实用性； 4、页面深度必须在3层左右，网页的总页面数不少于10页，全部文件的总容量不超过20m； 5、要求能在winXX或winxp操作系统上运行。显示分辨率以800（自第一文网.diyifanwen.，请保留此标记。）×600或1024×768，网页采用internet explorer5.0以上浏览。 6、使用简体中文字库系统。 7、网页规模：网页的深度至少包括二级页面，以3~5个页面为适宜。 8、作品中所有文件均要以小写字母或阿拉伯数字命名，包括文件名及其后缀名。 9、作品制作规符合要求；作品首页请一律采用index 文件名 六、活动对象及形式： 1、活动对象：交通学院的所有师生 2、活动形式：各分院至少有三支团队参与，可以自由组队 （每队限3人）参与，感兴趣的同学也可以另外参赛。 3、报名方式：以分院为单位进行报名。 4、报名表上交日期：11月15日之前上交 5、作品上交时间：12月1日之前上交 七、主办单位： 交通职业技术学院院团委 八、承办单位： 信息学院团总支学生会 九、活动时间： 2012年11月中旬到12月初 十、活动地点： 交通职业技术学院 前期宣传： 1、11月15日前，做好此次活动的主题宣传。 2、各分院宣传部负责11月15日前制作1本次活动宣传海报在各分院宣传栏进行贴。 3、各分院学生会负责对本分院各班进行宣传，鼓励同学积极参加，并要求各班班长、团支书至少推荐一人负责网页的制作，每 班各留一报名表。 精品网页设计欣赏及评析 1.商业清爽型 国外现在较流行的风格，国内也有不少模范者，可是往往在色彩调配和细节方面有所欠缺。图一图二特点：利用方框构图，简介明了，图片一般大面积出现，但图片一定要结构清晰，色彩鲜明色彩方面多使用大面积浅灰度和白色，以衬托logo 和配图的色彩鲜艳，配以高明度小小色块（如导航处）。因为结构构图简单，细节方面一定要讲究，不适宜有过于复杂的logo 和点缀出现，多用简洁明快的几何图形结合。一般此类风格背景如果是彩色，都会是低纯度低亮度彩色，以反衬主题图片和logo。在大面积背景压住的情况下，图片明度越高越爽。画面应该有一个主色调。注意图二左下脚的logo，有意与背景色调相同，以免抢了视觉中心，这是很多人常犯的错误。图三注意细节图案的使用，这是大多数设计者弱点所在，细直线条与箭头、方块、园点不要乱用，每个点的存在你都要有理由。 2. 商业门户型现在的商业门户网站在几乎都是三栏，上面是logo＋banner 。其实门户网站因为信息大，更新频繁，在设计时应该充分考虑可扩展性，我认为可以充分利用下拉特性，充分考虑左上位置的设计，主体争取结构明了简洁。下面我们一起来看看几个门户网站的设计。图四所示的这个网站是卡通网站，广告栏很大，但通过精心设计使之醒目而不凌乱。图片统一使用斜角，统一又不呆板。图五所示网站使用曲线与直线的结合，蓝灰色主色，画面沉静而不脏，这里的色彩难度很高，需要细心调试，色块分割，简单明了。图六所示网站主题部分简之又简，在背景上做足了功夫，轻轻的灰度变化，是现在国际流行的风格，高雅，不花，充分烘托主体。图四图五图六 3. IT 企业实用模板图七图八图九图十 4. 时尚企业网站模板图十一图十二 5. 主题型实用网站模板图十三上图所示模板其logo 和图片以及其绿色的主色调与动物园的环境和业务非常贴切。美食业务主题网站，布局合理大方，整体设计“色香味”俱全，主题鲜明，功能齐全。 6. 学校教育型模板图十四图十五 7. 儿童主题型网站模板图十六图十七图十八图十九 8. 个人个性化网站模板 以下的10个网页设计作品是ThemeForest上最受欢迎的优秀企业网站设计模板的其中一小部分。它们风格低调沉稳，几乎只使用黑白灰三种色彩，却不雷同，并且在细节上都非常讲究。ThemeForest是非常值得网页设计师关注的高品质网站，其上的几乎每一个设计模板都称得上是杰出的设计作品，值得我们认真揣摩学习。这篇文章里我将根据自己的观点对这10个设计模板的设计思路和方法做一总结，列出其中的要点，挖掘值得我们在网页设计中值得借鉴的东西，希望能够对大家有所帮助。 实训周网站设计个人总结 通过本周的实训，在老师的热心指导和精心培养下，我不仅在知识上有了很大的提升而且在心得上也是收获颇多。本次实训的目的旨在检验我们在平常学习中所学知识、将上课所学的理论知识在实践中巩固掌握以及进一步熟悉和掌握网页设计与网页制作的基本流程。 回顾这次课程设计，至今我仍感慨颇多，的确，从选题到开始制作，从理论到实践，在5天实训的日子里，可以说得是苦多于甜，但是可以学到很多很多的的东西，同时不仅可以巩固了以前所学过的知识，而且学到了很多在书本上所没有学到过的知识。通过这次课程设计使我懂得了理论与实际相结合是很重要的，只有理论知识是远远不够的，只有把所学的理论知识与实践相结合起来，从理论中得出结论，才能真正为掌握技术，从而提高自己的实际动手能力和独立思考的能力。 在设计的过程中遇到问题，可以说得是困难重重，在制作网页过程中难免会遇到过各种各样的问题，就本次实训问题总结如下： 在div布局中，我熟练的运用了css样式类和ID建立和配合使用。在布局插入图片时，div被撑开，整体布局因此而受影响。通过类和id配合的使用，重新定义div的大小，通过设置div中类的方框对话框中，设置div的边框值，从而改进了div的显示位置，解决了被撑开的缺点。 在第三天时，通过老师的指点，我们对网页的背景做了更改，部分网页部件也做了相应的调整，因此，工作变得更加紧张而又有序。通过一天的设置和改进，网页的整体色调柔和，各个部分相对比较和谐，充满了儿童摄影的气息。 当然网页还存在一定的不足：后台数据库不能进行多条显示。进行修改之后，能进行多条显示，但静态效果无法浏览到数据表内容。产生这一原因的后果，使用了dreamweaver sc5和dreamweaver sc3。可能是因为版本的不兼容所造成。最后放弃了设计界面的美观度，选择了浏览界面的完整。通过修改代码：While ((Repeat1__numRows <>0) AND (NOT Recordset1.EOF)) %> 网页设计心得体会范文
大学生网页设计策划书
精品网页设计欣赏及评析
网页设计个人总结
<%<%=(Recordset1.Fields.Item("id").Value)%> <%=(Recordset1.Fields.Item("neirong").Value)%> <%=(Recordset1.Fields.Item("liuyanzhe").Value)%> <%=(Recordset1.Fields.Item("riqi").Value)%>
网页设计心得体会 网页设计心得体会一：学习网页设计和制作的心得体会 我在网上进行的逻辑教学工作已经完成了，闲暇无事之余，便想将个人的主页——《思东书屋》重新进行一下规划和设计，为此购买了几本有关网页设计和制作的书籍，开始学习网页的基本语言HTML。尽管网页制作方法早已经从最简单的文本编辑器发展到可视化的网页编辑工具，但是，编辑形式的改变并没有影响到HTML语言的整体结构，它只是简化了编程方式，用直观的具体形式取代了传统的不可见的抽象形式。 这就如同哲学理论自身发展的两个阶段——理性的思辨和直观的图像一样。目前，人们对用图像解说认识过程和逻辑规则还缺乏深刻的认识，总是习惯于语言表达方式，不知道语言表达的缺陷是片面性和抽象性，而图像形式则具有直观性和具体性这一特点。如今我们生活的时代已经进入到互联网的动漫时代，此时抽象的语言表达方式与时代发展的脉搏呈现出极不同步的状态，这种表达方式远远落后于时代科学技术创新和发展取得的成果，它明显地缺乏与时俱进的特点。人们只要看看有关系统论的教材，就会被书中展示的图形和图像所吸引。由此看来，作为时代的哲学理论也应该充分利用电脑给人们带来的多媒体技术，通过编制幻灯片、动画片和电脑仿真模式展开既直观又生动的教学，只有这样做才能使哲学理论跟上时代发展的步伐，真正做到与时俱进。 从互联网的操作平台和编程语言的发展过程中我们可以清楚地看到，逻辑思维在当今时代具有的重要作用和能够发挥出来的巨大威力。没有逻辑思维能力的提高，就不会导致多媒体的产生和动漫世界无处不在的现象出现。互联网的发展不仅改变了当今的世界面貌，它同时也改变了人类自身固有的静态思维模式。在当今时代，老子大道强调的真实逻辑在互联网的演化过程中已经充分显露出来。 从框架结构、层次关系和语句之间的嵌套关系中，我们可以看到老子的一个圆圈模式自身具有的应用价值。如果我们将人类思维具有的三种逻辑规则以直观形象的实例展示出来，那么，语言逻辑就是人们在日常生活和工作中使用的逻辑规则，例如刑侦逻辑，它总是强调分析和判断的结果要与真实的作案过程同一起来。表述形式要求清晰性、条理性和无矛盾性，可见，强调无矛盾的同一律是语言逻辑的特点：思维和存在二者直接同一是语言逻辑的属性，表述形式和表述内容之间不允许出现对立性和矛盾性。由此构成形式逻辑同一律的实质。 数理逻辑是计算机硬件自身具有的逻辑规则，它把握了中央处理器CPU、信息交换的存
网页设计心得体会 做出一个好的网页一般都离不开dreamweaver, flash, photoshop这三个软件,当然,还可以用到其他一些辅助软件就会加快网页的设计了,比如: SothinkDHTMLMenu, Sothink_Logo_Maker 等软件,这些软件不仅可以快速开发出导航,logo等,而且很漂亮，美观. 制作网页, 首先是确定主题, 每一版块都有其个性的色彩，清晰明了，便于阅读浏览，大致分几部分，每一部分又分几小部分，内容比较充分，多样。内容精彩丰富，简洁明快，语言风趣，通俗易懂。页面可爱清爽。 而我们这次的实习就是用这几款软件来设计，主要使用div+css来布局，避开传统的table(表格)布局 DIV+CSS 的网页布局对SEO 的好处一、不存在表格的嵌套问题:很多“网站如何推广”的文章中称，搜索引擎一般不抓取三层以上的表格嵌套，这一点一直没有得到搜索引擎相关的官方证实。我的几项实验结果没有完全出来，但根据目前掌握的情况来看，Spider 爬行Table 布局的页面，遇到多层表格嵌套时，会跳过嵌套的内容或直接放弃整个页面。 使用Table 布局，为了达到一定的视觉效果，不得不套用多个表格。如果嵌套的表格中是核心内容，蜘蛛(Spider) 爬行时跳过了这一段没有抓取到页面的核心，这个页面就成了相似页面。网站中过多的相似页面会影响排名及域名信任度。 DIV+CSS 的网页布局对SEO 的好处二、精简的代码使用DIVCSS 布局，页面代码精简，这一点相信对XHTML 有所了解的都知道。观看更多的HTML 教程内容。 代码精简所带来的直接好处有两点：一是提高蜘蛛(Spider) 爬行效率，能在最短的时间内爬完整个页面，这样对收录质量有一定好处;二是由于能高效的爬行，就会受到蜘蛛(Spider)欢迎，这样对收录数量有很大好处。 而DIV+CSS 布局基本上不会存在这样的问题，从技术角度来说，XHTML 在控制样式时也不需要过多的嵌套。这虽然没有得到确认，但还是建议使用 Table 布局的朋友们，在设计时尽可能的不要使用多层表格嵌套，SEOer(seo 工作者们)们在文章中说明了这一点，相信他们也不是没有依据。
学习网页设计心得体会5篇 学习网页设计心得体会一:网页设计心得体会现在,计算机和网络已经深入到了我们生活中的方方面面,也已经成了生活中不可缺少的一部分,网络成了我们获取知识和信息的一种便捷工具,现在的网民也在不断的增多,所以,了解和学习网络知识是我们作为一名大学生迫切所需的, 网页设计心得体会。我利用寒假的时间,对网页设计进行了初步的认识和了解,并基本掌握dreamweaver的应用。 通过对网页设计书籍的翻阅,我学习到了一些关于建设网站和制作网页的知识,在实践查阅资料时,对flash也有所了解。我还了解了一些基础的网络技术。通过学习,我对计算机有了更深层次得到了解,也有了更浓厚的兴趣。尤其是对网页制作的过程与一些技巧手法更有了另外一番了解,对网页制作的基础知识也有了一定的掌握。在这个过程中,我同样认识到网页设计不是一门学科的独秀,而是多种课程的综合,他是、flash、fireworks等网页软件的综合应用。 下面阐述一下我在翻阅《dreamweaver》时的一些关于网页设计的见解。在具体的制作一个网页时我了解到一个优秀的网页设计应该具备一些基本原则。 首先,要·确定网页设计的内容一个优秀的风站要有一个明确的主题。整个网站围绕这个主题,也就是你在网页设计之前要明确你这个网站有什么目的,用来做什么,所有页面都是围绕着这个内容来制作,有了明确的内容对排名有很重要的作用;其次,要了解你网站所在行业的客户,及你的网页属于哪个类别。用户是一个网站成败的关键,如果用户要花很多时间进入你网站很有可能用户会立即关掉你网站,或者你网站操作很不方便用户也会马上离开,这种网站是很失败的设计,只会让用户失望的离去. 在完成以上的基本内容之后网页的基本框架便成形成了, 下面要开始的便是优化工作, 内容是整个网页的核心。在网页设计之前必须明确网页的内容安排。优秀网页设计是要建立在平凡的基础上的。然后在具体的规划一个网页时,可以用树状结构先把每个页面的内容大纲列出来,尤其要制作一个大的网站(有很多页面) 的时候,特别需要把这个架构规划好,也要考虑到以后可能的扩充性,免得做好以后又要一改再改整个网站的架构,很浪费时间和财力。大纲列出来后,还必须考虑每个页面之间的链接关系。是星形,树形,或是网形链接。这也是判别一个网站优劣的重要标志。链接混乱,层次不清的站点会造成浏览困难,影响内容的发挥。框架定下来了,然后开始一步一步有条理,有次序地做来,就胸有成竹得多,也会为主页将来发展打下良好的基础。下一步,就以动手制作具体内容了,题材选定,框架选定,接下来就开始往
网页设计心得体会 跟学习别的东西一样，学习网页设计也需要兴趣，所谓的兴趣也不是三分钟热度，是一种执著。 学习网页设计需要耐心，如果你没有耐心，你学不好网页设计，应为当你碰到一个问题时，如果不能立刻 得到问题的答案，你可能需要很长时间去解决，我就碰到过一个问题，用了半个月时间才解决。 学习网页设计需要坚持，坚持不断的学习，因为设计网页的软件在不断的更新，你不断的学习
不要掉入技术的陷阱，你的网页设计技术一流，你对软件的掌握程度已经达到一定水平，但是你设计的网 页确不堪目睹，这是因为网页设计是是介于平面设计和编程技术两者之间的”边缘科学.”不仅涉及到美学, 心理学,平面构成,色彩搭配等平面设计的方面的知识,还涉及到html,javascript,css,asp,php等编程语言 技术方面的知识.只有综合运用多种知识,才能设计出视听特效,动感十足,富于个性的web页面,才能全面展 现互联网这一新型媒体的独特魅力和多维空间的超强功能. 注重实用，个人认为网页设计应该注重实用性，因为它是让人浏览的，
是用户可以抚摸，可以评论，可以 交互的。我提倡简单的美。 申明我也是个网页设计初学者，并不是什么设计名师，这是我个人的灼见。有什么不对的地方，还请大家 见谅。 网页设计心得体会： 现在，计算机和网络已经深入到了我们生活中的方方面面，也已经成了生活中不可缺少的一部分，网络成了我们获取知识和信息的一种便捷工具，现在的网民也在不断的增多，所以，了解和学习网络知识是我们作为一名大学生迫切所需的。 这学期选择的这门课程让我学到了不少关于计算机和网络的知识。老师把课程内容安排的很合理，讲的大都是很基础的知识，这对于像我这样对网络了解不多的学生来说很容易理解，接受。
网页制作心得体会 一。、学习目的： 随着计算机的出现，网络技术迅猛发展，同时我们的生活也越来越依赖网络。因此，Internet 成为人们快速获取的平台，在此基础上，网页也迅速发展，它作为上网的重要依托，已经被称为公认的宝贵资源，我们上网浏览网页，80%都是网页。网页制作便捷、丰富，所以我认为掌握好网页设计技术非常重要。 因为自己对网页及网站知识的茫然，在本学期我选择了网页制作选修课。在上第一次课时我就知道自己的选择没有错，通过这门课一定会学到好多知识，事实证明确实是这样的。我的收获非常大. “光阴似箭日月如梭”，转瞬之间这个学期接近尾声，在老师的耐心教导下度过了这个学期。老师非常有耐心，总是一遍又一遍的教导。在学习网页制作的这几个课时里，虽然课时不多，但是学好这门课程非常不容易，于是买了老师讲课用的书，利用课余时间，全心全意投入到网页的世界中，去不断的学习，不断的探索，不断的充实着完善自我。 二、收获 在我没有选修这门课程之前，我对网页及网站的了解知识停留在肤浅的彼岸层上，那会还一度认为网站是一门非常高深的很难学会的课程。但是经过对这门课程的学习后，我懂得并深入了解了网页制作的流程及网站的结构。 在老师生动有趣的讲解网络的大体之后，让我们对网络更是有浓厚的兴趣。在课堂上我们知道了怎么制作网页，怎么让网页更加美观，主流网页的一些设计成功之处。使我们的视野开阔了很多。也可以用一些专业词语来交流沟通。有些时候我们真的有点感觉到自己就是一个很了解网页的“内行人”。但是对有些很专业的人来说，我们只是了解了网络设计的设计流程和一些操作方法。老师还用多媒体给我们教程。让我们能够看到顶尖级的网页设计高手的设计教
网页设计课程设计心得 网页设计，是根据企业希望向浏览者传递的信息，进行网站功能策划，然后进行的页面设计美化工作。作为企业对外宣传物料的其中一种，精美的网页设计，对于提升企业的互联网品牌形象至关重要。下面是小编整理的网页设计课程设计心得，希望对你有所帮助！ 21世纪的时期，中国的网络正在实飞猛进，大多的企业都是通过建立网站来进入企业宣传，通过企业网站来打广告，宣传产品、品牌推广，促进销售等方法来实现企业营利的目的。所以，中国的互联网在中国的近几年来，有了非常大的发展空间，如“网上商店”“网上服务”“网络资源”非常的流行。所以网页设计师中一个紧缺的人才。对一个企业来说，做好一个网站是必不可少的。我们现在做为电子商务专业的，我们的最终目标是针对全球这个大的市场，还有这个网络市场。作为一个企业的管理者，应当为自己设计一个能够促进销而且能够代表我们企业的形象、宣传我们企业最新出来的产品的这么一个网站。 我们学了一个学期的网页设计，这周我们开始实践我们专用的计划如下： 第一天：网页设计与布局。网页的题材自己定，可以任选。 第二天：准备材料。建立站点，将所有的题材放到自己
所建立好的站点里去，以便在做的可以更方便、快捷的应用到网页中，提高速率。 第三天：将所在准备的材料一起联接起来，放到自己的所设计的布局结构中。再做二级网页，建立超链接，把一级和二级网页连接起来。 第四天：将所做的网页进行整理、调试、发布。在网站上申请一个空间，将自己做的网页传到网上去。 第五天：写实习报告。将写好的实习报告打成电子文档，传到老师处，审查。 网页的布局指的是网页的整体架构，也就是排版。在一个被别人打开网页之后，如何才能突出我们网站里面最重要的内容，即让用户第一眼就看到这个网页所想要传达的信息和内容。这首先就要从网页布局做起. 我觉得网页布局应当注意以下几点：1、整个网页的长和宽的比例，2、导航条的设置，3、正文的框架结构。我的这个上网页中，我的大体布局就是“F“型的。从我的首页上看上去虽然有点乱的感觉，但整个的布局是清楚的，乱而有型。在大多数企业网站中的布局都是大同小异，但是它们做出来的效果显得非常的完美，所也是他们企业的成功之处所在。因此，一个网页布局是一个非常重要的一个工作。 网页的设计不仅需要学好网页设计软件的方法，还需要和其它的软件一起使用，如动画设计软件，静态图像处理软
网页设计实训心得1 从学校毕业后，我第一次步入了社会，从此开始了面对社会、工作的生活。刚刚走入社会的我是一个性格有些内向的人，面对陌生的人，我不善言辞，不会给自己的外表进行很好的包装，不适合做那些销售、接待的工作，只有技术类的工作，少说多干的活适合我，这个我很清楚。现在，中国每年都有很多毕业的大学生找不到工作，我也不例外，所以，这第一次实习工作肯定不会太好找，但是相反，我的运气还不错。找到了一份网页设计的工作。现将我在工作中的情况报告如下。 一、工作介绍 我工作的这家公司，从事网站开发工作的，公司在技术团队这部分是比较正规的，一般是五到六人为一个小组，小组中有明确分工，有负责联系客户接恰生意的，有专门做技术的，而在技术这块分为网站前台、后台开发，我在学校主要做的是后台开发，当然前台设计工作也还算熟练，但不是很精通。我们这个小组一般接下的活都是一些小型网站的开发工作，这样的网站技术难度不大，而且工作周期短，有相当一部分的，只需要通过cms软件就可以进行开发。但是有个别的网站开发时，我们还是需要进行一些手写代码工作的。 二、开发技术 做为一个刚毕业的大学生，我的知识储备肯定有不足的地方，毕竟学校教的东西肯定会有一部分和社会是脱节的，但好在我的领导对于我没有太多的要求，他只是要求我尽快的适应公司的工作和生活，在短时间内熟练的掌握相关技术，干好本职工作。 在大学里对一个学生来说什么是最重要的，那就是学习能力。要知道，这个世界上，知识在发展，人类在进步，每天都在进行日新月异的变化，我们的知识储备总会有不够的地方，但是一定要有学习能力，将不会知识快速掌握，只有这样才能占据主动，减少被动情况的尴尬发生，通过二个星期的时间，我成功的适应了公司的工作和生活节奏，每天早九点上班，晚17：30下班，中午休息一个半小时，每周还有两天假期。我利用业余时间，抓紧学习，将工作中所需要的技术进行了强化学习，其实这些东西在学校的时候就接触过，只是不精通。那个时候学的东西多，难免有个主次之分，这次工作了，才知道哪个应该多学点，但好
电子商务网站设计策划书方案 一、企业建立电子商务网站的必要性 现在网络的发展已呈现商业化、全民化、全球化的趋势。电子商务（e-Commerce）交易的个性化、自由化可为企业创造无限商机，降低成本，同时可以更好地建立同客户、经销商及合作伙伴的关系，为此，许多公司积极拓展电子商务，为客户服务，进行价值链集成。如今网络已成为企业进行竞争的战略手段。企业经营的多元化拓展，企业规模的进一步扩大，对于企业的管理、业务扩展、企业品牌形象等提供了更高的要求。 作为专业的从事数码产品生产、销售的大型企业，***数码产品有限公司更需要建设好网站，将其作为对外宣传、服务的载体，来配合公司的发展和需要，使网站具有鲜明的行业特色，使更多的客户通过网络来结盟***数码产品有限公司。 二、企业电子商务网站的服务对象 （1）网站的服务对象主要是客户和供应商。 按客户的区域市场分析，表现为东强西弱，需求变化将具体体现为：经济发达的华东、华北、华南地区产品需求旺盛，个人和家庭用户需求为主；经济欠发达西部地区需求较少。
按客户结构分析，因为数码产品主要是时尚产品，用户主要集中在中青年和学生群体上，这个群体的需求较旺盛。 （2）企业内部人员也是网站的重要服务对象。企业各个部门的人员可以通过网站了产品的销售情况和其他部门的处境，以更好地进行协调。 三、企业电子商务网站的目标 （1）帮助企业建立有效的企业形象宣传、企业风采展示、公司产品宣传，打造“***数码产品有限公司的新形象。对于一个以数码产品销售为主的大型企业而言，企业的品牌形象至关重要。特别是对于互联网技术高度发展的今天，大多客户都是通过网络来了解企业产品、企业形象及企业实力，因此，企业网站的形象往往决定了客户对企业产品的信心。建立具有国际水准的网站能够极大的提升企业的整体形象。 （2）充分利用网络快捷、跨地域优势进行信息传递，对公司的新闻进行及时的报道。产品信息通过网站的先进设计，既有报纸信息量大的优点，又结合了电视声、光、电的综合刺激优势，可以牢牢地吸引住目标对象。因此，产品信息传播的有效性将远远提高，同时亦即是提高了产品的销售力。 （3）通过在线供求系统实现网上的供求信息的查询、订购、交易联系，优化信息的流通渠道。在现阶段，传统的售后服务手段已经远远不能满足客户的需要，为消费者提供
____________________________________________________________________________________________ 网页设计经典作品欣赏 大同小异的网页设计已经让你视觉疲劳了吧，加入不规则几何形状的网页设计也许能让你的眼睛重获新鲜感。几何元素的融入不仅让网页变得高大上，也在无形中突出了网页中的某些内容，这样的突出方式并不单薄无力，反而让网页看起来更自然。一网学，致力于网页设计培训、UI设计培训、淘宝美工培训，平面设计培训，是最好的远程设计培训学校。 没有人会对沉闷的网页产生兴趣，而几何图形恰巧能在增强视觉体验的同时营造出活跃的氛围。我们为大家找到了14个融入了几何元素的网页设计，尽情享受吧！ Ondo Ondo的网站选用了较为鲜艳的色彩，再加以特别的效果，让用户在浏览时得到了一种别样的视觉感受。如果上一个案例表达了宁静的主题，那么Ondo表达的就是城市中的现代繁华。 Wildlife 这个网站中的几何元素体现在各方各面，既有设计师的设计，同时，局部也拼凑了一些包含几何元素的真实图片。我们可以看出该设计师对不规则元素十分热爱，图片本身的形状也不是传统的中规中矩，让整个页面多了一种拼贴感。
____________________________________________________________________________________________ Wixel Wixel的网站运用了几何元素，增加了现代化元素。
____________________________________________________________________________________________ Kinder Fotografie 几何元素的叠加使用使画面富有层次感，大小不一的正六边形更是增添了活力。 LIGAYA SCAFF 几何元素的作用比较多元化，随着周围坏境色彩的变化，它也能随之显现出完全不同的效果。在这个案例中，几何元素释放了它的神秘感。半透明的图片设计让网页有了重叠感，而规则的几何也不会让网页很繁复。
一。、学习目的： 随着计算机的出现，网络技术迅猛发展，同时我们的生活也越来越依赖网络。因此，Internet 成为人们快速获取的平台，在此基础上，网页也迅速发展，它作为上网的重要依托，已经被称为公认的宝贵资源，我们上网浏览网页，80%都是网页。网页制作便捷、丰富，所以我认为掌握好网页设计技术非常重要。 因为自己对网页及网站知识的茫然，在本学期我选择了网页制作选修课。在上第一次课时我就知道自己的选择没有错，通过这门课一定会学到好多知识，事实证明确实是这样的。我的收获非常大. “光阴似箭日月如梭” ，转瞬之间这个学期接近尾声，在老师的耐心教导下度过了这个学期。老师非常有耐心，总是一遍又一遍的教导。在学习网页制作的这几个课时里，虽然课时不多，但是学好这门课程非常不容易，于是买了老师讲课用的书，利用课余时间，全心全意投入到网页的世界中，去不断的学习，不断的探索，不断的充实着完善自我。 二、收获 在我没有选修这门课程之前，我对网页及网站的了解知识停留在肤浅的彼岸层上，那会还一度认为网站是一门非常高深的很难学会的课程。但是经过对这门课程的学习后，我懂得并深入了解了网页制作的流程及网站的结构。 在老师生动有趣的讲解网络的大体之后，让我们对网络更是有浓厚的兴趣。在课堂上我们知道了怎么制作网页，怎么让网页更加美观，主流网页的一些设计成功之处。使我们的视野开阔了很多。也可以用一些专业词语来交流沟通。有些时候我们真的有点感觉到自己就是一个很了解网页的“内行人” 。但是对有些很专业的人来说，我们只是了解了网络设计的设计流程和一些操作方法。老师还用多媒体给我们教程。让我们能够看到顶尖级的网页设计高手的设计教程。实际的操作的演示让我们能过更清楚的知道每一个操作。更直观的让我们了解网页设计的全过程。在我们自己设计网页的时候也是一个很好的标准。在不知道怎么设计的时候我们会用网页设计教程来做参考。使得我们能够在课下也能温习自己不了解的炒作。 整个学期的网页学习，我大体了解了有关网页的基本概念，、网页的基本结构特性和网页的布局、胡制作的基本工具和开发语言、站点规划的基本流程，总体下来已经可以自己独立制作一个网页了。 网页设计的理念和要点。网页设计理念：（1）内容决定形式：先把内容充实上，再分区块，再定色调，再处理细节。（2）先整体，后局部，最后回归到整体：全局考虑，把能填上的都填上，占位
个人网站设计活动策划书 一、功能定位：为了学习与交流，也为了更好的普及计算机以及网络的应用，结合本人需要，打算在网络上建立一个真正属于自己的网络家园，一个个人网站，在网站上我可以和很多朋友交流学习，并且可 __畅所欲言，吐露心声、 二、网站的规划，大致分为：“心情日记”、“网络素材”、“个人信息”、“与我联系”、“论坛入口”等板块、 “心情日记”：主要介绍了我的生活习惯，以及我为人出事的态度或性格，提供给关心我的朋友们做了解。可以坦述出自己的生活中发现的最喜欢的东西。 “网络素材”：主要内容就是一些常用的工具素材。声音，图象，音乐，视频，动画等内容 “个人信息”与“与我联系”：主要内容就是我的个人 __啦，在这其中，你可以通过个人方式联系到我，让我时时刻刻留在朋友身边。 “论坛入口”：主要就是谈论一些关于计算机以及网络的应用。如：Photoshop、Flash、Dreamweaver等软件的交流应用。
三：为我的网站加入声音，图象，音乐，视频，动画等内容，使网站更加绚丽，给朋友留下更深刻的印象。 四：申请自己的域名和空间同时也准备好联系用的邮箱和 __等网络便捷 __。 五：网站发布与推广：把自己的个人真实资料递交给中华人民__ __，进行相关的ISP或ICP备案，自此个人网站的全部工作已经结束，就可以向朋友们宣传我的个人网站了，并欢迎所有的朋友及网友来我的网站做客，并留下自己 __或感想。让网络真正步入我的生活。 六、费用： 1、域名和空间的费用：150元/年 2、网站推广费用：1000元 3、网站维护费用：100元/年 4、其他费用：200元
个人网站建设方案要明确主题，无论是宣传自己还是推销个人，在设计上可适当形成一种个人风格，要明确主次，主要的可放在显要位置、加粗或变颜色等。从而使浏览者第一时间产生视觉效果。达到好网站的要求，另外个人网站建设在设计上不要太过花，许多个人网站做得很花，看上去很不够专业，还有点让人讨厌的感觉，想想这样的网站能留住几个人。一个成功的个人网站，前期的准备工作是至关重要的，好的开始等于成功的一半。在这一阶段有三个主要的问题需要考虑： 对于个人网站建设前期的定位是相当重要，你必须了解你做这个网站的目的，是为了宣传自己还是展示自己的爱好，本人感觉最好是定位在自己感兴趣或者自己工作的行业中，这样自己可能会对所确定的主题行业了解的更多些，很多人在建站初期总是喜欢在主页里堆积大量感兴趣的内容，但个人的精力总是有限的，因为无力维护而导致站点更新缓慢、内容匮乏，与其这样，不如选定一个主题做出自己的风格，不求大而全，但求小而精。 目前大部分个人网站还使用空间，空间其一会插一些提供商的广告，其二速度慢，这些大家应该都知道本人感觉个人网站建设应该选择一款优惠的空间，其一相对稳定，其二有自己独立的域名。
网页设计心得体会报告 初期的网站都是由静态网页组成，网页中只有文字、图形、图像等，用户只能被动的接受这些信息。那时的web页面的核心是HTML，它编写很方便，不要求有特定的语言环境，可以有任何一种编辑器写好（如word、写字板、记事本），然后可以放到浏览器观看结果。现在HTML已经有很多专门的编辑软件，如Frontpage、Hotdog、Dreamweaver等。 HTML的历史最早可以追溯到20世纪40年代。在1945年，Vannevar Bush 在一篇文章中阐述了文本和文本之间通过超级链接相互关联的思想，并在文中给出了一种能实现信息关联的计算机Memex的设计方案。随后经过一系列的发展研究，1989年Tim Berners_Lee对SGML做了大刀阔斧的简化和完善，穿凿了最初的HTML，并用它在自己编写的图形化Web浏览器上看得到最早的web页面。 网页设计伴随着网络的快速发展而快速兴起，作为上网的主要依托，由于人们使用网络的频繁而变得非常重要。生活中我每天上网都要接触到网页，原来没有留意过网页的设计，但是经过这段时间的学习了解，现在我打开一个网页都会习惯性的先看看排版、布局和色彩运用。 通过老师的讲解和对课本的翻阅，我学习到了一些关于建设网站和制作网页的知识，对网页制作的基础知识也有了一定的掌握。通过Dreamweaver 制作网页，我用到了一些基本的功能：图片插入和对齐设置；文字的格式、颜色、背景颜色的设置等。但是在自己尝试着做的时候，总是出现这里那里的问题。不是图片不能固定在自己想要的位置，就是滚动文本的显示区域不知道为什么撑过了页面，还有就是不同分辨率、不同浏览器都会对浏览网页产生影响。而且在CSS方面，我总是不太熟悉各种代码是控制哪些东西的。除了查找解决问题我还总结了经验。例如：1、命名站点或者文件夹的的时候一定要注意，最好用相应的英语或者汉语拼音，要见名知意，如图片文件夹用image或者tu，这样可以避免页面调用时不正确的现象发生。2、调用Style 时可以单击鼠标右键选择Custon Style来调用Style标准，也可以在状态栏中的元素列表上单击右键来调用Style。虽然不同的方法达到的效果看似一样，但实际上产生的HTML代码则完全不同。在这个过程中，我同样认识到网页设计不是一门学科的独秀，而是多种课程的综合，它是Flash、Photoshop 等网页软件的综合应用。例如Flash提供了功能齐全的绘图和编辑图形工具。可以直接在编辑区里绘画，编辑修改非常灵活，它的另一大特点是“交互性”强。在动画播放时，可以用鼠标或键盘对动画的播放进行控制，可以很直观的反映出效果。 页面设计应以美观、大方、简洁为原则，保持一致的风格。为了达到最佳的视觉表现效果，应讲究整体布局的合理性，使浏览者有一个流畅的视觉体验。网页最主要的功能就是给每个上网者提供一种形式，让他们能够了解网站提供的信息。要研究网页设计，就需要站在用户的角度来看。用户是一个网站成败的关键。如果用户要花很多时间进入网站，很有可能他会立即关掉网站，或者网站操作很不方便用户也会马上离开，这种网站是很失败的设计，只会让用户失望的离去。所以网页容量即包括图像在内的网页字节数最好不要超过50K。 还涉及到界面弱化的问题。一个好的界面设计它的界面是弱化的，它突
网页设计策划书 031707205 项硕珊 一、项目立项背景： 1.当今市场分析： 在当今这个电子商务如此发达的市场经济环境下，越来越多的人不愿意走出家门而是更依赖于网络去了解社会动态，完成方方面面的工作事务。我们要做的就是满足那些寄希望于通过网络来购物的消费群体的期望。 2.网络营销优势分析： 网络营销的优势在于它能将下订单、发送货物以及支付费用等一系列传统营销的中间环节便捷化、准确化、反应快速化。而且网络营销就起来营销手段相比，推广起来也更加简单、迅速且影响范围广。我们正是需要利用电子商务的这些优势去推销自己的商品。 二、市场需求分析： 1. 需求分析： 我们的网站主要销售的是书籍。随着现在中国经济的告诉发展，人们也越来越高要求地追求精神文明的提高。再一方面，社会普遍对高学历的要求，也促使近几年来中小学教育书籍普遍热卖。所以现在想要买书的消费者很多，而且需要买书的人群也遍布各个年龄层。但是书店的书价也是节节攀升，我们可以利用网络销售省去的中间环节费用等优势补差一定的书费差额，以比市场售价便宜的书价来吸引消费者。 2.网站的市场定位： 首先我们要明确自己的行业类型是销售书籍，同时进行市场调研，了解到网站未来将要面对的客户群体是各个阶层的各个年龄层次的消费者。然后我们还需要知道各类消费者如今所关注的是那些内容的信息，近期国内国外以及社会上又发生了些什么，流行了些什么，人们更加希望了解和关注的是哪些内容。通过这些内容对网站内容和可供销售的书籍品种迅速进行调整以反应市场满足消费者。再者，我们需要对网页进行充分的设计和排版，使登
录我们网站的消费者能迅速查询定位于自己中意的产品，给消费者满意便捷的消费环境。 3.竞争对手分析： 现在社会上普遍卖书的网站有很多，如当当网、卓越等。它们已经在成长建设了多年后稳步进入了成熟期。我们应届时不断学习它们的优势之处，来帮助自己网页的建设和发展。 三、网站规划： 1.网站名称：雅玛多书局 2.网站目标： 短期目标：不断提高自身网络品牌的知名度与美誉度，扩大影响力加速传播速度。建设成熟健全的后台销售分销系统以反应快速转变的市场需求。在满足消费者需求的前提下使企业利润最大化，并建立售后服务系统。 长期目标：不断扩大消费群，保持住自己的忠诚客户数量，在此前提下不断挖掘新的潜在客户群。完善售后服务系统使本企业在业内拥有高水平的知名度和美誉度，让客户不仅对我们的产品满意更加对我们整个企业充满信任感。同时建设健全一套完整的物流机制，做到迅速发货满足客户，及时跟进网页更新内容。 3.网站建立基本原则： 1)整体规划合理，祝福菜单清晰 2)网站建设导向明确，重点突出 3)网站有良好的可扩充性 4)安全的运行环境 5)网站的促销功能得到明显体现 6)网站内容与企业内部资源信息相协调 7)提供全天24小时年终不休假的连续服务 8)支持多种客户终端 9)提供良好的售后服务
精美网页设计欣赏 篇一：40个精美网站设计欣赏 40个精美网站设计欣赏 这组网页设计有各种行业的，大家可以从中找下感觉，学习学习高手们是怎么构图，怎么用色的。 篇二：2015年度最受欢迎的的优秀网页设计网站! 2015 年度最受欢迎的的优秀网页设计网站！ 作者: 一网学最后更新时间：2015-12-17 10:20:27 小编：才看完2015最网页设计丑排行榜，有没有伤到各位的眼睛？在2015年快要结束的时候，我们一起来欣赏一组2015优秀的网页设计，每个网页都各具自己的独特风格。 下面，是 Designmodo 团队评选出的2015最佳网页设计作品： BBQ Cultures BBQ Cultures 的页面设计证明了关乎烧烤的餐饮业网站也可以设计得高大上。设计手法上，设计师结合流行的设计趋势，用足以取悦用户的设计手法来完成设计，包括高清而充满气质的图片，精心制作的视频，漂亮的装饰图形和微妙的交互和动效。尤其是微动效和微交互，让整个站都充满了活力。 In Pieces In Pieces 的页面展示了第一流的动态展示效果是怎样的，设计师巧妙地使用
JS和 CSS将多边形融入页面不同的元素中，让多边形元素赋予了页面全 新的生命力。 Trippeo Trippeo 展示了如何使用现代的解决方案来呈现即将到来的产品。 这个网站采用了经典的横向布局，本质上接近单页滚动式页面设计，所以页面中的滚动动效设计地非常不错，给用户深刻的印象。 Be More by Reebok Reebok 的这个网页采用了经典的单页式的设计，有效地收纳了全部 的相关信息。风格化明显的Grunge 风元素让整个页面的质感极为 突出，动态效果的执行力也极强，赋予了页面良好的用户体验。 The DNA Project The DNA Project 是一个极为创新的音乐网站项目，它为用户提供 了截然不同的音乐制作流程，时尚又不同凡响。每首歌都被划分为 关键的音乐节点、 音轨背后的故事和参与的音乐家等几个部分，这个项目让用户与音 乐人们一同制作音乐。 ACME Experience 网站以更加视觉化的方式来践行这家公司的口号“我们是未来先锋”，这个页面采用率非对称式布局，多层布局技术和微妙的动效，配合这色调活泼的背景，许多有趣的小技巧在页面中各自发挥出独 特的功用，充分展现了“先锋”这一特色。 Weltrade