网页设计功能实现过程

1、网页设计流程

网页设计的两大要点是：整体风格和色彩搭配。

确定网站整体风格

在这里，我提供给大家一些参考经验：

1．将你的标志logo，尽可能的放在每个页面上最突出的位置。

2．突出你的标准色彩。

3．总结一句能反映贵站精髓的宣传标语！

4．相同类型的图像采用相同效果，比如说标题字都采用阴影效果，那么在网站中出现的所有标题字的阴影效果的设置应该是完全一致的！

网站的整体风格及其创意设计是最难以学习的，难就难在没有一个固定的模式可以参照和模仿。给你一个主题，任何两人都不可能设计出完全一样的网站。

R、G、B就是Red、Green、Blue（红，绿，蓝）三种颜色，RGB模式就是由这三种颜色为基色进行叠加而模拟出大自然色彩的色彩组合模式。我们日常用的彩色电脑显示器、彩色电视机等的色彩都使用这种模式。

1、 矢量图

矢量图又叫做向量图，是用一系列计算机指令来描述和记录一幅图，一幅图可以解为一系列由点、线、面等到组成的子图，它所记录的是对象的几何形状、线条粗细和色彩等。生成的矢量图文件存储量很小，特别适用于文字设计、图案设计、版式设计、标志设计、计算机辅助设计（CAD）、工艺美术设计、插图等。矢量图只能表示有规律的线条组成的图形，如工程图、三维造型或艺术字等； 常见的矢量图处理软件有CoreIDRAW、AutoCAD、Illustrator和FreeHand等。

2、位图

位图又叫点阵图或像素图，计算机屏幕上的图你是由屏幕上的发光点（即像素）构成的，每个点用二进制数据来描述其颜色与亮度等信息，这些点是离散的，类似于点阵。 位图在放大到一定限度时会发现它是由一个个小方格组成的，这些小方格被称为像素点，一个像素是图像中最小的图像元素。也就是我们俗称的马赛克。

bmp：是未经过压缩的用点阵来表示的真彩图片,占用磁盘空间较大

gif：是经过压缩的,只能表示256种颜色,占用磁盘空间小,常用来演示色彩单一的成块的卡通图案,GIF还有一种可以表示连续的动画。

png：是fireworks的图片格式

jpg：也称为jpeg,是有损压缩格式但是它表示的颜色比较丰富,一般用来显示真彩的照片或图案。

作为设计者和客户（这里指各站长），如果事先没有明文协议的话设计者有权不提供源文件。

VI是Visual Identity的缩写，中文译为“企业视觉识别”。VI是CI计划的静态识别符号，是企业理念视觉化传达的载体，因此它项目最多，效果最为直接。VI作为视觉识别，它是外在表现，固然需要具有美感，但VI必须是MI的体现，直接反映企业的理念。因此VI设计包含这样一些原则：即充分传达企业理念、人性原则、民族性原则、简洁抽象及动态原则、员工参与原则、法律原则、艺术性原则和个性原则。

CI是Corporate Identity的缩写，中文译为“企业形象”。CI计划，是指企业有目的、有计划、战略性地创造出所希望的自身形象，由此提高企业的社会知名度，最终得到自己最适合的经营环境。

而logo只是网站或企业一个标志。

网页色彩搭配

1．用一种色彩。这里是指先选定一种色彩，然后调整透明度或者饱和度，这样的页面看起来色彩统一，有层次感。

2．用两种色彩。先选定一种色彩，然后选择它的对比色。

3．用一个色系。简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。

在网页配色中，还要切记一些误区：

1．不要将所有颜色都用到，尽量控制在三至五种色彩以内。

2．背景和前文的对比尽量要大(绝对不要用花纹繁复的图案作背景)，以便突出主要文字内容。

网页设计工具

图像处理设计：

adobe PhotoShop（外语简称：PS、其程序图标便是它的外语简称）是一个由Adobe Systems开发和发行的图像处理软件。 Adobe Photoshop有两个发行版本：标准版Adobe Photoshop和扩展版Adobe Photoshop Extended，扩展版除包含标准版所有功能之外，还增加了3D处理功能、动画图形编辑功能和高级图像分析功能。 Adobe只支持Windows操作系统和Mac OS操作系统版本的Photoshop ， 但Linux操作系统用户可以通过使用Wine来运行Photoshop CS6。

