首页 > 代码库 > 网页设计基础知识

网页设计基础知识

网页主要由3个部分组成:结构:表现,和行为。

结构对应于(x)html,它决定了网页是什么,表现对应于css,它决定了网页看起来是什么样子,行为对应于javascript,它决定了网页做什么。

网页开发的工作流程包括前期,中期,和后期。

前期包括明确网站定位,收集信息和素材,策划栏目内容

中期包括设计页面方案,制作页面,实现后台功能

后期是整合和测试网站

1.明确网站定位

首先在动手制作网站之前给要做的网站一个准确的定位。如果网站是做给自己的,那么自己说了算,如果是为客户建立网站,那一定要站在客户的立场上,探讨网站的定位

2.收集信息和素材

收集的信息和素材是考虑充分的如果考虑不充分,会导致以后突如其来的新加内容破坏网站的整体规划和风格。

3.策划栏目内容

对收集的相关信息进行整理后,要找出重点,根据重点,结合网站的定位来确定网站的栏目,将确定下来的内容进行归类,形成网站栏目的树状列表用以清晰表达站点结构

对于比较大的网站,还需要确定二级栏目以下的子栏目,对它进行归类,并逐一确定每个二级栏目的主页面需要放那些具体的东西,二级栏目下面的每个小栏目需要放哪些内容。

4.设计页面方案

接下来需要美工根据确定的栏目内容进行设计页面,在设计页面时,设计师要根据策划书把每个栏目的具体位置和网站的整体风格确定下来。为了让网站有整体感,应该在网页中放置一些贯穿性的元素。

5.制作页面

由制作人员负责根据设计师给出的设计方案制作出网页,并制作出模板。在这个过程中需要十分注意网站的页面之间的逻辑,并区分静态页面和需要服务器端实现的动态页面。

6.实现后台功能

7.整合和测试网站

把页面和程序进行整合,整合完成后,需要内部测试,测试成功后即可上传到服务器上,交给客户体验。如果客户提出会导致结构性调整的问题,工作量会很大。客户并不了解网站建设的流程,很容易与开发人员产生不愉快的情况。因此最好在开发的前期准备阶段就充分理解用户的想法和需求,同事将一些可能发生的情况提前告诉客户。