为什么要做网站首页设计(网站页面设计用什么做)

为什么要做网站首页设计,网站页面设计用什么做

内容导航：

想做一个网站，需要学些什么

为什么一定要做网站建设

网页设计最重要的原则是什么为什么

网站设计要做什么

一、想做一个网站，需要学些什么

现在来说，做网站那就是web前端的工作了。一个页面的显示需要内容、样式和行为工作，对应的就是html。css，javascript。而现在前后端分离概念的提出，要求前端人员能够处理数据，有一个前端的服务器，虽然说增加了前段学习的门槛，但是学到的知识都是自己的，对自己有好处。

楼主说想看书学习，是可以，而且网上的资料也很多，我不知道楼主就是为了兴趣还是准备学好找工作。要是想上手快早点上项目的话我更建议看视频资料。网上还是有很好的教学视频的，老师讲的也很多有激情，更吸引你，如果看书学习的话，对着一行行的代码，没人讲解，好枯燥好无聊的。我猜楼主应该不是计算机系的学生，所以编程的基础应该很少或者没有，所以基础概念理解起来也费事，时间成了也没有耐心去百度查找，所以看视频是很好的选择。

前端入门当然是先学习html+css，这个学完你就可以做出来静态页面，页面相对简单那，没有轮播图、放大镜这些效果。之后学习一些jquery，这是写好的javascript库，支持所有浏览器，你会知道dom操作，操作dom节点实现鼠标的动作，点击、悬停等等。然后学习html5+css3，这时你的页面就会变得丰富多彩，用户体验更好。你也可以尝试做移动端，但是他们的兼容性不是很好，实现效果时候需要注意。最后把javascript学好了，没有编程基础的人可能理解的有些困难，很多概念，所以开始别着急，随着你的使用，慢慢就熟悉了。

当你能自己做出来体验很好的页面时，你就可以学习一下，最近非常火热的单页面框架vue和react了。路由和数据的操作使前端实现更快、更简单。第三方UI库也很成熟，所以初学者学完基础的，再学学框架。

现在对前端的要求也变高了，需要有前端自己的服务器，所以简单的话建议学习nodejs，使用javascript语法写的，nodejs也很强大，你可是使用其中的express框架搭建自己的服务器。，在学点简单的sql语句，这样你的页面和后台就都有了。买个域名，项目就可以上线了。

我也是自学编程出身的，所以知道自学最难的就是坚持，开始的时候你会遇到很多困难，有时候一个简单的东西出不来就会很闹心，一定要多问、多学、多看，自己会查找。相信中有出头之日。

我是测不准，为了自己的未来努力奋斗中，大家加油！喜欢本文的朋友下方点赞呦^_^

---

网站首先会分为两大类型，一种是静态网站，一种是动态网站，静态网站是指只需要简单的静态网页部署到web服务器即可访问，中间用到的技术有网页技术，具体指html、css、javascript这三类基础技术，甚至不需要javascript也能搭建一个漂亮的静态网站，这类一般为展示性网站，没有数据的动态交互！另一大类就是动态网站，这比静态网站需要的技术多得多。比如你至少会一门服务器端语言。像Java，c#，PHP、Python、nodejs等等，还需要了解一下数据库以及Web服务器的知识等等！一个非常复杂的网站需要用到很多技术。这其中取决于网站的用途以及使用的人群等等，一个大型的网站往往需要多种技术结合才能实现完整的功能。

---

搭建一个网站需要哪些技术呢？分两种情况：

如果你是一名技术人员

如果你是一名技术人员，就可以自己开发部署网站，用的技术就非常多。 目前最流行的语言当然是Java，也是开发网站首选语言
。Java相应的框架也非常成熟，最常用的框架当然是SpringBoot，数据库根据你的网站预估数据大小选择，中小型网站选择Mysql，大型网站选择Oracle。
所以，总结来说，后端技术采用Java
SpringBoot+Mysql就可以完成，当然也会用到一些中间件技术，例如Redis、Kafka等，根据实际情况选择即可。

前端技术目前流行的是Vue，这是一套用于构建用户界面的渐进式框架，
Vue的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。当然前提是你要掌握Html、css、javascript等前端基本知识。

网站开发完成以后，我们就需要有服务器部署。
这里我建议购买阿里云的ECS机器，价钱合适，云服务器也比较稳定，售后也可以，当然腾讯云、华为云、百度云的服务器也可以选择，根据个人喜好即可
。购买好服务器以后我们就需要部署代码。代码部署好以后，我们通过本地localhost访问如果没问题的话，说明代码运行ok。

接着我们需要购买域名，如果选择的是阿里云的服务器，那阿里云提供了域名购买服务。我们可以在阿里云上购买域名，域名购买成功以后，
通过阿里云DNS解析服务，将域名解析到你购买的阿里云ECS主机上，此时就可以通过域名访问你的服务了 。
当然你还需要在服务上搭建Nginx负载均衡服务，Nginx既可以做端口转发，又可以实现后端集群服务，也可以实现动态服务和静态资源服务分离，例如，你的前端页面就可以通过Nginx服务来访问。

网站备案。阿里云目前限制比较严格，网站必须备案，负责域名是解析不到网站的。所以，备案要提前。不过阿里云现在备案可以通过移动端，移动端备案速度非常快，原来备案需要21天，现在只需要不到一周就可以备案完成。备案完成以后，网站就可以通过域名访问了。

如果你是一名非技术人员

非技术人员网站一般外包出去，别人做好网站以后，你验收通过以后，你只需要购买云服务器、域名、备案域名，具体的部署以及后续运维工作交给乙方去弄。

我是阿迈达，有趣的互联网软件工程师。专业角度分析技术原理，幽默的态度解读科技互联网资讯。

---

看你是怎样的模式了，一个完整的网站涉及到前后端，数据库、服务器这些。如果是自己没有什么基础的话，可以找一些傻瓜式的框架来搭建就好，得得、WordPress……

---

搭建一个网站到底需要什么技术，我来跟大家说一说。一般一个网站包括了哪些，包括一个域名，一个网站主机空间或服务器，还有网站的数据库，还有网站的网页代码。

以一个PHP开发语言的网站为例，主要需要懂哪些技术。以一个PHP网站的话，需要懂域名解析，网站PHP开发语言，需要做前台的话，网页版面设计就需要懂美工的设计，包括前面的版面设计以及前端的代码开发，再一个就是需要懂数据库以及后台的开发，一般PHP用得最多的是MYSQL数据库，那么也就需要懂MYSQL数据库方面的知识。当然还需要懂服务器的知识，看哪一些服务器可以支持兼容你这个网站的数据库，也就是说服务器上要安装相关的环境才能支持你的网站数据的存储和读取。