Fireworks，跟Photoshop一样都是图像处理软件，但Fireworks偏向于对网页的处理。

StylePix（单位：Hornil）跟PhotoShop一样都是图象处理软件，可以处理光栅及矢量图形。

动画设计：

Adobe Flash，前称Macromedia Flash，外语简称Flash，前身FutureSplash，既指Adobe Flash Professional多媒体创作程序，也指Adobe Flash Player。

网页代码编辑器：

Adobe Dreamweave（前称Macromedia Dreamweaver）用于编辑HTML、ASP、JSP、PHP、CSS、XML、JS的页面制作工具；是Adobe公司的著名网站开发工具。它使用所见即所得的接口，亦有HTML编辑的功能。有支持Mac和Windows两个系统的版本。

Amaya（单位：万维网联盟）用于编辑HTML、CSS、数学标记语言、可缩放矢量图形的工具。

2、在网页设计中，这个如何实现

打开浏览器，输入map.baidu.com，在右上角找到地图API链接，点击；

2.进入页面内后，拖动鼠标到达页面最下方，找到地图生容成器，点击；

3.跳转到生成代码页面，首先选择你的城市，在图中所示位置切换；

4.找到你的位置（或是公司的位置），以北京为例，单击；

5.设置地图，宽度和高度可以自定义，这里使用默认的，下面的一些个选项根据自己的需要去选就行，

6.添加标注（就是地图上的小标志），图标可以选择，输入名称和备注，点击保存；

7.将标注移动到地图上对应的位置，然后单击标注，即可显示你保存的标注信息，

8.点击复制代码，原则上应该将代码处理后然后插入到网页适当的位置，（有点HTML基础的朋友都知道应该怎么做）随便新建了一个HTML文件，然后将代码放了进去。

PS：顶部的网页字符格式要和自己的原网页保持一致，如果是在原网页中嵌入代码，这个需要自己处理。

3、网站设计流程

一、明确网站建设的主题
要沟通、商讨、理解企业为什么要建立这个网站，需要这个网站实现怎么样的一个功能或价值，比如：宣传企业形象、推广企业产品、运营平台、服务客户型网站，这些都是我们需要明确的主题，这也演化出企业网站建设、品牌网站建设、营销网站建设、学校网站建设、医院网站建设等一系列的不同类型的网站，不同类型的网站所赋予的功能也是不一样的，所以企业在网站建设时一定要了解自己建设网站的目的。
二、网站的域名规划
域名是我们网站的一个名字，更是便于我们及我们客户记忆的帮助，所以在域名这一块的原则为简短、商家偶、含义、地域、创造等因素，满足这些条件才是好域名。
三、网站的设计
在全国几千万的网站之中，每一个网站都有自己独特的体现，这就是策划的功效，不同的色彩，不同的基调、不同的分类，不同的目的，这都是我们建设网站的特色。
四、网站的整体架构
这一块乃是由我们新际独立自主开发的程序，并且一直进行升级和功能补充晚上，确保网站的文档、安全、流畅至基本要素，还会更加简化操作流程，让客户更简单、方便上手和管理。
五、网站的宣传
于一个新上线的网站，宣传是重中之重，毕竟在几千万个网站之中，如果才能够让更多的人看到我们，这就宣传的厉害之处，我们常用手法有搜素引起竞价、SEO优化、媒体平台、门户平台、CPA,CPC等广告宣传，可以让我们的网站展示在更多人群的面前。

4、网页制作步骤有哪些

