网页设计制作详细流程

要领一：确定网站主题

创建网站，首要任务在于处理网站内容方面的事宜，也就是明确网站的中心思想。美国《个人电脑》杂志评选出九十九年度百大热门网站前十主题：首类，网络就业信息；次类，网络交流互动；三类，网络社群互动；四类，电脑科技资讯；五类，网页设计制作；六类，网络娱乐内容；七类，旅游相关服务；八类，参考资料资讯；九类，家庭学习资源；末类，生活时尚资讯。参照前文分类，可进一步划分，若对某些领域有偏好，或掌握资料丰富，亦能创作个人关注的事物，一方面kaiyun全站app登录入口，能形成独特见解，打造个性化风格；另一方面，在构建网站时不会感到乏味或力不从心，兴趣是驱动网站制作的源泉，缺乏创作激情，难以设计出卓越作品。

选好内容方向，要专一而深入，方向要专，材料要精。别想做一个什么都有的平台，那样容易失去网站的特点，也会让工作量大增，让平台更新变得很麻烦。要知道：在网络上只有顶尖，没有次优！

要领二：选择好域名

网址是网络空间的标识。一个不卖货的纯资讯站点，其所有付出的心血，都凝聚在网址之中。丢失这个网址，所有先前的努力都将白费。

现在，建立个人主页的人大多借助无偿的个人空间，其网址也是通过免费网址进行解析，比如网易的虚拟网址服务，实际上这对个人主页的宣传和进步非常不利，不仅它“按需”开启的界面影响了访问者的视线和好感，让人一望便知是个人主页，还拖慢了网页的加载效率。因此，从我的角度出发，首要任务是投入资金注册一个专属域名，独立的域名堪称个人站点的基础资本，必须构思得既具象又便于辨识，还要简洁明了。

要领三：掌握建网工具

互联网技术的进步促进了软件产业的繁荣，因此用于设计网页的应用程序种类愈发繁多。从最基础的文本标记语言编写器，到当前广受欢迎的动画交互式网页开发平台，形形色色的网页设计工具，以下列举几种典型的网页构建软件：

网页制作常用编辑工具。尽管HTML语言构造繁复，修改和排错需要投入较多精力，但凭借其运行可靠、兼容性强以及能够实现多样化页面设计的特点，依然受到经验丰富的网页设计师的欢迎。现阶段市面上存在多种此类工具，它们普遍具备构建复杂网页和遵循高级HTML标准的能力，其中较为知名的包括Hotdog等专门的HTML设计软件。

所见就是实际效果的网页编辑工具。MicrosoftFrontpage是这类工具的典型代表，它的操作界面和Word类似，熟悉Word使用方法的人稍加学习就能方便地制作网页。此外，Frontpage能够理解网页的HTML原始代码，并且具备预览功能。然而Frontpage的部分特殊呈现方式在非IE浏览器上无法应用。因此该软件特别适合初级和中级网页设计人员使用。

这款由Macromedia公司开发的Flash互动网页制作工具，当前广受欢迎。它是一种功能强大的交互式矢量多媒体网页设计软件。可以便捷地制作多种动画网页，操作并不复杂，且比JAVA更为简洁高效。其动画表现力、互动性能以及多媒体融合度都非常出色。它还能把音频文件整合进动画里,或者处理用户输入的信息；而且,用Flash制作的网页体积比一般网页小很多,因此显著提升了访问效率。这种技术特别适合用来创建生动的网络内容。

制作个人网站的人员还应该熟悉W3C的HTML4.0标准，掌握CSS层叠样式表的初步概念，了解javascript和VBScript的基础内容。掌握一般性脚本语言，比如ASP、CGI、PHP，需要具备一定认知，同时要精通图像编辑软件和动态影像设计软件，还要熟悉矢量图形绘制软件，并且能够初步掌握各类图形图像及动画制作软件的基本操作，熟练运用文件传输协议工具，并具备相关的硬件软件和网络基础也是必须的。

网络当然也是获取免费资源的平台。制作网页需要各式各样的图标、底图以及各种图形、图像。如果全部自己动手，既耗费时间又耗费成本，还必须掌握高超的图形图像设计技能。因此，为了免去这些麻烦，网页设计者完全可以从网络获取各种美观实用的图片、图标、底图等网页元素。

要领四：确定网站界面

网站给人的初始感受就是其界面，这通常影响着页面的视觉吸引力，在规划网站界面时，务必关注以下三个方面：

①栏目与板块编排

建立网络平台，如同撰写学术论文，必须先设定整体框架，方能确保中心突出、条理分明。对于初次涉足网页制作的用户来说，常见失误在于构思完成后立刻动手编码，缺乏周密的构思过程。由此造成的后果包括网站布局缺乏条理，页面层级错乱，功能模块杂乱无章。最终不仅访问者难以理解内容，开发者后期维护和更新也面临极大挑战。因此，在着手设计网页时，必须预先规划好各个部分的布局和内容划分。