当然，另外一种情况的话，网站不需要安装数据库的话，就是整个网站生成HTML静态页面，那服务器就只需要支持静态网页访问就可以了，这样就不需要开发后台数据库，以及前端程序的开发。就算是这样的静态网页，也是需要懂美工专业知识和网页代码制作的专业知识。

搭建一个网站到底需要什么技术，总结来说，需要懂美工的设计
，也需要懂网页代码程序开发技术，如果是开发PHP语言的网站就需要懂PHP开发技术以及MYSQL数据库的知识，如果网站是.NET来开发网站就需要懂.NET开发技术以及MSSQL数据库的知识。所以是不同的开发语言，是要懂得不同开发语言的专业技术才可以的。当然还有其它的就是服务器的知识，怎么安装服务器，怎么配置服务。

域名的解析，还要了解专业的IP知识才知道怎么绑定网站开通网站，服务器的安装还要了解的学习服务器的软件知识，包括服务器的环境的安装，兼容的安装，以及服务器插件的安装以及服务器的设置，这些相关的知识。服务器数据库的备份，服务器数据的搬迁的迁移这些知识都需要懂的，服务器方方面面的知识都需要懂的。服务器还要懂什么是独立IP，什么是共享IP这些知识点，还有就是服务器IP怎么分配和解析，都是很专业的知识点。

按以上的分析总结如下：

1，懂域名解析的专业技术

2，需要懂专业的美工设计

3，需要懂专业的网页前端的代码制作

4，需要懂程序开发以及数据库专业知识，你用不同的开发语言，那你就得不同的开发语言相对应的技术

5，服务器的专业知识，服务器环境的配置以及网站数据库安装等知识

本文为原创作品。

---

作为BAT的Java开发工程师，从开发人员的角度来分享想做一个网站需要学什么。

前端-页面设计

此处指需要设计页面样式，即从用户角度看到了哪些元素，哪些元素是装饰，哪些元素可以交互，每个元素占用页面的比例是多少等等。这与接下来的前端代码设计也是息息相关。比如你要做一个游戏界面（当然自己做网站不会这么复杂，不用担心），那么下面这个界面的每一个元素，不仅要画出原型图，在不同分辨率的显示器下各元素的比例变化，都需要专业的设计来确认的。

前端-代码开发

前端开发人员的三驾马车是JavaScript，HTML和CSS。我们以普通的百度首页为例，打开百度网址后，按F12，就可以看到当前网页的HTML和CSS信息。

其中，HTML是负责页面的骨架，即比如百度的logo要在中间位置，下面是一个输入框，右边是一个带有“百度一下“文字的点击框等等，当前页面的html代码在下图右上的红框中。

CSS是负责骨架后细节，比如这个logo在不同的分辨率屏幕上，要展示出不同的尺寸，百度一下文字是蓝底白字等等，这些都是由下图右下角的红框部分控制。

今后，如果对某个页面的布局感兴趣，就可以通过这种方式（F12）来学习人家的设计以及实现思想。

接下来是JavaScript，它是负责捕捉前端操作，并且与后端代码进行数据交换的脚本语言。当你在输入框输入“长城”，并点击“百度一下”之后，与“百度一下”按钮绑定的点击事件就被触发，然后会收集输入框的文字数据，传送给后端，拿回response之后，渲染到前端，于是变成了你看到的搜索结果。

后端开发

后端开发是没有界面的，但是不要以为就更加简单。后端语言的选择非常多，有Python，PHP，Java，go等等，虽然我是Java开发工程师，但是对于初学者，我的建议是选择thinkPHP框架，因为作为中国人编写的框架，它不仅是使用“最优秀的语言PHP”，而且有非常多的中文资料文档，非常适合新手快速上手，搭建网站。

当然后面如果有兴趣，也可以进一步了解SSM框架，springboot等框架，如果有时间，也可以查看我之前的回答对它们的介绍，或者给我留言咨询。

以上是想要搭建一个网站需要学习的开发技术，之后还要去阿里云申请域名，部署服务，不过好在这些步骤可以到阿里云上寻求客服有针对性的帮助。如果以上介绍对你有所帮助，欢迎点赞留言，与我交流。

我是苏苏思量，来自BAT的Java开发工程师，每日分享科技类见闻，欢迎关注我，与我共同进步。

---

自己开发需要学html，css和javasctript。

不做这行没有必要学，去下载pageadmin系统或discuz这些现成的网站系统来做方便点。

---

啥都不用学，有空看看百度站长学院官方文档。首先你得有一台可以上网的电脑。其次看你做企业站还是博客还是新闻还是分类，做啥就下载啥程序，也叫源码，比如做个企业站可以下载织梦CMS（DedeCms）然后找个本地环境安装到自己电脑上添加修改一下标题和栏目、描述、关键词和logo啥的。想好看就去下载一个免费模板或者买一个，都弄好了就备份数据库，打包网站，有钱就买个云服务器带独立IP的，没钱就几十块买个空间FTP上传全站数据。有好多空间商的主机自带各种程序，不会的话买了让客服帮你弄好，你光修改成你自己的内容就行了，上面说的本地安装调试可以都省略……，有钱就买个有历史数据的老域名，几百到几十万的都有，老域名对收录有帮助。没钱就买个便宜的十几块钱一个，然后解析到IP或空间上，这就成了。需要注意的是：国内的空间做网站需要备案，哪怕你在家里的电脑上发布网站也不行，这是中国特色，上次我收废品30块钱收了一台至强U的服务器架到自己家里用动态IP域名解析做了几个网站，没两天就接到管局电话勒令关闭了。个人备案要身份证保证书，企业要营业执照法人代表，还需要时间。也有直接卖备案好的域名的。不想麻烦就买香港日本韩国的空间或服务器。最后再添加几句，不添不专业：当然如果你想进阶搞就要会点html、CSS、js、PHP、ASP以及photoshop、dw、色彩搭配、数据库mysql常识是必须的，还有SEO优化方面的，尖叫青蛙、马杰斯、外链常识、刷流量……我特么竟然拿个手机点拼音打了这么多字……

---

想学习网站开发技术，要了解多个方面的内容。这里为您列了些知识点，供参考：

一、外观和布局

色彩、三原色、像素。图片格式： jpg jpeg gif png 有损存储，无损存储。图片编辑器：photoshop
编辑图片、存储为web所用格式。参见@IT客栈 发布的相关文章。

网页编辑器：所见即所得dreamweawer。使用table标签布局；div+css布局。

表单 按钮 文本框 下拉框 单选框 复选框 文件。

前端设计进阶:视觉效果的统一、色彩搭配、文字排版

二、脚本

javascript、jquery 等框架

三、服务器端

php（可用于入门学习） jsp aspx；php环境搭建：集成环境、linux环境，此部分由运维工程师解决；nginx apache。