第一步、在抄制作一袭个网页的时候，会用到代码，如果是自己会写的话就可以直接用记事本就能够做出网页了，如果要是不会写代码的话可以先在电脑里安装上的网页里制作，目前比较流行的网页制作软件有很多，最好的是Macromedia Dreamweaver这个软件是目前为止制作网页方便的软件中功能强大的，也可以安装其他的软件制作，最好是选择功能强大又方便的软件进行网页制作。
第二步、要在电脑中选择出一个盘来，这个盘用来新建一个存放的网页文件夹，但是这里要注意的是不要选择使用c盘，新建了一个文件夹以后，文件夹的名字是可以随便取的，因为只是存一下这个新建的网页，名字什么的不是特别的重要，然后完成了以后在存放的网页的文件夹里面再建立几个文件夹，方便后期的使用，可以建立图片文件夹，声音文件夹，视频文件夹，等等一些根据自己需要进行建立。
第三步、打开网页制作软件，新建一个站点，新建站点步骤按系统提示操作。新建主页、布局主页、制作导航栏、添加栏目，输入想要的内容。在制作子页，并与主页导航栏栏目链接。制作完成后打开主页进行一个全面的预览，有不好的地方进行修改完善。如果要想网页漂亮且有个性，就需要图像、动画等元素来装饰。

5、网站设计的步骤

网页设计第一步是做整体框架规划，比如网站需要哪些项目，需要做一个整体的目录。类似下方图片。这一部分是最重要的，因为无框架不网站。

请点击输入图片描述

然后是开始网页设计了，首先是网页的logo和头部。这一部分的难点就在于你的logo要怎么排布，按照网页视觉设计的标准，是要做一条标准参考线的。所以logo的位置非常重要。

请点击输入图片描述

接下来是我们的导航栏，我这里做的是最简单的，只是做展示。你要设计的是导航栏各项目的位置，按钮形状等。如果有搜索，也需要考虑在其中。

请点击输入图片描述

第三部是设计网站的banner，也就是所谓的视觉区。视觉区一般是要图片，因为图片可以让用户打开网站第一眼就了解你网站的定位，从而决定要不要继续浏览。你要设计的是banner的尺寸，如果要做幻灯片的话，会如何变化。

请点击输入图片描述

接下来设计的是内容区，根据不同的内容设置不同的展现方式。例如简介的话可以是一张图片+一段文字，如果是产品介绍的话，可以是多张图片+简介。具体案例可以在网路上看别人设计的页面作为参考。

请点击输入图片描述

做好了主内容区，就剩下footer部分设计了。footer一般关系到网站的优化。footer部分包括的内容就根据不同的网页进行设计，例如展现你公司位置的地图，你想要体现的网站，甚至友链部分，都在这里。

请点击输入图片描述

最后是内链的形成。就是如果点击了你的某篇文章，会出现怎样的展现形式。所以一般一个网页设计是需要多个页面构成的。头部和底部保持不变，中间部分由ajax控制变化（这一点设计不需要懂）

当然，单纯静态页面很不好看。所以产品可能会要求做一些效果，例如悬浮窗，鼠标放上去后会实现动画效果等。对应的内容也需要网页设计进行制作。

请点击输入图片描述

如果有帮助的话，记得采纳哦！

6、网页设计流程是什么？

设计流程：

主题明确：

在目标明确的基础上，完成网站的构思创意即总体设计方案。对网站的整体风格和特色作出定位，规划网站的组织结构。

Web站点应针对所服务对象（机构或人）的不同而具有不同的形式。有些站点只提供简洁文本信息；有些则采用多媒体表现手法，提供华丽的图像、闪烁的灯光、复杂的页面布置，甚至可以下载声音和录像片段。好的Web站点把图形表现手法和有效的组织与通信结合起来。

为了做到主题鲜明突出，要点明确，应该使配色和图片围绕预定的主题；调动一切手段充分表现网站点的个性和情趣，办出网站的特点。

充分利用已有信息，如客户手册．公共关系文档．技术手册和数据库等。

设计思路：

1、简洁实用：这是非常重要的，网络特殊环境下，尽量以最高效率的方式将用户所要想得到的信息传送给他就是最好的，所以要去掉所有的冗余的东西。

2、使用方便：同第一个是相一致的，满足使用者的要求，网页做得越适合使用，就越显示出其功能美

3、整体性好：一个网站强调的就是一个整体，只有围绕一个统一的目标所做的设计才是成功的。

4、网站形象突出：一个符合美的标准的网页是能够使网站的形象得到最大限度的提升的。页面用色协调，布局符合形式美的要求：布局有条理，充分利用美的形式，使网页富有可欣赏性，提高档次。当然雅俗共赏是人人都追求的。

