第一，做网站 ，首先必须要解决的就是网站内容问题 ，即确定网站的主题 。
对于内容主题的选择，要做到小而精 ，主题定位要小 ，内容要精 。不要去试图制作一个包罗万象的站点，这往往会失去网站的特色 ，也会带来高强度的劳动 ，给网站的及时更新带来困难。
第二，选择好域名
域名是网站在互联网上的名字 。一个非产品推销的纯信息服务网站 ，其所有建设的价值 ，都凝结在其网站域名之上 。失去这个域名，所有前期工作就将全部落空。
第三：掌握建网工具
网络技术的发展带动了软件业的发展，所以用于制作Web页面的工具软件也越来越丰富 。从最基本的HTML编辑器到现在非常流行的Flash互动网页制作工具 ，各种各样的Web页面制作工具 ，网站制作者需了解W3C的HTML4.0规范、CSS层叠样式表的基本知识 、javascript 、VBScript的基本知识 。对于常用的一些脚本程序如ASP、CGI 、PHP也要有适当了解，还要熟练使用图形处理工具和动画制作工具以及矢量绘图工具 ，并能部分了解多种图形图像动画工具的基本用法 ，熟练使用FTP工具以及拥有相应的软硬件和网络知识也是必备的
第四：确定网站界面
界面就是网站给浏览者的第一印象，往往决定着网站的可看性 ，在确定网站的界面时要注意以下三点：
①栏目与板块编排
构建一个网站就好比写一篇论文 ，首先要列出题纲，才能主题明确 、层次清晰。网站建设初学者 ，最容易犯的错误就是：确定题材后立刻开始制作 ，没有进行合理规划 。从而导致网站结构不清晰，目录庞杂混乱 ，板块编排混乱等 。结果不但浏览者看得糊里糊涂 ，制作者自己在扩充和维护网站也相当困难。所以，我们在动手制作网页前，一定要考虑好栏目和板块的编排问题。
网站的题材确定后 ，就要将收集到的资料内容作一个合理的编排 。比如 ，将一些最吸引人的内容放在最突出的位置或者在版面分布上占优势地位 。栏目的实质是一个网站的大纲索引，索引应该将网站的主体明确显示出来。在制定栏目的时候 ，要仔细考虑 ，合理安排 。在栏目编排时需要注意的是：
●尽可能删除那些与主题无关的栏目；
●尽可能将网站内最有价值的内容列在栏目上；
●尽可能从访问者角度来编排栏目以方便访问者的浏览和查询；辅助内容，如站点简介、版权信息 、个人信息等大可不必放在主栏目里 ，以免冲淡主题 。
另外 ，板块的编排设置也要合理安排与划分。板块比栏目的概念要大一些，每个板块都有自己的栏目 。举个例子：ENET硅谷动力（.cn）的站点分新闻 、产品、游戏 、学院等板块 ，每个板块下面又各有自己的主栏目 。一般来说 ，个人站点内容较少，只要分个栏目也就够了 ，不需要设置板块。如果有必要设置板块的 ，应该注意：
●各板块要有相对独立性；
●各板块要有相互关联；
●各板块的内容要围绕站点主题；
②目录结构与链接结构
网站的目录是指建立网站时创建的目录 。例如：在用Frontpage建立网站时都默认建立了根目录和Images子目录 。目录的结构是一个容易忽略的问题，大多数站长都是未经规划，随意创建子目录。目录结构的好坏 ，对浏览者来说并没有什么太大的感觉 ，但是对于站点本身的维护，以后内容的扩充和移植有着重要的影响 。所以建立目录结构时也要仔细安排 ，比如：
●不要将所有文件都存放在根目录下 。有网站制作者为了方便 ，将所有文件都放在根目录下。这样就很容易造成：文件管理混乱，搞不清哪些文件需要编辑和更新 ，哪些无用的文件可以删除 ，哪些是相关联的文件，影响工作效率；上传速度变慢 ，服务器一般都会为根目录建立一个文件索引 ，如果将所有文件都放在根目录下，那么即使只上传更新一个文件 ，服务器也需要将所有文件再检索一遍 ，建立新的索引文件，很明显，文件量越大 ，等待的时间也将越长。
●按栏目内容建立子目录 。子目录的建立 ，首先按主栏目建立 。友情连接内容较多，需要经常更新的可以建立独立的子目录。而一些相关性强 ，不需要经常更新的栏目 ，例如：网站简介 、站长情况等可以合并放在一个统一目录下 。所有程序一般都存放在特定目录，例如：CGI程序放在cgi-bin目录 ，所有提供下载的内容也最好放在一个目录下 ，便于维护管理 。
●在每个主目录下都建立独立的Images目录。一般来说，一个站点根目录下都有一个默认地Images目录 。将所有都存放在这个目录里很是不方便 ，比如在栏目删除时 ，的管理相当麻烦 。所以为每个主栏目建立一个独立的Images目录是方便管理的。原因很简单，就是方便维护与管理 。
其它需要注意的还有：目录的层次不要太深 ，不要超过3层；不要使用中文目录 ，使用中文目录可能对网址的正确显示造成困难；不要使用过长的目录，太长的目录名不便于记忆；尽量使用意义明确的目录，以便于记忆和管理 。
网站的链接结构是指页面之间相互链接的拓扑结构。它建立在目录结构基础之上 ，但可以跨越目录 。形象的说：每个页面都是一个固定点 ，链接则是在两个固定点之间的连线 。一个点可以和一个点连接，也可以和多个点连接。更重要的是 ，这些点并不是分布在一个平面上 ，而是存在于一个立体的空间中。一般的，建立网站的链接结构有两种基本方式：
●树状链接结构（一对一） ，这类似DOS的目录结构 ，首页链接指向一级页面，一级页面链接指向二级页面 。这样的链接结构浏览时 ，一级级进入 ，一级级退出，条理比较清晰 ，访问者明确知道自己在什么位置 ，不会“不知身在何处”，但是浏览效率低，一个栏目下的子页面到另一个栏目下的子页面 ，必须回到首页再进行 。
●星状链接结构（一对多） ，类似网络服务器的链接，每个页面相互之间都建立有链接。这样浏览比较方便 ，随时可以到达自己喜欢的页面 。但是由于链接太多 ，容易使浏览者迷路，搞不清自己在什么位置 ，看了多少内容 。
因此 ，在实际的网站设计中，总是将这两种结构混合起来使用。网站希望浏览者既可以方便快速地达到自己需要的页面 ，又可以清晰地知道自己的位置 。所以 ，最好的办法是：首页和一级页面之间用星状链接结构，一级和二级页面之间用树状链接结构 。关于链接结构的设计 ，在实际的网页制作中是非常重要一环 ，采用什么样的链接结构直接影响到版面的布局。
网页设计包括哪些内容
成为一名网页设计师你要学会
第一部份：(美术部分)
结构素描、光影素描、速写 、设计素描 、户外写生
色彩原理、色彩配色 、设计色彩 、色调小稿训练、色彩长期作业
第二部份（静态网页）
Dreamweaver CS4：网页布局 、制作；Html&Css简介；网站管理与维护 、上传与下载；案例分析
Fireworks：美工设计、网页配色；CI 、LOGO 、Banner的制作；常见网页动画制作、网页布局
Flash CS4：经典网页动画 、广告 、片头、贺卡设计与分析；MTV制作、交互式网站简介
Photoshop CS4：Photoshop操作基础 、图像优化处理 、经典实例分析与制作、gif动画 、广告gif
Illustrator CS4：广告招牌制作 、灯箱广告、服装广告设计 、企业徽标设计 、名片设计
第三部分（动态网页）
Html语言详细解介、CSS样式 、IIS 、C#语言、Asp. net动态 、SQLServer数据库 、Access数据(送)、JavaScript、Flash8.0高级编程 、网站筹划 、网站推广、电子购物车 、ChatRoom 、BBS制作 。注：此部分基本上是程序员工作，并不是网页设计师所要学会的 。
第四部份（网页美工）
三大构成：平面构成、色彩构成 、立体构成
Photoshop美工及网页配色 、排版设计、网站框架美工设计 、网页logo网页设计 、banner设计；
Illustrator网页设计、网页字体设计 、网页规划设计
一般网页设计都包含哪些内容?网页设计的字体颜色 、内容有哪些要求?是否做网页设计还要考虑到用户体验等因素？
一方面是纯网站本身的设计比如文字排版，制作 ，平面设计 ，三维立体设计，静态无声图文 ，动态有声影像等；另一方面是网站的延伸设计 ，包括网站的主题定位和浏览群的定位，智能交互 ，制作策划 ，形象包装，宣传营销等等。
网站设计与网站制作 。我们说网站“设计 ”而不是网站“制作 ” ，它们的区别在于设计是一个思考的过程 ，而制作只是将思考的结果表现出来 。一个成功的网站首先需要一个优秀的设计，然后辅之优秀的制作。设计是网站的核心和灵魂 ，一个相同的设计可以有多种制作表现的方式。
我们说的“网站”是指有确定主题和明确目的的实用性站点 ，不包括纯表现类或者纯文字类网站 。
美工：要求会的最基本的几个软件PHOTOSHOP,FLASH,FIREWORKS 程序：要求会的语言很多，包括客户端的脚本语言和服务端的语言，客户端语言包含HTML ，JAVASCRIPT ，VBSCRIPT，服务端语言包括 ，ASP ，JSP，PHP ，.net等等 。 数据库方面：用的数据库也许有很多种 ，我见过有用ACCESS的，也有SQLSERVER的 ，还有DB2 ，ORECLE等等。一般对于网站来说如果不是象银行这样的大规模数据交换，SQLSERVER已经足以 。
本文来自作者[董明明]投稿，不代表花榕号立场，如若转载，请注明出处：https://gdhuarong.cn/life/202601-742.html
评论列表（4条）
我是花榕号的签约作者“董明明”！
希望本篇文章《怎样设计好一个网站》能对你有所帮助！
本站[花榕号]内容主要涵盖：生活百科,小常识,生活小窍门,知识分享
本文概览：第一，做网站，首先必须要解决的就是网站内容问题，即确定网站的主题。对于内容主题的选择，要做到小而精，主题定位要小，内容要精。不要去试图制作一个包罗万象的站点，这往往会失去网站的...