原生php
echo、嵌入html、表单上传处理、文件上传处理。流行的php框架，国外codeignit，国内ThinkPHP。数据库：mysql。域名注册、域名解析、云服务器购买。

四、性能优化与安全防护

memcached、静态化、服务器端gzip压缩， js压缩 css压缩、雪碧图。

网站访问日志查看。防火墙、防注入、防篡改。

五、开发辅助

git或svn版本管理

---

网站目前有两种，一种是静态的，一种是动态的。静态的你需要学习h5,css,javascript。动态的老妖建议你用aspx，也就是宇宙第一ide
vs2019开来开发aspx,这个最适合小白，不用费什么心思就能学的会。

二、为什么一定要做网站建设

在这里，世界上一流的网站设计专家，让你共享他们的秘密，告诉你：使网站赋予情趣的诀窍、应该避免做什么、应使用什么工具软件以及他们喜爱和厌恶的网站。 01
明确内容 如果你想成为一个网站设计者，并正想建一个网站的话，首先应该考虑网站的内容，包括网站功能和你的用户需要什么。你的整个设计都应该围绕这些方面来进行。
02 抓住用户 如果用户不能够迅速地进入你的网站，或操作不便捷，网站设计就是失败的。不要让用户失望而转向你的对手的网站。 03 优化内容
内容是核心。大约在两年以前，企业网站就像一本广告册子，更槽糕的是，网站使用了大量的图片，似乎要几个世纪才能下载完。 Chanels网站（
）在设计的某些方面是成功的，但是内容太贪乏，并且要花很长时间才能找到所要的东西，因此不能算是一个成功的网站。 04 快速下载
没有什么比要花很长时间下载页面更槽糕的了。作为一条经验，一个标准的网页应不大于60K，通过56K调制解调器加载花30秒的时间。有的设计者说网页加载应在15秒内。
05 网站升级 时刻注意网站的运行状况。性能很好的主机随着访问人数的增加，可能会运行缓慢。但是，如果你不想失去访问者的话，一定要仔细计划好你的升级计划。
06 坚持基本原则 即使你不懂HTML语言，你只需购买一个有版权的所见即所得的网页设计工具，如Adobe PageMill 或 Microsoft
FrontPage Express，就可以创建一个看起来很合理的网站。但是，在设计时，这些软件包虽然不需要HTML，却使网站速度下降。
为了成功地设计网站，你必须理解HTML是如何工作的。大多数的网站设计者建议网络新手应从有关HTML的书中去寻找答案，用Notepad制作网页。 07
学习HTML
用HTML设计网站，可以控制设计的整个过程。但是，如果你仅仅是网站设计的新手，你应该寻找一个允许修改HTML的软件包。HomeSite4是一个很好的Web设计工具。在设计过程中，HomeSite4能帮助你学习HTML。它还允许你切换到所见即所得的模式，以便你在把网站发送到Web之前，预览你的网站。
08 用笔画一个网站的框架
圣人云：笔比剑更强大。在用计算机之前，用笔画一个网站的框架，显示出所有网页的相互关系。计划好你的用户如何以最少的时间浏览你的网站。 09
“在计算机上永远也找不到好的方案”。 ——专家忠告 10 网站地图
许多设计者把他们的网站地图放在网站上，这种做法，却是弊大于利。绝大部分的访问者上网是寻找一些特别的信息，他们对于你的网站是如何工作的，并没有兴趣。如果你觉得你的网站需要地图，那很可能是需要改进你的导航和工具条。
11 “睁大你的眼睛，留意所有的事情。”
“对最不相关的东西的观察可以得到最好的灵感。观察一个站点的结构和设计。理解站点结构的关键元素，确保你的设计是围绕站点浏览进行的。” ——专家忠告 12
点击规则 听说过3次点击规则吗？对于小型网站，在你的主页上，没有任何一条信息，需要点击次数超过3次的。对于大型网站，使用导航和工具条来改善操作。 13
特殊字体的应用
虽然你可以在你的HTML中使用特殊的字体，但是，你不可能预测你的访问者在他们的计算机上将看到什么。在你的计算机里看起来相当好的页面，在另一个不同的平台上看起来可能非常糟糕。一些网站设计员喜欢使用来定义特性，这虽然允许你使用特殊的字体，但是仍需要一些变通的方法，以免你所选择的字体在访问者的计算机上不能显示。级联风格表CSS有助于解决这些问题，但是只有最新版的浏览器才支持CSS。
14 “使用切合实际的简便的命名规则。” ——专家忠告 15 检查错别字
好的拼写是人们一生中重要的技能。但是遗憾的是，许多设计者都缺少这种技能。确保你拼写正确，并且格外注意平常容易误写的错别字。 16 避免长文本页面
在一个站点上有许多只有文本的页面，是令人乏味的，且也浪费Web的潜力。如果你有大量的基于文本的文档，应当以Adobe
Acrobat格式的文件形式来放置，以便你的访问者能离线阅读。 17 不要使用卷滚条 人们厌恶在网上使用卷滚条。Trouble网站（
）是一个典型的设计很差的网站。它基于一个浮动的架构，为了阅读所有的文本，浏览者不得不使用卷滚条。 18 专家最喜爱的Web设计工具 Photoshop a
Flash Illustrator ImageRead er a Fireworks 7. Allaire Homesites Notepad 9.
Macromedia Director 10. Lightwave 11. Macromedia Freehand 12．其它：Adobe Acrobat
Exchange，Allaire ColdFusion,BBEdit,HTML Validator等。 19 网站介绍
你应当有一个很清晰的网站介绍，告诉访问者你的网站能够提供些什么，以便访问者能找到想要的东西。但是，许多设计者都没有这样做。有效的导航条和搜索工具使人们很容易找到有用的信息，这对访问者很重要。告诉访问者你所提供的正是他们想要的信息。
20 “网站一旦发布，网站设计的优点和缺陷全都公布于世。没有什么方法使你能够比从自己的错误、倾听其他人的建议和用户反馈意见中学到更多的东西。” ——专家忠告
21 闪烁让人头痛 通过使用标识可以吸引访问者对你的主页特殊部分的注意，但这也让你的访问者头痛。如果你想使访问者再次光顾你的网站，就少用此方法。 22
背景颜色 背景颜色也会产生一些问题，可能会使网页难于阅读。你应当坚持使用白色的背景和黑色的文本，另外还应当坚持使用通用字体。 23 向前和向后按钮
应当避免强迫用户使用向前和向后按钮。你的设计应当使用户能够很快地找到他们所要的东西。绝大多数好的站点在每一页同样的位置上都有相同的导航条，使浏览者能够从每一页上访问网站的任何部分。
24 “坚持你的信念。严格遵守各种规则。避免想当然。绝不停止学习。” ——专家忠告 25 点击记数器
不要轻易考虑在你的网站上放置一个醒目的点击记数器。你设计网站是为了给访问者提供服务，而不是推销你自己认为重要的东西。大多数浏览者认为计数器毫无意义，它们很容易被做假，浏览者也不想看广告。如果你显示你的网站是多么受欢迎，你最好提供一个链接，显示访问日志。
26 不要用框架
与记数器一样，框架在网页上越来越流行。在大多数网站上，在屏幕的左边有一个框架。但是设计者立刻就发现，在使用框架时产生了许多的问题。使用框架时如果没有17英寸的显示屏几乎不可能显示整个网站。框架也使得网站内个人主页不能够成为书签。也许更重要的是，搜索引擎常常被框架混淆，从而不能列出你的网站。
27 去掉图像
在浏览器中即使去掉了图像功能，也要保证访问者能够在你的网站上获得满意的效果。对于那些使用ISDN连接并且关掉了图像功能的访问者，还能获得好的网页加载性能。可以通过在网页底部提供另外的链接和使用替代文字，而不是图像来满足访问者的需要。
28 重复使用图像
一些网站由于使用大量不重复的图像而错过了使用更好的技巧的机会。在创建商标时，在网页上多次使用同样的图像是一个好的方法，并且一旦它们被装入，以后重新载入就会很快。
29 避免使用过大的图像 不要使用横跨整个屏幕的图像。避免访问者向右滚动屏幕。占75%的屏幕宽度是一个好的建议。 30 “避免使用炫耀的技巧。”
——专家忠告 31 选择使用Flash动画
许多使用比较慢的计算机的访问者发现动画图标很容易耗尽系统资源，使网站的操作变得很困难，因此，应该给用户一个跳过使用Flash动画的选择。 32
尽量少使用Flash插件 虽然许多Web设计者认为Flash功能很强大，并且Netscape5.0将支持Flash，在使用时不必再下载任何插件。
但是，最好还是取消使用Flash做各接口的想法。 33 让用户先预览小图像
如果不得不放置大的图像在网站上，就最好使用Thumbnails软件，把图像的缩小版本的预览效果显示出来，这样用户就不必浪费金钱和时间去下载他们根本不想看的大图像。
34 动画与内容应有机结合 确保动画和内容有关联。它们应和网页浑然一体，而不是干巴巴的。动画并不只是Macromedia
Director等制作的东西的简单堆积。 35 慎用声音
声音的运用也应得到警惕。内联声音是网页设计者的另一个禁地。因为过多地使用声音会使下载速度很慢，同时并没有带给浏览者多少好处。首次听到鼠标发出声音可能会很有趣，但是多次以后肯定会很烦人。使用声音前，应该仔细考虑声音将会给你带来什么。
36 少用Java 和AxtiveX 在网页上应尽量少使用Java 和AxtiveX。因为并不是每一种浏览器都需要使用它，只有那些Netscape
和Explorer的早期版本的使用者才需要它。另外Mac在处理Java时也存在问题，过分地使用Java，会使Mac崩溃。 37 设计成功的网站
——内容和关联性很好 ——图形下载很快 ——设计简单明了 38 慎用插件
在Web设计中，如果依赖于一些特别的插件，会减少网站的吸引力。如果访问者没有所要求的插件，将不得不到其它站点去下载，这样访问者有可能就不会返回了。 39
使用著名的插件 如果网站上有声音或视频，要保证使用者通过使用某个知名的插件，能够听到或看到。许多站点使用QuickTime、RealPlay和
Shockwave插件。因为，许多访问者并不愿意浪费很多时间和金钱去下载可能仅使用一次的插件。 40 使用先进技术
跟上新的技术。Web技术的进步绝不会停止，所以应花一些时间来研究新产品和开发技术。 41 自己创建图像和声音
使用你自己创建的或从某个商业网站上下载的图像和声音。在制作商业网站时，应该花足够的资金来创建图形，以增强公司的宣传。 42
“无论是游戏、图像、动画还是电影，想想你喜欢的设计是怎样的，这将激发你的创作灵感，使你创作出新的和更好的网站。” ——专家忠告 43 平台的兼容性
要为用户着想，必须最少在一台PC 和一台Mac机上测试你的网站，看看兼容性如何。 44 用软件分析工具找错
使用软件分析工具检查HTML。软件分析工具Doctor HTML能够帮助检查HTML中的任何问题。如果你有许多网页需要检查，可选用软件分析工具。在网址 45
避免错误链接
网站中可能与其它一些有用的站点作了链接。但是，如果在你的网页上有链接，一定要经常检查它们，保证链接有效。链接的网站可能很多，但不要链接到与你的内容无关的网站上。
46 给观众成熟的东西 如果网站没有完成，就不要发送到Web上。所有好的网站都是在幕后完成之后再发布的。 47 在搜索引擎上登记网站
任何一个人发现你的网站的机会都很少，除非你把你的网站在主要的搜索引擎上进行登记。 48 设计一个留言板
浏览者愿意把时间花在好的网站上，所以最好有一个留言本，这能激励访问者再次回到你的网站，还有助于扩充网站内容。 49 测试网站
在你的网站正式发布之前，必须进行有用的测试。在设计网站时要使用最新的软件，但是不要忘了人们并不会使用最新的浏览器，所以要照顾到以前的浏览器。在上载网站时还要测试所有的链接和导航工具条。
50 “尽你所能反复测试所设计的网站，直到你不能发现新的东西为止。” ——专家忠告 51 演示即将发布的网站
在网站正式运行之前，让人演示它。演示中人们会告诉你所设计的网站是否容易使用。 52 动画点缀 网页上的动画最多只用一个 53
“倾斜的按钮看起来不会太好，最好不要使用。” ——专家忠告 54 内容组织
在开始创建新的网页前，仔细考虑网站内容的组织。决定好想让访问者浏览的内容，然后设计导航系统。 55 “空白万岁”
注意留空白。不要用图像、文本和不必要的动画GIFs来充斥网页，即使有足够的空间，在设计时也应该避免使用。 56
“利用空白去吸引注意力。为了吸引眼球，Web设计者使用各种方法，比如：闪烁、旋转等，但是利用空白会吸引更多的注意力。” ——专家忠告 57 图像压缩
为了保持小的图像，可以使用类似GIF向导的程序，它能自动对图像进行压缩。
先声明图像的大小,在图像显示之前最好能详细说明图像大小属性，可以在IMG标签中保存这个属性。这可以使网页显得很流畅，因为浏览器可以在图像被下载之前在屏幕上显示整个网页。
58 设计失败的网站 ——在它上面找一件T恤衫要花一个小时 ——不吸引人，主页太雷赘 . ——设计太差 . ——没有新意 . ——导航不知所云 59
图像大小属性，可以在IMG标签中保存这个属性。这可以使网页显得很流畅，因为浏览器可以在图像被下载之前在屏幕上显示整个网页。 60 用户注册
如果能知道谁浏览了网站以及是怎样浏览网站的，那么就能得到大量有用的信息。但是，要求访问者在浏览网站之前进行注册，这样做是要冒风险的，因为这将赶走一批不愿意注册的人。获得信息的另一种方法是进行有奖竞猜或金钱奖励，让用户能主动填一些信息反馈表。
61 使网站具有交互功能 在网站上提供一些回答问题的工具，使得访问者能从网站上获得交互的信息。 62 图片更新
尽可能经常更换网站上的图片，人们更愿意点击的是图片而不是文本。 63 在网站上提供游戏 游戏是很好的交互工具，它是使访问者能再次光顾网站的好方法。 64
挑选工具软件 仔细选择Web设计工具。保证使用自己最想要的、自我感觉最好的软件。 65 使用最新版本的软件

