网站的基本元素是网页，一个个的网页构成了一个完整的网站，网页也是可分的，构成网页的基本元素包括标题、网站 LOGO 、页首、页尾、主体内容、功能区、导航区、广告栏等。这些元素在网页的位置安排，就是网页的整体布局。那如何才能更好的做好网页的整体布局？网页制作全包又都包括哪些基本内容呢？
1 、图形、影像处理制作
网页制作全包中在网页上插入一些精美、适当的图片是必要的，否则，不会有人光顾您的网页。因此，在设计您的网页之前，就应搜集或制作一些好看、适用的图片。网上或者光碟上都有这方面的内容。制作影像，Photoshop 是这方面的老大哥，但不是专门处理网络影像的；我们一般选用 Fireworks，用它制作网络影像是最好的，我们将在后面讲到。 [提示] 一般在 WWW 上 jpg 和 gif 格式的图片传输较快，经常使用；点阵图 bmp 档案占用空间太大，传输较慢，并不适用。 jpg 的档案较大，但画质相当好，可以显示 24 位真彩色；gif 颜色只有 256 色，但档案小多了，速度就快了。照片、风景画等超过 256 色的图片就采用 jpg 格式；颜色简单的标志图片、标题、小动画等最好用 gif 格式。
2 、动画制作
传统的做法是在 HTML 中嵌入用程序编写的动画，但这要求开发者对语言的程序设计要熟悉。随著软件业的发展，现在制作漂亮的动画就轻松多了，有很多制作动画的软件。比如 Flash，用它制作出来的动画小巧迷人，只需作为一个*.swf 档案汇出，然后再导主到网页编辑器中，这样，在浏览器中就可以浏览到动画了。这是不是要比程序设计轻松多了解？[ 提示 ]Flash 制作动画不仅方便快速，而且画质高、体积小，要做好主页不可不学。
3 、文字编写
WordPress 网站制作中的网页需要大量文字，这就要在网页编辑器中用 HTML 语言中的标签编写。也可以利用网页编辑工具的 “ 所见即所得 ” 功能，直接写入文字。 [提示] 这要用到 WooCommerce 独立站网页设计工具。 WooCommerce 独立站网页设计工具最流行的就是 Dreamweaver 和 FrontPage 了，两者各有优势，后面将说到这方面的内容。
4 、框架设计
网页制作全包中框架是网页的常用形式，它可以使网页更为清晰，可以把不同的页面超链接在同一框架中，使得页面空间更紧凑。在 HTML 中用< frame>< /frame>标签编写。
5 、表格应用
网页中很活跃的一种元素，它的应用可使网页更紧凑和灵活。在 HTML 中用 < table>< /table> 标签编写。 [提示] 表格不光是资料的集合，在 WooCommerce 独立站网页设计中还有整齐布局的作用。