|
|
马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。
您需要 登录 才可以下载或查看，没有帐号？立即注册
x
层叠样式表（CascadingStyleSheets）的缩写，用于定义HTML元素的显示形式，是W3C推出的格式化网页内容的标准技术。网页设计者必须掌握的技术之一。
网页制造poluoluo文章简介：不外在这个复原的过程当中应当也是必要一些基础的流程和注重一些器材的。
如今，关于页面制造（估量每家公司的叫法都不年夜一样）这个职位，职责已渐渐明晰了，一般必要卖力的环节就是“复原最终效果”，也就是将计划稿做成HTML页面。
不外在这个复原的过程当中应当也是必要一些基础的流程和注重一些器材的。
1、我们在拿到计划图后，一般会如何做呢？
也许我们会在拿到图后二话不说，间接对着最终效果，将代码重新敲到脚？
请对这个做法sayno！
倡议人人在拿到计划图后，不要急于入手下手制造，先细心的看一次（不是看有多大度^_^）。好像伙头解牛般，他看到的不是纯真的一头牛，而是看到了牛本体的机理布局。而我们要看出来的也恰是计划图的骨架，只要顺骨架，才干晓得这个图的布局应当怎样写。在掌控好整体布局后才入手下手下手敲代码，以此制止在敲代码的时分，敲着敲着又要停下想一想这块地区该如何写。
2、对布局做到胸有定见后，是不是能够敲代码了？
不，我们仿佛另有一些事变忘了做。好比说，计划稿上的某些效果，必要利用甚么手艺来完成？又大概是某个部分，必要做成如何效果。我们只要对全部计划稿有了一个大抵的懂得，才会晓得，要完成这个页面，必要用到哪些器材，而且筹办哪些器材。
而在等我们将上述的一些事变都做好后，接上去敲代码的事情将会顺畅良多。由于你的思路早已运作开了，关于计划稿的每一个部位都已了然于胸，敲起代码来，固然就会若有神助。:)
3、一般，我们都能够事前写好一个流动的html框架，以备在今后的事情中高频次的利用。
假定以下是你写好的html流动框架：
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml"xml:lang="zh-cn"lang="zh-cn">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/>
<metahttp-equiv="Content-Language"content="zh-cn"/>
<title></title>
<metahttp-equiv="imagetoolbar"content="no"/>
<metaname="Robots"content="all"/>
<metaname="Author"content=""/>
<metaname="Copyright"content=""/>
<metaname="Keywords"content=""/>
<metaname="Description"content=""/>
<linktype="text/CSS"rel="stylesheet"href="skin/layout.css"media="all"/>
</head>
<body>
<!--从这里敲你的代码-->
</body>
</html>
如许的话，你就能够省下每次都往别的页面寻觅而且copy这些器材的工夫。固然，假如你是在利用一些IDE的话，大概会主动帮你天生，不外主动天生的器材也许纷歧定合适你。
4、一样，也会有一个相似的css框架
说框架仿佛有点不当，这个所谓的css框架，实在只是一些公用的，复用性高的款式汇合，好比一些reset款式大概别的。如许就能够不用每次都往反复写这些一样的器材，削减你敲款式的工夫，进步事情效力。固然，这个汇合应当是一个合适你事情必要的汇合，而不是为了做一个汇合而写的，且没法给本人的事情带来便利的汇合，假如是如许，倒不如不写。
关于html和css款式的优劣是不是有一个可参照的尺度？
应当说是没有的，
但一个优秀的html布局，我以为最少必要具有以下几个要素：
关于时效性短，修正次数少且布局流动的页面，必要做到简便，明晰；关于时效性长，修正频仍且布局绝对变化较多的页面，也必要做到让html布局只管简便，明晰，但更主要的是要有较强的可扩大性（在页面有较年夜修改时，也不会伤筋动骨，能够对照轻松的弄定）。
那末一个良好的css，又该是如何的呢？
一个好的css文件，应当具有高复用，低耦合，固然，也必要注重简便，可以缩写的只管缩写，以削减字节。另有一个十分主要的，就是定名。好的定名，是能够共通的，好比说#header，只需是开辟，不范围说前端，就是后端，也可以一眼就晓得这块指的是“头部”，这就加强了你的代码可读性。固然，因为每一个人的作风纷歧样，这也许就必要做成一个标准。个中的优点，不问可知。别的另有就是hack，这个东东，固然能够匡助我们办理良多困难，但能够不必只管不要利用，由于它不但会损坏代码的可读性，并且还会增添前期的保护本钱，且倒霉于向后兼容。
这以上所说的这些，关于整体功课来讲都是极其主要的。由于一个团队，不免有职员的改换，就免不了一个项目会换多个接办人。这时候，一个标准，大概说一个优秀的可读性强的页面布局和css，都能让新接办的人疾速进进到你事先做这个项目时的形态，对进步效力有很年夜匡助；也对全部团队的代码作风的构成和编写习气有对照年夜的匡助。
说了这些，实在还必要注重的是布局的语义化，固然另有一些微格局。如今是搜索引擎优化炒得炽热，但语义化与搜索引擎优化其实不抵触，且做好的了却构的语义化，实在对搜索引擎优化也是有极年夜匡助的，何况如今的一个整体趋向就是尺度化，关于这个年夜情况，就是分量级的搜刮引擎也不会不放在眼里，蜘蛛对页面的布局也长短常敏感的。真实的搜索引擎优化其实不仅仅是钻空子罢了，而是要回到本源。
一言半语另有良多细节方面是形貌不到的，今后偶然间再写。
</p>
更好的控制页面布局。不用多说。 |
|
|Archiver|手机版|仓酷云
鄂ICP备14007578号-2
发表于 2015-1-15 23:31:19
收藏
转播
分享
淘帖
顶
踩
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
千斤顶
照妖镜
窥视卡
雷达卡
发表于 2015-1-17 23:01:06