常见页面布局
页面布局常受到硬件条件(显示器的大小和分辨率)和技术的限制,所以归纳起来大致有六种类型:
(1)“同”字型布局:特点,页面顶部水平放置主导航栏,其下分为左中右三栏,左边放置内容导航栏、二级导航栏热点内容等;右边放置站点图片链接、动画广告、搜索引擎、友情链接、注册登录信息;中间为主要内容板块。如韩国的“happybean.naver”
其优点是:结构清晰直观、平稳均匀’、次分明。缺点:过于呆板僵化、单点乏味。要注重合理彩搭配。
(2)“匡”字型布局:特点,把同字型布局右边内容移到底部而成,它的结构特点和和优缺点也相同。
页面设计说明
(3)“吕”字型布局:特点,把页面分成上下两大块,其中每一块都有同字型结构的特点。如网易新闻网。
(4)左右对称布局:顶部不设页眉和导航栏,左边设置导航,右边放主要内容。特点结构简单适合内容较少的页面。
(5)II字型布局:特点顶部设置站标和导航栏;下边分为左右两部分左窄右宽。左边放置二级导航栏、热点内容链接、登陆栏、友情链接等、右边分为主要内容区。
(6)自由式布局:打破常规的规矩,尽情的挥洒极具创意自由灵活。优点是:漂亮现代轻松明快极具美感给人以美的享受。缺点是;下载速度相对较慢,文字信息量少。
dreamweaverCS3的页面基本组成
HTML的常用标记
1、文档类型标记
<html>···
</html>(超文本标记语言)
2、文档头部标记<head>···</head>(头部标记中的内容不在浏览器中
显示)
3、文档标题标记<title>···</title>,<title>标记不能包含其他标
记。
4、文档主体标记<body>···</body>网页主体位于此标记中此标记必须
位于,<html></html>中。
5、段落标记<p>···</p>分段后段与段之间留一空行。
6、换行标记<br>···</br>段与段之间没有空行。
7、章节标题标记<hn>···</hn>其中n为变数,是6 时最小。

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。