5、交互式强：发挥网络的优势，是每个使用者都参与到其中来，这样的设计才能算成功的设计。这样的网页才算真正的美的设计。

版式设计：

网页设计作为一种视觉语言，特别讲究编排和布局，虽然主页的设计不等同于平面设计，但它们有许多相近之处。

版式设计通过文字图形的空间组合，表达出和谐与美。

多页面站点页面的编排设计要求把页面之间的有机联系反映出来，特别要求处理好页面之间和页面内的秩序与内容的关系。为了达到最佳的视觉表现效果，反复推敲整体布局的合理性，使浏览者有一个流畅的视觉体验。

色彩作用：

色彩是艺术表现的要素之一。在网页设计中，设计师根据和谐、均衡和重点突出的原则，将不同的色彩进行组合．搭配来构成美丽的页面。 根据色彩对人们心理的影响，合理地加以运用。如果企业有CIS（企业形象识别系统），应按照其中的VI进行色彩运用。

形式内容：

为了将丰富的意义和多样的形式组织成统一的页面结构，形式语言必须符合页面的内容，体现内容的丰富含义。

灵活运用对比与调和、对称与平衡、节奏与韵律以及留白等手段，通过空间、文字、图形之间的相互关系建立整体的均衡状态，产生和谐的美感。

三维空间的构成：

网络上的三维空间是一个假想空间，这种空间关系需借助动静变化．图像的比例关系等空间因素表现出来。 在页面中，图片、文字位置前后叠压，或页面位置变化所产生的视觉效果都各不相同。

通过图片、文字前后叠压所构成的空间层次不太适合网页设计，根据现有浏览器的特点，网页设计适合比较规范、简明的页面，尽管这种叠压排列能产生强节奏的空间层次，视觉效果强烈。

网页上常见的是页面上、下、左、右、中位置所产生的空间关系，以及疏密的位置关系所产生的空间层次，这两种位置关系使产生的空间层次富有弹性，同时也让人产生轻松或紧迫的心理感受。

虚拟现实：

人们已不满足于HTML（标准通用标记语言下的一个应用）编制的二维Web页面，三维世界的诱惑开始吸引更多的人，虚拟现实要在Web网上展示其迷人的风采，于是VRML语言出现了。

VRML是一种面向对象的语言，它类似Web超级链接所使用的HTML语言，也是一种基于文本的语言，并可以运行在多种平台之上，只不过能够更多地为虚拟现实环境服务。

多媒体：

网络资源的优势之一是多媒体功能。要吸引浏览者注意力，网页的内容可以用三维动画、FLASH等来表现。但要由于网络宽带的限制，在使用多媒体的形式表现网页的内容时不得不考虑客户端的传输速度。

便于使用：

如果人们看不懂或很难看懂您的网站，那么，他如何了解你的企业信息和服务项目呢？使用一些醒目的标题或文字来突出您的产品与服务。

并且即使您拥有最棒的产品，如果客户从您的网站上看不清楚您在介绍什么或不清楚如何受益的话，他们是不会喜欢您的网站的，这对于网页设计而言是失败的。

导向清晰：

网页设计中导航使用超文本链接或图片链接，使人们能够在您的网站上自由前进或后退，而不必让他们使用浏览器上的前进或后退。我们在所有的图片上使用“ALT”标识符注明图片名称或解释，以便那些不愿意自动加载图片的观众能够了解图片的含义。

快速下载时间：

很多的浏览者不会进入需要等待5分钟下载时间才能进入的网站，在互联网上30秒的等待时间与我们平常10分钟等待时间的感觉相同。因此，建议在网页设计中尽量避免使用过多的图片及体积过大的图片。主要页面的容量应确保普通浏览者页面等待时间不超过10秒。

非图形内容：

在必要时适当使用动态“Gif”图片，为减少动画容量，应用巧妙设计的Java动画可以用很小的容量使图形或文字产生动态的效果。但是，由于在互联网浏览的大多是一些寻找信息的人们，仍然建议您要确定您的网站将为他们提供的是有价值的内容，而不是过度的装饰。

反馈与沟通：