三、网页设计最重要的原则是什么为什么

一、设计的任务设计是一种审美活动，成功的设计作品一般都很艺术化。
但艺术只是设计的手段，而并非设计的任务。
设计的任务是要实现设计者的意图，而并非创造美。
网页设计的任务，是指设计者要表现的主题和要实现的功能。
站点的性质不同，设计的任务也不同。
从形式上，可以将站点分为以下三类。
第一类是资讯类站点，像新浪、网易、搜狐等门户网站。
这类站点将为访问者提供大量的信息，而且访问量较大。
因此需注意页面的分割、结构的合理、页面的优化、界面的亲和等问题。
第二类是资讯和形象相结合的网站，像一些较大的公司、国内的高校等。
这类网站在设计上要求较高，既要保证资讯类网站的上述要求，同时又要突出企业、单位的形象。
然而就现状上来看，这类网站有粗制滥造的嫌疑。
第三类则是形象类网站，比如一些中小型的公司或单位。
这类网站一般较小，有的则有几页，需要实现的功能也较为简单，网页设计的主要任务是突出企业形象。
这类网站对设计者的美工水平要求较高。
当然，这只是从整体上来看，具体情况还要具体分析。
不同的站点还要区别对待。
别忘了最重要的一点，那就是客户的要求，它也属于设计的任务。
明确了设计的任务之后，接下来要想的就是如何完成这个任务了。
二、设计的实现 设计的实现可以分为两个部分。
第一部分为站点的规划及草图的绘制，这一部分可以在纸上完成。
第二部分为网页的制作，这一过程是在计算机上完成的。
设计首页的第一步是设计版面布局。
我们可以将网页看作传统的报刊杂志来编辑，这里面有文字、图像乃至动画，我们要做的工作就是以最适合的方式将图片和文字排放在页面的不同位置。
除了要有一台配置不错的计算机外，软件也是必需的。
不能简单地说一个软件的好坏，只要是设计者使用起来觉得方便而且能得心应手的，就可以称为好软件。
当然，它应该能满足设计者的要求。
笔者常用的软件是Macromedia的Dreamweaver、Fireworks、Flash以及Adobe的Photoshop、imageready，这些都是很不错的软件。
接下来我们要做的就是通过软件的使用，将设计的蓝图变为现实，最终的集成一般是在Dreamweaver里完成的。
虽然在草图上，我们定出了页面的大体轮廓，但是灵感一般都是在制作过程中产生的。
设计作品一定要有创意，这是最基本的要求，没有创意的设计是失败的。
在制作的过程中，我们会碰到许多问题，其中最敏感的莫过于页面的颜色了。
三、色彩的运用 色彩是一种奇怪的东西，它是美丽而丰富的，它能唤起人类的心灵感知。
一般来说，红色是火的颜色，热情、奔放；也是血的颜色，可以象征生命。
黄色是明度最高的颜色，显得华丽、高贵、明快。
绿色是大自然草木的颜色，意味着纯自然和生长，象征安宁和平与安全，如绿色食品。
紫色是高贵的象征，有庄重感。
白色能给人以纯洁与清白的感觉，表示和平与圣洁。
我们知道，颜色是光的折射产生的，红、黄、蓝是三原色，其它的色彩都可以用这三种色彩调和而成。
换一种思路，我们可以用颜色的变化来表现光影效果，这无疑将使我们的作品更贴近现实。
色彩代表了不同的情感，有着不同的象征含义。
这些象征含义是人们思想交流当中的一个复杂问题，它因人的年龄、地域、时代、民族、阶层、经济地区、工作能力、教育水平、风俗习惯、宗教信仰、生活环境、性别差异而有所不同。
单纯的颜色并没有实际的意义，和不同的颜色搭配，它所表现出来的效果也不同。
比如绿色和金黄、淡白搭配，可以产生优雅，舒适的气氛。
蓝色和白色混合，能体现柔顺、淡雅、浪漫的气氛。
红色和黄色、金色的搭配能渲染喜庆的气氛。
而金色和粟色的搭配则会给人带来暖意。
设计的任务不同，配色方案也随之不同。
考虑到网页的适应性，应尽量使用网页安全色。
但颜色的使用并没有一定的法则，如果一定要用某个法则去套，效果只会适得其反。
经验上我们可先确定一种能表现主题的主体色，然后根据具体的需要，应用颜色的近似和对比来完成整个页面的配色方案。
整个页面在视觉上应是一个整体，以达到和谐、悦目的视觉效果。
四、造型的组合 在网页设计中，我们主要通过视觉传达来表现主题。
在视觉传达中，造型是很重要的一个元素。
抛去是图还是文字的问题，画面上的所有元素可以统一作为画面的基本构成要素点、线、面来进行处理。
在一幅成功的作品里，是需要点、线、面的共同组合与搭配来构造整个页面的。
通常我们可以使用的组合手法有秩序、比例、均衡、对称、连续、间隔、重叠、反复、交、节奏、韵律、归纳、变异、特写、反射等等，它们都有各自的特点。
在设计中应根据具体情况，选择最适合的表现手法，这样有利于主题的表现。
通过点、线、面的组合，可以突出页面上的重要元素，突出设计的主题，增强美感，让观者在感受美的过程中领会设计的主题，从而实现设计的任务。
造型的巧妙运用不仅能带来极大的美感，而且能较好地突出企业形象，而且能将网页上的各种元素有机的组织起来，它甚至还可以引导观者的视线。
五、设计的原则 设计是有原则的，无论使用何种手法对画面中的元素进行组合，都一定要遵循五个大的原则：统一、连贯、分割、对比及和谐。
统一，是指设计作品的整体性，一致性。
设计作品的整体效果是至关重要的，在设计中切勿将各组成部分孤立分散，那样会使画面呈现出一种枝蔓纷杂的凌乱效果。
连贯，是指要注意页面的相互关系。
设计中应利用各组成部分在内容上的内在联系和表现形式上的相互呼应，并注意整个页面设计风格的一致性，实现视觉上和心理上的连贯，使整个页面设计的各个部分极为融洽，犹如一气呵成。
分割，是指将页面分成若干小块，小块之间有视觉上的不同，这样可以使观者一目了然。
在信息量很多时为使观者能够看清楚，就要注意到将画面进行有效的分割。
分割不仅是表现形式的需要。
换个角度来讲，分割也可以被视为对于页面内容的一种分类归纳。
对比就是通过矛盾和冲突，使设计更加富有生气。
对比手法很多，例如：多与少、曲与直、强与弱、长与短、粗与细、疏与密、虚与实、主与次、黑与白、动与静、美与丑、聚与散等等。
在使用对比的时候应慎重，对比过强容易破坏美感，影响统一。
和谐是指整个页面符合美的法则，浑然一体。
如果一件设计作品仅仅是色彩、形状、线条等的随意混合，那么作品将不但没有“生命感”，而且也根本无法实现视觉设计的传达功能。
和谐不仅要看结构形式，而且要看作品所形成的视觉效果能否与人的视觉感受形成一种沟通，产生心灵的共鸣。
这是设计能否成功的关键。
六、网页的优化 在网页设计中，网页的优化是较为重要的一个环节。
它的成功与否会影响页面的浏览速度和页面的适应性，影响观者对网站的印象。
在资讯类网站中，文字是页面中最大的构成元素，因此字体的优化显得尤为重要。
使用css样式表指定文字的样式是必要的，通常我们将字体指定为宋体，大小指定为12px，颜色要视背景色而定，原则上以能看清且与整个页面搭配和谐为准。
在白色的背景上，我们一般使用黑色，这样不易产生视觉疲劳，能保证浏览者较长时间地浏览网页。
图片是网页中的重要元素。
图片的优化可以在保证浏览质量的前提下将其size降至最低，这样可以成倍地提高网页的下载速度。
利用Photoshop6或Fireworks4可以将图片切成小块，分别进行优化。
输出的格式可以为gif或jpeg，要视具体情况而定。
一般我们把有较为复杂颜色变化的小块优化为jpeg，而把那种只有单纯色块的卡通画式的小块优化为gif，这是由这两种格式的特点决定的。
表格(table)是页面中的重要元素,是页面排版的主要手段。
我们可以设定表格的宽度、高度、边框、背景色、对齐方式等参数。
很多时候，我们将表格的边框设为0，以此来定位页面中的元素，或者籍此确定页面中各元素的相对位置。
我们知道：浏览器在读取网页html原代码时，是读完整个table才将它显示出来的。
如果一个大表格中含有多个子表格，必须等大表格读完，才能将子表格一起显示出来。
我们在访问一些站点时，等待多时无结果，按”停止”按钮却一下显示出页面就是这个原因。
因此，我们在设计页面表格的时候，应该尽量避免将所有元素嵌套在一个表格里，而且表格嵌套层次尽量要少。
在使用Dreamweaver制作网页时，会自动在每一个td内添加一个空字符“ ”。
如果单元格内没有填充其它元素，这个空字符会保留，在指定td的宽度或高度后，可以在源代码内将其删去。
网页的适应性是很重要的，在不同的系统上，不同的分辨率下，不同的浏览器上，我们将会看到不同的结果，因此设计时要统筹考虑。
一般我们在800600下制作网页，最佳浏览效果也是在800600分辨率下，在其它情况下只要保证基本一致，不出现较大问题即可。
说了这么多，只是希望能对做“网页设计”的人有所帮助，希望他们在做网页的时候能够从整体着眼，无愧于“设计”这两个字。
★建设自己的网站较好的步骤☆ 必须注意的是：建立自己的网站是一件浩大的工程，一般比较麻烦。
所以应当按照一定的步骤一步步来。
我觉得建站可以按照以下步骤进行： 1、先在本地设一个文件夹，作为网站存储的地方。
名字最好取“My Sites”。
2、在网站文件夹里面建立一些文件夹，包括“images”等（存储图片、文件等），并且按照网页内容，再建立几个文件夹。
（也可以把存储图片、文件的文件夹在每个内容文件夹里面各搞一些）
3、打开你的网页编辑程序（例如FP、Dreamwear等），新建网页，保存为“index”（主页），重复以上步骤，在网站文件夹里面建立“search”（查找）、“map”（站点地图）、“index02”（网站简介等）。
4、按照上面步骤，再在网站分类文件夹里面建立许多网页（接着还要把内容输入网页） 5、已经做到了这么多，我们该准备内容了吧。
在硬盘上面再建立一个文件夹“File”，把准备好的文档、图片、程式、文件和网页特效等放进去。
（可以加入一些动态网页） 6、慢慢把这些文件一个不漏的放进网页里面（要掌握技巧） 7、把网站充实了，就差不多了。
这时应该申请一个域名（免费空间、附费都可以）。
并且把自己的网站放入搜索引擎，而且在各种留言版上面宣传。
8、把网站上传至空间里面，删了准备文件，就OK了！ 不过也可以这样使用FP建站： 1、在FP里面选择新建站点。
2、然后在【导航】里面设置网页名称以及标题。
3、准备好文档、图片、程式、文件和网页特效等，把它们都充实进网站里面。
4、申请一个域名（免费空间、附费都可以）。
并且把自己的网站放入搜索引擎，而且在各种留言版上面宣传。
5、把网站上传至空间里面，删了准备文件。
完毕。
如果使用Dreamwear来建站，那就更加高级啦！Dreamwear的功能很强大，安装了它的朋友们可以研究研究。
在网站设计中，纯粹HTML格式的网页通常被称为“静态网页”，早期的网站一般都是由静态网页制作的。
静态网页的网址形式通常为：/eg/，也就是以.htm、.html、.shtml、.xml等为后后缀的。
在HTML格式的网页上，也可以出现各种动态的效果，如.GIF格式的动画、FLASH、滚动字母等，这些“动态效果”只是视觉上的，与下面将要介绍的动态网页是不同的概念。
在《网络营销基础与实践》第二版第3章“网络营销导向的企业网站建设”中，提出了采用静态网页对搜索引擎的影响，书中对于静态网页本身的介绍比较少，尤其对于静态网页的特点没有做专门的介绍。
网络营销教学网站()将静态网页的特点简要归纳如下：
（1）静态网页每个网页都有一个固定的URL，且网页URL以.htm、.html、.shtml等常见形式为后缀，而不含有“？”；
（2）网页内容一经发布到网站服务器上，无论是否有用户访问，每个静态网页的内容都是保存在网站服务器上的，也就是说，静态网页是实实在在保存在服务器上的文件，每个网页都是一个独立的文件；
（3）静态网页的内容相对稳定，因此容易被搜索引擎检索；
（4）静态网页没有数据库的支持，在网站制作和维护方面工作量较大，因此当网站信息量很大时完全依靠静态网页制作方式比较困难；
（5）静态网页的交互性交叉，在功能方面有较大的限制。
一、设计的任务设计是一种审美活动，成功的设计作品一般都很艺术化。
但艺术只是设计的手段，而并非设计的任务。
设计的任务是要实现设计者的意图，而并非创造美。
网页设计的任务，是指设计者要表现的主题和要实现的功能。
站点的性质不同，设计的任务也不同。
从形式上，可以将站点分为以下三类。
第一类是资讯类站点，像新浪、网易、搜狐等门户网站。
这类站点将为访问者提供大量的信息，而且访问量较大。
因此需注意页面的分割、结构的合理、页面的优化、界面的亲和等问题。
第二类是资讯和形象相结合的网站，像一些较大的公司、国内的高校等。
这类网站在设计上要求较高，既要保证资讯类网站的上述要求，同时又要突出企业、单位的形象。
然而就现状上来看，这类网站有粗制滥造的嫌疑。
第三类则是形象类网站，比如一些中小型的公司或单位。
这类网站一般较小，有的则有几页，需要实现的功能也较为简单，网页设计的主要任务是突出企业形象。
这类网站对设计者的美工水平要求较高。
当然，这只是从整体上来看，具体情况还要具体分析。
不同的站点还要区别对待。
别忘了最重要的一点，那就是客户的要求，它也属于设计的任务。
明确了设计的任务之后，接下来要想的就是如何完成这个任务了。
二、设计的实现 设计的实现可以分为两个部分。
第一部分为站点的规划及草图的绘制，这一部分可以在纸上完成。
第二部分为网页的制作，这一过程是在计算机上完成的。
设计首页的第一步是设计版面布局。
我们可以将网页看作传统的报刊杂志来编辑，这里面有文字、图像乃至动画，我们要做的工作就是以最适合的方式将图片和文字排放在页面的不同位置。
除了要有一台配置不错的计算机外，软件也是必需的。
不能简单地说一个软件的好坏，只要是设计者使用起来觉得方便而且能得心应手的，就可以称为好软件。
当然，它应该能满足设计者的要求。
笔者常用的软件是Macromedia的Dreamweaver、Fireworks、Flash以及Adobe的Photoshop、imageready，这些都是很不错的软件。
接下来我们要做的就是通过软件的使用，将设计的蓝图变为现实，最终的集成一般是在Dreamweaver里完成的。
虽然在草图上，我们定出了页面的大体轮廓，但是灵感一般都是在制作过程中产生的。
设计作品一定要有创意，这是最基本的要求，没有创意的设计是失败的。
在制作的过程中，我们会碰到许多问题，其中最敏感的莫过于页面的颜色了。
三、色彩的运用 色彩是一种奇怪的东西，它是美丽而丰富的，它能唤起人类的心灵感知。
一般来说，红色是火的颜色，热情、奔放；也是血的颜色，可以象征生命。
黄色是明度最高的颜色，显得华丽、高贵、明快。
绿色是大自然草木的颜色，意味着纯自然和生长，象征安宁和平与安全，如绿色食品。
紫色是高贵的象征，有庄重感。
白色能给人以纯洁与清白的感觉，表示和平与圣洁。
我们知道，颜色是光的折射产生的，红、黄、蓝是三原色，其它的色彩都可以用这三种色彩调和而成。
换一种思路，我们可以用颜色的变化来表现光影效果，这无疑将使我们的作品更贴近现实。
色彩代表了不同的情感，有着不同的象征含义。
这些象征含义是人们思想交流当中的一个复杂问题，它因人的年龄、地域、时代、民族、阶层、经济地区、工作能力、教育水平、风俗习惯、宗教信仰、生活环境、性别差异而有所不同。
单纯的颜色并没有实际的意义，和不同的颜色搭配，它所表现出来的效果也不同。
比如绿色和金黄、淡白搭配，可以产生优雅，舒适的气氛。
蓝色和白色混合，能体现柔顺、淡雅、浪漫的气氛。
红色和黄色、金色的搭配能渲染喜庆的气氛。
而金色和粟色的搭配则会给人带来暖意。
设计的任务不同，配色方案也随之不同。
考虑到网页的适应性，应尽量使用网页安全色。
但颜色的使用并没有一定的法则，如果一定要用某个法则去套，效果只会适得其反。
经验上我们可先确定一种能表现主题的主体色，然后根据具体的需要，应用颜色的近似和对比来完成整个页面的配色方案。
整个页面在视觉上应是一个整体，以达到和谐、悦目的视觉效果。
四、造型的组合 在网页设计中，我们主要通过视觉传达来表现主题。
在视觉传达中，造型是很重要的一个元素。
抛去是图还是文字的问题，画面上的所有元素可以统一作为画面的基本构成要素点、线、面来进行处理。
在一幅成功的作品里，是需要点、线、面的共同组合与搭配来构造整个页面的。
通常我们可以使用的组合手法有秩序、比例、均衡、对称、连续、间隔、重叠、反复、交、节奏、韵律、归纳、变异、特写、反射等等，它们都有各自的特点。
在设计中应根据具体情况，选择最适合的表现手法，这样有利于主题的表现。
通过点、线、面的组合，可以突出页面上的重要元素，突出设计的主题，增强美感，让观者在感受美的过程中领会设计的主题，从而实现设计的任务。
造型的巧妙运用不仅能带来极大的美感，而且能较好地突出企业形象，而且能将网页上的各种元素有机的组织起来，它甚至还可以引导观者的视线。
五、设计的原则 设计是有原则的，无论使用何种手法对画面中的元素进行组合，都一定要遵循五个大的原则：统一、连贯、分割、对比及和谐。
统一，是指设计作品的整体性，一致性。
设计作品的整体效果是至关重要的，在设计中切勿将各组成部分孤立分散，那样会使画面呈现出一种枝蔓纷杂的凌乱效果。
连贯，是指要注意页面的相互关系。
设计中应利用各组成部分在内容上的内在联系和表现形式上的相互呼应，并注意整个页面设计风格的一致性，实现视觉上和心理上的连贯，使整个页面设计的各个部分极为融洽，犹如一气呵成。
分割，是指将页面分成若干小块，小块之间有视觉上的不同，这样可以使观者一目了然。
在信息量很多时为使观者能够看清楚，就要注意到将画面进行有效的分割。
分割不仅是表现形式的需要。
换个角度来讲，分割也可以被视为对于页面内容的一种分类归纳。
对比就是通过矛盾和冲突，使设计更加富有生气。
对比手法很多，例如：多与少、曲与直、强与弱、长与短、粗与细、疏与密、虚与实、主与次、黑与白、动与静、美与丑、聚与散等等。
在使用对比的时候应慎重，对比过强容易破坏美感，影响统一。
和谐是指整个页面符合美的法则，浑然一体。
如果一件设计作品仅仅是色彩、形状、线条等的随意混合，那么作品将不但没有“生命感”，而且也根本无法实现视觉设计的传达功能。
和谐不仅要看结构形式，而且要看作品所形成的视觉效果能否与人的视觉感受形成一种沟通，产生心灵的共鸣。
这是设计能否成功的关键。
六、网页的优化 在网页设计中，网页的优化是较为重要的一个环节。
它的成功与否会影响页面的浏览速度和页面的适应性，影响观者对网站的印象。
在资讯类网站中，文字是页面中最大的构成元素，因此字体的优化显得尤为重要。
使用css样式表指定文字的样式是必要的，通常我们将字体指定为宋体，大小指定为12px，颜色要视背景色而定，原则上以能看清且与整个页面搭配和谐为准。
在白色的背景上，我们一般使用黑色，这样不易产生视觉疲劳，能保证浏览者较长时间地浏览网页。
图片是网页中的重要元素。
图片的优化可以在保证浏览质量的前提下将其size降至最低，这样可以成倍地提高网页的下载速度。
利用Photoshop6或Fireworks4可以将图片切成小块，分别进行优化。
输出的格式可以为gif或jpeg，要视具体情况而定。
一般我们把有较为复杂颜色变化的小块优化为jpeg，而把那种只有单纯色块的卡通画式的小块优化为gif，这是由这两种格式的特点决定的。
表格(table)是页面中的重要元素,是页面排版的主要手段。
我们可以设定表格的宽度、高度、边框、背景色、对齐方式等参数。
很多时候，我们将表格的边框设为0，以此来定位页面中的元素，或者籍此确定页面中各元素的相对位置。
我们知道：浏览器在读取网页html原代码时，是读完整个table才将它显示出来的。
如果一个大表格中含有多个子表格，必须等大表格读完，才能将子表格一起显示出来。
我们在访问一些站点时，等待多时无结果，按”停止”按钮却一下显示出页面就是这个原因。
因此，我们在设计页面表格的时候，应该尽量避免将所有元素嵌套在一个表格里，而且表格嵌套层次尽量要少。
在使用Dreamweaver制作网页时，会自动在每一个td内添加一个空字符“ ”。
如果单元格内没有填充其它元素，这个空字符会保留，在指定td的宽度或高度后，可以在源代码内将其删去。
网页的适应性是很重要的，在不同的系统上，不同的分辨率下，不同的浏览器上，我们将会看到不同的结果，因此设计时要统筹考虑。
一般我们在800600下制作网页，最佳浏览效果也是在800600分辨率下，在其它情况下只要保证基本一致，不出现较大问题即可。
说了这么多，只是希望能对做“网页设计”的人有所帮助，希望他们在做网页的时候能够从整体着眼，无愧于“设计”这两个字。
★建设自己的网站较好的步骤☆ 必须注意的是：建立自己的网站是一件浩大的工程，一般比较麻烦。
所以应当按照一定的步骤一步步来。
我觉得建站可以按照以下步骤进行： 1、先在本地设一个文件夹，作为网站存储的地方。
名字最好取“My Sites”。
2、在网站文件夹里面建立一些文件夹，包括“images”等（存储图片、文件等），并且按照网页内容，再建立几个文件夹。
（也可以把存储图片、文件的文件夹在每个内容文件夹里面各搞一些）
3、打开你的网页编辑程序（例如FP、Dreamwear等），新建网页，保存为“index”（主页），重复以上步骤，在网站文件夹里面建立“search”（查找）、“map”（站点地图）、“index02”（网站简介等）。
4、按照上面步骤，再在网站分类文件夹里面建立许多网页（接着还要把内容输入网页） 5、已经做到了这么多，我们该准备内容了吧。
在硬盘上面再建立一个文件夹“File”，把准备好的文档、图片、程式、文件和网页特效等放进去。
（可以加入一些动态网页） 6、慢慢把这些文件一个不漏的放进网页里面（要掌握技巧） 7、把网站充实了，就差不多了。
这时应该申请一个域名（免费空间、附费都可以）。
并且把自己的网站放入搜索引擎，而且在各种留言版上面宣传。
8、把网站上传至空间里面，删了准备文件，就OK了！ 不过也可以这样使用FP建站： 1、在FP里面选择新建站点。
2、然后在【导航】里面设置网页名称以及标题。
3、准备好文档、图片、程式、文件和网页特效等，把它们都充实进网站里面。
4、申请一个域名（免费空间、附费都可以）。
并且把自己的网站放入搜索引擎，而且在各种留言版上面宣传。
5、把网站上传至空间里面，删了准备文件。
完毕。
如果使用Dreamwear来建站，那就更加高级啦！Dreamwear的功能很强大，安装了它的朋友们可以研究研究。
在网站设计中，纯粹HTML格式的网页通常被称为“静态网页”，早期的网站一般都是由静态网页制作的。
静态网页的网址形式通常为：/eg/，也就是以.htm、.html、.shtml、.xml等为后后缀的。
在HTML格式的网页上，也可以出现各种动态的效果，如.GIF格式的动画、FLASH、滚动字母等，这些“动态效果”只是视觉上的，与下面将要介绍的动态网页是不同的概念。
在《网络营销基础与实践》第二版第3章“网络营销导向的企业网站建设”中，提出了采用静态网页对搜索引擎的影响，书中对于静态网页本身的介绍比较少，尤其对于静态网页的特点没有做专门的介绍。
网络营销教学网站()将静态网页的特点简要归纳如下：
（1）静态网页每个网页都有一个固定的URL，且网页URL以.htm、.html、.shtml等常见形式为后缀，而不含有“？”；
（2）网页内容一经发布到网站服务器上，无论是否有用户访问，每个静态网页的内容都是保存在网站服务器上的，也就是说，静态网页是实实在在保存在服务器上的文件，每个网页都是一个独立的文件；
（3）静态网页的内容相对稳定，因此容易被搜索引擎检索；
（4）静态网页没有数据库的支持，在网站制作和维护方面工作量较大，因此当网站信息量很大时完全依靠静态网页制作方式比较困难；
（5）静态网页的交互性交叉，在功能方面有较大的限制。

四、网站设计要做什么

答：还有一种情况是，网站域名DNS、网站主机及网站程序开发问题，导致用户尚未完全打开网站，已经心生浮躁而放弃继续浏览