非官方活动第一期:轻松完成任务 赢取精美奖品

[DreamWeaver教程] 大型网站CSS的管理

一,几个特殊样式:
1. index.css(首页特有样式) http://www.dw8.org Dreamweaver 专业网站 2. global.css(全局样式,定义body以及font等等)
3. form.css(定义表单样式,特殊表单样式可在表内用名称区别开) http://www.dw8.org Dreamweaver cs3 专业网
4. link.css
(对于所有链接的样式以后都放在这个文件夹)
5. print.css(打印样式,这个可根据现在网站的需要决定)



二,5个区块样式:
header.css(头部样式)
top.css (头部分样式,主站不涉及到此样式,但是IBOX会有)
main.css(主要内容部分) sidebar.css(侧边栏) http://www.dw8.org Dreamweaver 专业网站
sidebar2.css(侧边栏2,这个主要为首页有左中右三列布局时会用到,一般很少涉及)
footer.css (脚部,版权信息等)
三,其它:
登录注册,内容页面,频道页面等有时会使用不同头部或脚部样式,可在区块基础上创建新样式,命名规则为:区块-频道名称.css.
(例如:内容页面的头部可命名为:header-content.css)
例: Ibox代码分析:

  1. <body>
  2. <!--header-->
  3. <div id="header">
  4. <iframe src="header.htm" scrolling="no" height="100" width="983" frameborder="0"></iframe>
  5. </div>
  6. <div id="top">
  7. <iframe src="top.htm" scrolling="no" height="100" width="983" frameborder="0"></iframe>
  8. </div>
  9. <!--main-->
  10. <div id="main">
  11.         <!--sidebar-->   
  12.         <div id="sidebar">
  13.      <iframe src="left.htm" scrolling="no" width="215" height="1120" frameborder="0"></iframe>
  14.        </div>
  15.            <div id="content">content</div>
  16. </div>
  17. <!--footer-->
  18. <div id="footer">
  19. <iframe src="footer.htm" scrolling="no" height="150" width="983" frameborder="0"></iframe>
  20. </div>
  21. </body>
复制代码
怎么做专题(如无特别注明,DW版帖子均转自互联网)
投诉空间商

很不错阿常营网(常营社区)发来祝www.ichangying.com
支持网络编辑社区发展就多多发帖吧!没有帖子的论坛就如同一潭死水,没有生气!哪怕只是一句简单的回复也是对发帖者莫大的鼓舞和支持,也是社区发展的动力!发帖为荣、潜水可耻!
常营社区

TOP

看到命令就头痛

现在看到程序感觉可麻烦呢

TOP

好东西啊 我怎么就觉得这么难学啊

TOP

谢谢楼主,长见识啦。。。

TOP

目前还是只用一个css的状态。看来还是需要继续努力~下一个目标是切换使用CSS。一个网页N个CSS风格~

TOP

介绍的很详细。。顶
Phpcms2008正式发布

TOP

学习了
谢了

TOP

学程序挺麻烦的 要一直用才会  很容易就忘记啦

TOP