05模块-网页的排版布局范例.ppt

05模块 网页的排版布局 能力目标 1．能使用表格布局网页。 2．能使用框架布局网页。 3．能熟练使用CSS+DIV布局网页。 知识目标 1．页面的基本构成。 2．常见的页面结构类型。 3．页面布局设计流程。 4．常见页面布局方法。 知识1页面的基本构成 互联网上的网页多种多样，内容千差万别，组成各异。但是，一般的网页都包含标题、网站标志、页眉、导航栏、内容板块和页脚等部分。 1．网页的标题 每个网页都有一个标题，用于指示网页的主要内容。网页的标题显示在浏览器窗口的标题栏中。在设计网页时，应该给网页指定一个有一定意义的标题，使浏览者在看到网页标题就能了解网页包含的大体内容。 2．站标 站标就是网站的标志，也叫网站Logo，是一个网站的特色和内涵的集中体现。它是一个站点的象征，一般放在网站首页的左上角或显眼位置，访问者能明显地看到它。一个好的站标，可以给浏览者留下深刻的印象，在网站的推广和宣传中起到事半功倍的效果。例如新浪用字母Sina和大眼睛作为标志。站标设计追求的是以简洁、符号化的视觉艺术形象把网站的形象和理念长留于人们心中。 3．页眉 页眉指页面的上部，通常位于水平放置的导航栏上面。有些网页的页眉比较明显，有些页面则没有明确的划分，有点甚至没有页眉。通常，页面左边放置站标，右边安排网站的宗旨或广告语，或者放置商业广告。页眉是浏览者打开页面时首先看到的地方，在商业网站中