确定网站主题之后，需要整理归纳搜集到的素材信息。优先把最精彩的部分展示在醒目位置，或者让它们占据版面布局的优选区域。栏目相当于站点内容的整体框架，其作用是清晰展现网站的核心构成。规划栏目时必须认真斟酌，妥善布局。栏目设计过程中要注意以下几点：

尽可能删除那些与主题无关的栏目；

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

要站在浏览者立场设计板块，这样能提升他们查找资料的体验；非核心信息，诸如平台概况、权利声明、个人资料等，完全无需纳入核心板块，以免分散焦点。

板块的布局规划需科学设计并明确划分，板块的范畴较栏目更为宽泛，每个板块都包含若干栏目，以ENET硅谷动力（.com.cn）为例kaiyun全站登录网页入口，其站点设有新闻、产品、游戏、学院等主要板块，每个板块内部还细分出各自的主栏目，通常个人网站信息量不大，仅设立栏目即可满足需求，无需增设板块层级如果有必要设置板块的，应该注意：

各板块要有相对独立性；

各板块要有相互关联；

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

②目录结构与链接结构

网站的结构是指构建网站时形成的层级关系。比如：在使用Frontpage设计网站时通常会自动生成主目录以及Images子目录。目录的布局往往被忽视，许多网站管理员都是无序地设立子目录。虽然目录的优劣对访问者的体验影响不大，却关乎站点后续的维护工作，也关系到内容未来的增减和迁移。所以建立目录结构时也要仔细安排，比如：

存放所有文件在根目录下是不恰当的,有些网站建设者为了省事,习惯把所有文件都放在根目录中。这样极易导致：文件排列无序，不清楚哪些文档需要修改和补充，哪些无用的资料可以移除，哪些文档彼此关联，从而降低工作效能；上传过程迟缓，服务器通常会对主目录创建一份文件清单，倘若所有资料都堆放在主目录里，即便仅更新一个文档，服务器仍需重新检查全部资料，生成新的清单文件，显然，资料越多，所需等待的时间就越长。

根据栏目信息创建子目录，子目录的创建要优先考虑主栏目，链接数量多且需频繁更新的内容适合设立独立子目录，而关联紧密且更新频率低的栏目，比如站点介绍、负责人信息等，可以归入同一个子目录中。通常情况下，程序会被存放在固定位置，比如，执行脚本一般放在cgi-bin文件夹，而所有供下载的文件也应当集中存放在一个文件夹，这样做有利于后续的维护和整理。

每个一级目录都要单独设置一个Images子目录，通常站点根目录里会预先存在一个Images目录，但把所有图片都放在那里并不方便，尤其当某个一级目录被删除时，图片处理起来非常麻烦，因此为每个一级目录分别创建独立的Images子目录，能够让管理更加顺畅，这样做的好处显而易见，就是有利于后期的维护和整理。

目录层级不宜过多，最好控制在三层以内；建议采用无中文的目录形式，因为中文目录可能会影响网址的显示正确性；目录名称不宜过长，以免给记忆带来不便；尽量选择含义清晰的目录名称，这样有助于记忆和管理工作。

网址的脉络布局是页面相互关联的构造形态。它以文件夹体系为根基，却能够突破目录限制。打个比方：每一个网页都如同一个坐标，而连接体就是两个坐标点间的纽带。一个坐标点能够和另一个坐标点相接，也能够和好几个坐标点相联。尤为关键的是，这些坐标点并非散布在同一个平面，而是存在于一个多维的领域之中。一般的，建立网站的链接结构有两种基本方式：

层级关联体系，如同DOS系统的文件夹布局，起始页面链接指向主要板块，主要板块链接则导向次级板块，这种关联方式在浏览时逐层深入，逐层返回kaiyun.ccm，逻辑脉络分明，使用者能够清楚识别当前所在节点，不会迷失方向，然而检索效能不高，若需从某个分类下的子项跳转到不同分类下的子项，必须先返回根目录。

星状连接模式（一对多），如同网络中心节点，各页面间均设有通路。这种设计便于访问，可随时抵达期望的版块。然而，通路数量庞大，易令使用者迷失方向，不清楚当前所处点，以及已阅读的篇幅。

因此，在网页制作过程中，常常将这两种布局方式结合起来应用。网页期望访问者能够便捷迅速地找到目标内容，同时也能明确感知自身所处的位置。最佳实践是：主页面与顶级页面之间采用放射状导航模式，顶级页面与次级页面之间则运用层级式导航模式。网页构建时，链接构造的规划极为关键，所选择的连接方式，直接关联着页面整体的排布情形。

③进行形象设计

网站的设计可以从以下几点出发：