沃赛网络--专业的北京网站制作与开发公司

提供做网站为主的网站开发等服务。包括：网站建设、网页设计、网站优化等。联系电话：010-62558672

服务项目

功能演示>>>更多

联系方式

咨询电话:010-62558672
联系电话:13488754711
联系人:张先生
联系地址:北京市海淀区双榆树北路知春里13#

您当前的位置:首页-->列表页-->内容页

网页制作之指定CSS样式表

2008-5-9 15:14:56

把内容与显示效果分开设定的好处之一就是灵活,通过用CSS控制网站的版面布局(在第十二章用过的方法),就能控制整个网站的设计要素,改变几条规则,就能立刻戏剧性的更新上千个页面.

用CSS控制布局的的便利性示范之一,就是为<body>指定样式,通过为<body>标签加上class或者id,就能对页面的任何标签进行自定义控制.完全没有重复定义的烦恼.

在这一章里,将探讨如何通过为<body>标签加上class而让我们用一份标记结构切换两种不同的版面配置.

两栏或者三栏的布局
就像用CSS版面布局技术为Fast Company重新设计网站时,挑战之一是:虽然所有页面都共享相同的导航,页尾区,但是也需要建立两种不同版面布局.

第一种布局是"索引页(首页)",见图15-1,这是具备导航功能的页面,让使用者能继续深入网站的目录结构.这些页面我们决定使用三栏布局.

图15-1 Fast Company的三栏"索引页"示范

第二种页面布局则是"内文页" 图15-2.任何感觉是目的地的页面都使用这种版面布局.为了提升易读性,我们决定省略左边栏,留下两栏,也就是一个大栏放置内容,另一个放广告.

图15-2 Fast Company的两栏 "内文页" 示范.

我解释这些的原因不是为了证明我们
1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 |

前一篇文章:语义分析和网站SEO优化

后一篇文章:没有了

Copyright 2007-2008　北京沃赛广告有限责任公司　 All Rights reserved.
业务电话：010-62558672 手机：13488754711 联系人：张先生 E-mail:wosainet@126.com
联系地址：北京市海淀区双榆树北路知春里13楼
京ICP备06022449号
本站关键词:网站建设北京网站制作网站设计网站优化网站策划 gogle优化百度优化网页设计北京网站建设