网页设计与制作及实训教程

本书注重在网页制作和设计技术方面紧跟主流技术，以目前最为流行的网页设计软件为技术支持，详细介绍了Dreamweaver、Fireworks、Flash这三个软件*版本的使用方法与技巧。本书内容的组织突出模块化的特点，以网页设计与制作的知识和操作技能为依据构建模块。共分为五大模块：网页设计基础知识、Dreamweaver-部分、Fireworks部分、Flash部分、网站建设实战演习部分。各模块之间既有独立性，又有关联性。全书共分为11章，以综合案例的导入为特色，根据案例展开理论与实践的教学，章末配有各个环节的练习题和上机实训，并有详细的实训指导，对本章节的学习起到了巩固和提高的作用。
本书可以作为高职高专院校“网页设计与制作”课程的教材或培训班的教材，也可作为网页设计与制作爱好者的自学参考书。

第4章 页面布局
　4.1 网页版面布局概述
网页版面布局是网页设计中的一项重要内容。版面指的是浏览器看到的完整的一个页面。因为每个人的显示器分辨率不同，所以同一个页面的分辨率可能出现800像素×600像素、1024像素×768像素等。布局就是以最适合浏览的方式将图片和文字摆放在页面的不同位置。网页版面布局是指规定网页内容在浏览器中的显示方式，例如徽标的位置、导航栏的显示、主要内容的排版等。经常用到的版面布局结构主要有以下几种。
　　1.“T”结构布局
页面顶部为横条的网站标志和广告条，下方左面为主菜单，右面显示内容的布局，因为菜单条的背景较深，整体效果类似英文字母“T”，这是网页设计中用得最广泛的一种布局方式。这种布局的优点是页面结构清晰，主次分明，是初学者最容易上手的布局方法；缺点是规矩呆板，如果在细节和色彩上不注意修饰突出，很容易让人“看之无味”。
　　2.“口”形布局
　 这是一个形像的说法，就是页面一般上下各有一个广告条，左面是主菜单，右面是友情连接等，中间是主要内容。这种布局的优点是充分利用版面，信息量大；缺点是页面拥挤，不够灵活。
　3.“三”形布局
　 这种布局多用于国外站点，国内用得不多。特点是页面上横向两条色块，将页面整体分割为四部分，色块中大多放广告条。
　 4.POP布局
　 “POP”引自广告术语，就是指页面布局像一张宣传海报，以一张精美图片作为页面的设计中心。常用于时尚类站点，比如ELLE.com。优点显而易见，即漂亮吸引人；缺点就是速度慢。
　在确定好版面布局结构后，继续要做的就是根据内容调整页面的结构。如页面尺寸选择多大?怎样放置网页的网页元素?在Dreamweaver中提供了四种主要的方法用于规划和设计页面：表格、层、框架和CSS+Div，本章只介绍前三种方式。
　　……