让客户明确您所能提供的产品或服务并让他们非常方便地订购是您获得成功的重要因素。如果客户在您的网站上产生了购买产品或服务的欲望，您是否能够让他们尽快实现吗？是在线还是离线？

因此，如果是产品或服务介绍网站，应该有留言、电话、在线咨询等功能或信息呈现。

在企业的Web站点上，要认真回复用户的电子邮件和传统的联系方式如信件．电话垂询和传真，做到有问必答。最好将用户的用意进行分类，如售前一般了解．售后服务等，由相关部门处理，使网站访问者感受到企业的真实存在并由此产生信任感。

测试改进：

测试实际上是模拟用户询问网站的过程，用以发现问题并改进网页设计。应该与用户共同安排网站测试。

内容更新：

企业Web站点建立后，要不断更新网页内容。站点信息的不断更新，让浏览者了解企业的发展动态和网上职务等，同时也会帮助企业建立良好的形象。

注意不要许诺你实现不了的东西，在你真正有能力处理回复之前，不要恳求用户输入信息或罗列一大堆自己不能及时答复的电话号码。 如果要求访问者自愿提供其个人信息，应公布并认真履行个人隐私保承诺。

(6)网页设计功能实现过程扩展资料：

网页设计（web design，又称为Web UI design，WUI design，WUI），是根据企业希望向浏览者传递的信息（包括产品、服务、理念、文化），进行网站功能策划，然后进行的页面设计美化工作。

作为企业对外宣传物料的其中一种，精美的网页设计，对于提升企业的互联网品牌形象至关重要。

网页设计一般分为三种大类：功能型网页设计（服务网站&B/S软件用户端）、形象型网页设计（品牌形象站）、信息型网页设计（门户站）。设计网页的目的不同，应选择不同的网页策划与设计方案。

网页设计的工作目标，是通过使用更合理的颜色、字体、图片、样式进行页面设计美化，在功能限定的情况下，尽可能给予用户完美的视觉体验。高级的网页设计甚至会考虑到通过声光、交互等来实现更好的视听感受。

网页设计主要以Adobe产品为主，常见的工具包括FW、PS、FL、DW、CDR、AI等，其中DW是代码工具，其他是图形图像和FL动画工具。还有最近几年Adobe新出的EdgeReflow、EdgeCode、Muse。

标题设计：

在设计网页标题时，应注意同时兼顾对用户的注意力，以及对搜索引擎检索的需要。这一原则在实际操作中可通过三个方面来体现，这三个方面也可以被认为是网页标题设计的一般规律：

1、网页标题不宜过短或者过长

一般来说6-10个汉字比较理想，最好不要超过30个汉字。网页标题字数过少可能包含不了有效关键词，字数过多不仅搜索引擎无法正确识别标题中的核心关键词，而且也让用户难以对网页标题（尤其是首页标题，代表了网站名称）形成深刻印象，也不便于其他网站链接。

2、网页标题应概括网页的核心内容

当用户通过搜索引擎检索时，在检索结果页面中的内容一般是网页标题（加链接）和网页摘要信息，要引起用户的关注，网页标题发挥了很大的作用。

如果网页标题和页面摘要信息有较大的相关性，摘要信息对网页标题将发挥进一步的补充作用，从而引起用户对该网页信息点击行为的发生（也就意味着搜索引擎推广发挥了作用）。

另外，当网页标题被其他网站或者本网站其他栏目/网页链接时，一个概括了网页核心内容的标题有助于用户判断是否点击该网页标题链接。

3、网页标题中应含有丰富的关键词

考虑到搜索引擎营销的特点，搜索引擎对网页标题中所包含的关键词具有较高的权重，尽量让网页标题中含有用户检索所使用的关键词。

以网站首页设计为例，一般来说首页标题就是网站的名称或者公司名称，但是考虑到有些名称中可能无法包含公司/网站的核心业务，也就是说没有核心关键词，这时通常采用“核心关键词+公司名/品排名”的方式来作为网站首页标题。

开头所列举的某网络营销服务商网站首页标题实例，其实也是采用这种方式来设计网页标题，只不过由于罗列了太多的“核心关键词”，反而没有了核心。

