`
文章列表
  一直听说过web标准的可用性、可访问性、可维护性,但是具体的定义,我还是不是很清楚,今天总结下,理清一下思维。   在Web前端开发界,有三个词经常被提及:可用性(Usability)、可访问性(Accessibility)和可维护性(Maintainability)。 可用性指的是:产品是否容易上手,用户能否完成任务,效率如何,以及这过程中用户的主观感受可好,是从用户的角度来看产品的质量。可用性好意味着产品质量高,是企业的核心竞争力。 可维护性一般包含两个层次,一是当系统出现问题时,快速定位并解决问题的成本,成本低则可维护性好。二是代码是否容易被人理解,是否容易修改和增强功能。可维护性和 ...
每当在插入flsh、声音文件时,总在是不同的浏览器出现不同的效果,这让我很是恼火。现在收集了一些有关这个问题的解决方法,大家可以参考一下。 收集地:http://www.phpchina.com/html/42/54842-31724.html   工作中的实战:     在网站添加一个mv.   条件:将mv 转化成一个 flash ,要一个播放flash的播放器   语句: <object type ="application/x-shockwave-flash" width ="325" height =&q ...
这个效果弄了,很久,现在终于有头绪了。 xhtml:    <ul>         <li><a href="">很长很长呀很长很长呀很长很长呀很长很长呀很长很长呀很长很长呀很长很长呀</a></li>    <li><a href="">很长很长呀很长很长呀很长很长呀很长很长呀很长很长呀很长很长呀很长很长呀</a></li>    <li><a href="">很长很长呀很长很长呀很长很长呀很长很长呀很 ...
为了让网页更美观、协调,有的时候需要用到左右等到布局,传统的等高布局是用 javascript 实现的,现在来看看 silence 发明的真正的 CSS 实现的等高布局,其方法主要是采用“隐藏容器溢出”、“正内补丁”和“负外补丁”结合的方法实现的。   <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/ ...
现在制作讲究的是“标准”,是“快速”,这样还不够,还必须用户体验要好,嗯,不错,不错呀。最近做了一套QQ笔试题,从中,我又发现了一个吸引人的布局,大家往下看。    一般在加载网页的�候,我们总是想在还没有 ...
注:收藏于蓝色(http://bbs.blueidea.com/thread-2666987-1-3.html) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head>  <meta http-equiv="Content- ...
这一年来一直有遇到过这样的问题,多次试验之后竟然找到我解决的方法:    就是为一个标签设置背景时,但是你不得已不能设它的高度时,这个时候一般它的图片是不能显示的,  好了,我现在找到了一个很好的办法,那就是在这个标签里设置一个padding(最好是设个padding:1px; ) 值,这样你就可以完全解决了.
最近这几年一直流行加快网页的加载速度,现在来说一个加载网速的方法------------一个站点一第图. /*------------html结构-----------*/ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional. ...
两个很不错的网页制作的工具。
一般的透明的图片,我们分两种,一种是实际图(即img 元素),一个是背景图(background)。  1.先说背景图:   简单来说就两句话:    /*for IE7 and FF*/                  html>body .div{background:url(../img.png) no-repeat ;} ...
  /*--------------------------清除浮动 -----------------------------------*/ .clear{clear:both; font-size:1px; line-height:0; height:0; } .clearfix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;} .clearfix{display: inline-block;} /* Hides from IE-mac */ * html .clea ...
    头:header  内容:content/container  尾:footer  导航:nav  侧栏:sidebar  栏目:column  页面外围控制整体布局宽度:wrapper  左右中:left right center  登录条:loginbar  标志:logo  广告:banner  页面主体:main  热点:hot  新闻:news  下载:download  子导航:subnav  菜单:menu  子菜单:submenu  搜索:search  友情链接:friendlink  页脚:footer  版权:copyright  滚动:scroll  内容:co ...
1、800*600下,网页宽度保持在778以内,就不会出现水平滚动条,高度则视版面和内容决定。2、1024*768下,网页宽度保持在1002以内,如果满框显示的话,高度是612-615之间.就不会出现水平滚动条和垂直滚动条。3、在ps里面做网页可以在800*600状态下显示全屏,页面的下方又不会出现滑动条,尺寸为740*560左右4、在PS里做的图到了网上就不一样了,颜色等等方面,因为WEB上面只用到256WEB安全色,而PS中的RGB或者CMYK以及LAB或者HSB的色域很宽颜色范围很广,所以自然会有失色的现象.页面标准按800*600分辨率制作,实际尺寸为778*434px页面长度原则上不 ...
今天在工作当中遇到的一个小问题,也终于找到我答案,所以想共享这方面的信息。 问题:一般的情况,我们在各个浏览器中总会用到特效,例如: hover。 这个大家用的也比较的多。         但是有一个问题就是我们在IE6中却无法去实现这种效果。 解决方案:        1.结构很重要。一般的情况是,我们必须要有一个<a>标签,这个是关键所在。         2.所以IE6的bug就是如果a 与 a:hover 的css定义是一样的,也就是说如果a:hover 中没有样式的改变,   hover 就不会被触发。但如果在a:hover{}增加一些特定的属性,例如:a:hover{bo ...
前段时间就知道有关IE的条件注释语句,但一直没有引起我的注意。昨天同事的一句不经意的提醒,让我猛然发现,这个条件注释还是挺不错的。现在让我们看一下有关它的语法。   格式:      <!-- [if IE]>               要注释的语句              <style type=""></style>           <![endif] --> 所谓的IE条件注释,它在FF当中是不起任何作用的,所以在FF中基本上可以完全忽略掉。 还有几个有关它的判断条件的语法:     ie   表示等于   gt ...
Global site tag (gtag.js) - Google Analytics