对于很多建站小白来说，先别急着问“网站建设流程有哪些？”基础才是重要的。由于div+css是比较贴合W3C网页标准的一种技术，小白不能只知道table，应该先入门div+css，怎么做呢？

网站建设流程有哪些

        首先，在拿到一个PSD文件后，先在白纸上画清楚这个网页的结构层次，并给每个模块赋予相应的名字。
        通常来说，普通的网页一般分为六个大模块：头部，logo区、导航区、内容区、友情链接区、底部说明区。这些大模块里面又可能划分成若干个小模块，比如内容区可以按上下关系，分成第一部分焦点区、第二部分图片区、第三部分评论区等等，而里面的每个模块又可以继续细分小模块，一直细分到表现不同内容功能的元素。
        所有的html页面，都是由表现不同功能、具有不同层次的模块和元素组成的。最基本的集中元素主要有：标题(h1-h6)、段落(p)、图片(img)、动画(swf)、音频(mp3)、视频(mpeg、rm)等。在一个网页上，具有相同或相似表现效果的，尽量用相同的元素名称去定义，既能有效减少代码，也方便日后的网页改版。
        这个划分网页模块的过程，需要给模块和元素命名，以模块的命名为例，每个模块一般都要加上它的父模块名称作为前缀，比如说，focus区里面的左侧区，则命名为focus_left,这个子模块里面的图片子模块，则命名为focus_left_photo.通过添加父模块名称的前缀来命名，既能明确标注每个模块的从属关系，又能让其他后来跟进的伙伴可以快速理解该模块的含义，从而便于管理和维护。
        在入手学习中，可以从一些现成网页中，从简单的页面开始，逐一弄清楚每个网页的结构层次，每个模块应该如何命名，最底层的元素如何定义，然后随着网页结构层次的逐渐解剖和各个模块、元素的逐一命名，一个完整的css+div网页代码，，再逐渐学习css的属性和兼容性等，慢慢就能掌握div+css网页布局的技术。

文章由上海网站建设公司昭歌信息整理发布https://www.zhaoge.net/，转载请注明出处