做美工看起来并不是一件容易的事情。首先，要对整个站点和企业有个大致的了解。例如：某些企业喜欢蓝色的主调，你不可能去做个红色的主调，这样完全违背客户的主要意愿，如果百度的标志改成五颜六色的，相信大家也不会认可的。

站长的职责是规划网站结构。同样也需要有一定的审美观。下面介绍了几款常用的绘图工具和基本知识。

参考资料：

网络-网页设计 （网站技术）

7、如何进行网页设计

网页设计与平面设计的异同

设计传达的方式

传统的平面设计讲究页面构图、版式布局、空间表现等，而网页设计也适用这些要素。

网页设计与传统平面设计在视觉传达方面很大的相似点，但是在技术方面又是有很大的区别。

网页设计是传统平面设计的视觉传达效果运用和网路技术的结合，所以可以说网页设计综合了平面设计艺术和网路技术。

网页设计的重要特色就是动静结合，这点在平面设计裏是无法实现的。

处理的差别

传统平面设计的作品大多是以印刷的平面形式表现；而网页设计作品则是透过显示器表现，并且在传输的过程中受到网路频宽的限制。

普通印刷是按照色素的减法原理进行的，设计时的颜色模式为 CMYK ，而电脑的显示器的色彩原理则是以色光合成加法原理进行的，是 RGB 模式，使用同样的颜色，但是在不同的颜色模式下，显示的效果是会有色差的。

因为受到网路频宽的限制，网页设计中的图像处理也不同於平面设计，为了加快下载速度，在保持图像质量的前提下我们要尽可能的缩小其档案大小，而不像平面设计那样为了追求图像的质量而不管其文件大小。

作为一名合格的网页设计师，在处理网路图形时，应做到在保持图像清晰的前提下，尽可能缩小图片的档案大小。
网页的构图布局与平面构图布局有著很大的相似之处，但是因为技术的局限，网页构图远不如平面设计那样挥洒自如。

在平面设计中想把某一物件放置到某一位置的时候只需要简单的拖曳就可以完成。
但是在网页设计中想对某一物件进行定位的话就必须有 HTML 语言的支援才行。

所以在进行网页设计的时候，除了要有好的创意，还应该考虑到技术上的可行性。
网页的构图与传统的平面构图最大的区别就是技术的可行性。

在进行网页设计时必需时时提醒自己，所设计的作品最终会通过网路传输到用户端，经过下载，再用浏览器浏览，作品将受到频宽和显示器的限制。

而且，所有网页的后端语言都是以 HTML 为基础，辅以 JavaScript 或 VBScript 编写的程式，有些动态特效实现起来会有较大的难度。
所以，网页设计人员在构思创意时，要考虑到技术上是否能实现。

如果一味地追求视觉效果的创意，而忽略技术上的限制，顾此失彼，再好的构思也只好放弃。
ㄞ鄏b网页设计中实现的创意，对网页设计构图来说是毫无价值的。

功能的不同

传统平面的设计作品是以向人们传达某种资讯或诉求为目的。而网页设计网页的设计必须是配合网站的内容设计，而不是单纯地只为表现艺术而设计。

除了拥有平面设计作品的功能以外，还有重要的引导和连接功能，也就是网页具有很强的可操作性和互动性。

网页设计与传统的平面设计最大的区别就是网页的可操作性。
网页的可操作性是通过页面间的链结实现的。

所谓链结结构就是指网页页面间的相互链结关系。
选择适当的链结结构，对整个网站的各个页面设计将有很大的引导作用。

若链结的结构使用不良的话，会使得重要的资讯不能让访问者获取，这将违背了网站设计者的初衷。

在制作一个网站的时候会有一个名为 index.html 的页面，我们一般把它称为 “首页” 。

一般在浏览网站的时候，在浏览器的位址栏裏输入网址后，直接打开的就是档名为 index.html 的页面，它的作用就与书本的目录相同。

大家应该都有在书上找资料的经验，一般来说我们都会打开书的目录来查寻资料位置，以便较快找到资料。

同理，如果把我们的网站看成是一本书的话，那麼 “首页” 就是书的目录，它的作用就是使我们尽快的找到自己想找的资讯。

而很多人在设计网站的时候做出来的网站是很漂亮，但却让访问的人无从下手来进行浏览。

