紫石头原创:网站制作技巧及注意事项(一)
发表:紫石头原创模板堂 发表时间:2016-09-13 09:59:46 阅读:333次
每个公司都会有自己的一些准则和标准,紫石头建站团队在平时的管理和制度规定中,也会有一些自己的建议和标准。对于标准部分,小编是不敢随便公开到网上,但是对于一些注意事项方面的东西,是可以共享给大家的!
这些注意事项或者是网站的制作技巧,是紫石头团队的半内参,一般人小编可不告诉他!
一、安装dw CS6,可以支持HTML5+CSS3的代码提示,低版本的没有。
二、PS输出jpg格式时,选择连续,可以在网速慢时先加载模糊图像,逐渐变清晰。
三、输出透明PNG时,可以在线压缩(网址https://tinypng.com/)一下,也可以用tinypng出品的PS插件,软件绿色版位置在“共享盘>B、技术10、软件”
注意:压缩后的图片,不可用PS再次打开加工,会出现噪边
四、对于企业站,一个css文件即可,对于稍大型网站建议使用至少三类文件:
1、common.css-------------------------基础、共用类。例如头部底部,基本的box模型,线条,背景色等。
2、style.css------------------------------主站类。例如首页的样式,默认列表,默认内容页样式。
3、xxx.css-------------------------------附属样式。例如店铺用store.css/shop.css,用户中心用user.css等。
五、注意切图和设计的时候对SEO的运用。每个页面都要有H1~H3的至少一种,例如新闻页面标题应该用H1环绕
六、text-align:center 可针对a、span、img进行居中操作,所以针对这一类的居中问题,不要使用固定宽度的div设置margin:0 auto的方式,因为text-align:center可以随意增减包裹的内容。
七、非循环体尽量不要使用li的float样式来做,可以直接用div的float或者直接使用a标签等非块级标签即可。非块级标签针对一行东西,可自由伸缩长度,并且兼容性好
八、&nbps;标签,长度没有办法确定,是因为没有设置字体和字体大小。
九、元素半透明,要同时使用3个css,不要只写opacity:0.50;
filter:alpha(opacity=50); /*支持 IE 浏览器*/
-moz-opacity:0.50; /*支持 FireFox 浏览器*/
opacity:0.50; /*支持 Chrome, Opera, Safari 等浏览器*/
也可以用JS来做
十、对某样式设置半透明,会影响到他的子元素,所以如果需要外层半透明,内层不透明是办不到的。透明度会相乘,例如外层透明度0.5,内层想写成不透明1,最终得到的结果是透明度0.5。
正确思路:可以用position:absolute,做一上一下两个层。
十六年网站建设相关经验
一站式为您提供网站相关服务
欢迎扫码咨询