仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 1033|回复: 8
打印 上一主题 下一主题

[DIV+CSS] 来谈谈:流派网站构建CSS框架的划定规矩

[复制链接]
再见西城 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-16 00:09:06 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
一个样式规则由一个选择器后跟一个声明块组成,声明块是一个大容器,由大括号中间的部分组成,声明块中间的空间会被忽略。
关于年夜型流派,海量信息平台及多模块,多地区化网站,更必要对CSS,XHTML,的尺度化,切合语意的HTML框架,复用性强的CSS代码,这些才干保证你的网站,具有很好的“地基”。
第一部:关于构建CSS框架我们要完成的目标:
1.完成尺度化,具有支流平台顺应性的前端完成;
2.疾速开辟,在站点作风断定后,前端不该该成为全部项目里瓶颈;
3.重构的需求,尽量的让类和区块款式可重用;
4.分别布局和体现的需求,恪守了语义化布局的商定;
5.构架完整切合金融网特征的CSS框架。
6.对代码举行需要的seo。
第二部:关于CSS定名的一些商定:
1.不利用年夜写情势的类名和id名;
2.尽量利用形貌性的英文单词的组互助为类名和id名;
3.id名及类名的多个英文单词之间利用“_”短横线分开;
4.按地区举行形貌编号例:main01_div01_ul01(能够了解为主体第一地区第一DIV下的第一个UL)
上去我们要对全部网站及计划稿举行剖析,往做切合本人流派布局特征的CSS框架
我们已新浪网为例子:
举行站点布局剖析:
全部页面分为:首页,更多页,内容页,专题页,数据中央,旧事中央,频道页,告白……
我们对这些页面举行收拾,往发明他们的大众部分,这些被发明的中央有:CSS的款式,及地区,模块的碎片,我们必要做的是把这些私有的部分提出来。
察看后我们能够把CSS分以下几类:
主体款式表:sjweb.css
font(字体款式,字号,色彩的汇合)
layout(框架布局汇合)
global(全局默许款式汇合)
component(构成页脸部分款式表,模块碎片汇合)
这些讲一切的被import到sjweb.css主体款式内外,主体款式表做为一个loader加载新的外来款式,
好比告白款式表。
如许这些页面只必要写一点点属于本人特别请求的CSS款式代码就能够了。
在构建这个CSS框架的时分有良多细节的器材最好能一致化,好比:行间距,模块之间距离间隔等。
上面是某流派网的首页布局图:



划定规矩:
1.一切area之间,模块之间,间距高低摆布为:8Pixel;
2.旧事列表色彩#333;
3.旧事列表行间距20pixel;
……等等
调剂情况:IE7,ff,IE6,IE5.x,Opera。
PS:实在更多是你在构建的时分细节上的成绩,好了未几说了。呵呵

层叠样式表(CascadingStyleSheets)的缩写,用于定义HTML元素的显示形式,是W3C推出的格式化网页内容的标准技术。网页设计者必须掌握的技术之一。
再见西城 该用户已被删除
沙发
 楼主| 发表于 2015-1-18 05:22:37 | 只看该作者
难以逾越的障碍会大大打击你的学习积极性。这就需要你的恒心,坚持不懈的决心。在自己无法解决某些问题时,就需要虚心请教别人.
活着的死人 该用户已被删除
板凳
发表于 2015-1-26 13:23:21 | 只看该作者
在刚开始接触网页的第一堂课上,听说网页制作会是一门很无聊并且很难听懂的过程,而事实却印证了这样一个事实。
蒙在股里 该用户已被删除
地板
发表于 2015-2-4 20:30:50 | 只看该作者
Dreamweaver在所见即所得添加链接,也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈,用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。
愤怒的大鸟 该用户已被删除
5#
发表于 2015-2-10 07:26:13 | 只看该作者
滚动条)层属性--溢出(visible/hidden/scroll/auto)
乐观 该用户已被删除
6#
发表于 2015-3-1 05:30:25 | 只看该作者
在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。
爱飞 该用户已被删除
7#
发表于 2015-3-10 13:02:05 | 只看该作者
直接用代码建立链接,如:可以直接输入 <a herf = \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"red.html\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\">红色的网页 12、插入标签法建立链接,可以再选中文字后在代码中插入html标签,页元素<a>.也可以按ctrl+t进入html标签插入方法之后输入代码即可。
第二个灵魂 该用户已被删除
8#
发表于 2015-3-17 08:08:10 | 只看该作者
由CS4 版本开始,则转用WebKit 排版引擎(亦即Google Chrome和Apple Safari浏览器所用的排版引擎)作为网页预览。
小妖女 该用户已被删除
9#
发表于 2015-3-24 04:16:30 | 只看该作者
所见则所得网页编辑器的优点就是直观性,使用方便,容易上手.
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-12-22 20:19

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表