想从这个网站裏找到自己有兴趣的内容却怎麼也找不到，虽然说这个网站裏有这些内容，但就是找不到或者找起来很麻烦。

这就说明了引导性和可操作性的重要。

8、网页设计，怎么做？

一、确定网站主题

网站主题就是你建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。特别是对于个人网站，你不可能像综合网站那样做得内容大而全，包罗万象。

二、搜集材料
明确了网站的主题以后，你就要围绕主题开始搜集材料了。常言道：“巧妇难为无米之炊”。要想让自己的网站有血有肉，能够吸引住用户，你就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。

三、规划网站
一个网站设计得成功与否，很大程度上决定于设计者的规划水平，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，你只有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。
四、选择合适的制作工具
尽管选择什么样的工具并不会影响你设计网页的好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。

五、制作网页
材料有了，工具也选好了，下面就需要按照规划一步步地把自己的想法变成现实了，这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小，就是说在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计。

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

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

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

9、个人网站的设计与实现的具体步骤是什么？

一、申请域名（域名备案）； 　
　二、申请空间 ；
三、定位网站 ； 　
　四、分析网站功能和需求（网站策划）
五、网站风格设计 ；
六、网站代码制作；
七、测试网站；
八、FTP上传网站； 　
　九、网站维护
是这样的一个步骤吗？那我的域名必须要备案了才能用么？假如我的空间完全免费的。这样子他们送的域名不用备案，但是此时我再申请一个域名要不要备案。

10、描述网页设计的一般步骤

一、网站结构设计
网站结构设计包含网站栏目设计和网站模块设计以来确定网站提供服务的一种逻辑表现形式，也是网页之间的层次关系。
1.网站栏目能起到提纲挈领额作用
2.网站栏目具有清晰导航的功能
3.网站模块要做到顺序清晰且紧密结合

二、网站主题设计
网站主题设计实际就是网站视觉呈现风格的设计。网站的主题风格要能充分吸引用户的注意力，为用户提供愉快的访问体验。
1.设计能反映网站内容的logo,并且将logo放在网站的醒目位置。
2.网站的颜色要统一，要突出网站的主调色彩。
3.相同类型的图像要有相同的效果。
4.网站要有一句明晰的宣传标语。

 
三、网站布局类型
1. 国字型布局
这种布局类型分为上边栏、左边栏、中间内容区、右边栏和底部的页脚区域，其形状酷似一个“国”字。国字型结构是目前比较常用的一个网页布局结构，它适用于信息分类繁多、需要良好组织的网站。
2. T字型布局
这种布局类型由上边栏、左边栏、内容区、下边栏组成，其形状有点像一个英文字母写的“T”字。T字型结构网站目前在一些权威机构、企事业单位的公司网站出现得比较多。
3. 左右框架型布局
这类网站主要由左边栏和内容区组成，组成比较简洁，主要用于精彩内容的呈现，主要是很多个人站点、博客的首选。
4. 上下框架型布局
这类网站由上下边栏组成，上边栏用来放置logo和链接等信息，下边栏用来放置网页的内容。上下型网站经常用来进行个性化展示，在企业门户网站的公司展示中也比较常用。
5. 标题正文型布局
这类网站的布局结构由上边栏和内容区组成，上边栏用于显示文章的标题。主要用于显示文章的标题，内容区放置文章的内容，这类布局在一些论文、学术网站的设计中比较常用。
网站设计都不会单独使用以上列出的某一种布局结构，而是通过混合使用多种布局结构来实现自己想要的效果，这类布局通常称为“综合性布局”。

四、网站页面设计
网站页面是网站的最终表现形式。网站页面由页面内容的质量度和页面的美观度来决定。页面设计应该遵循的原则如下：
1.符合企业的行业属性和企业特点。客户打开网站能直观感受企业所传递的理念和特征。
2.符合用户的浏览习惯。根据网站内容的重要性进行排序，让用户花最短的时间能够找到自己需要的信息。
3.符合用户的使用习惯。将用户经常使用的功能放在网站的醒目位置。
4.图文搭配。
5.利于搜索引擎优化。减少图片和动画，多使用文字描述，以便于搜索引擎收录，让客户更容易找到你。格子网络解答。