网页设计新手30条进阶秘技

2020-05-08 08:43:54易采站长站整理

 

13. 下载ySlow
download yslow

在过去几年里,雅虎的团队在前端开发领域做了许多伟大的工作。前不久,它们发布了一个叫ySlow的Firebug扩展,它会分析你的网页,并返回一个“成绩单”,上面细致分析了这个网页的方方面面,提出需要改进的地方,虽然它有点苛刻,但它绝对会对你有所帮助,强烈推荐—— ySlow!

 
14. 使用UL列表布局导航菜单

Wrap navigation with unordered lists

通常网站都会有导航菜单,你可以用这样的方式定义:

 

<div id="nav">  
 <a href="#">Home </a>  
  <a href="#">About </a>  
  <a href="#">Contact </a>  
</div> 

 

如果你想书写优美的代码,那最好不要用这种方式,

https://www.easck.com/d/file/090515/2104493Y6-1.png为什么要用UL布局导航菜单?

——因为UL生来就是为定义列表准备的

最好这样定义:

 

<ul id="nav">  
  <li><a href="#">Home</a></li>  
  <li><a href="#">About</a></li>  
  <li><a href="#">Contact</a></li>  
</ul> 

 

15. 学会怎样对付IE

IE一直以来都是前端开发人员的噩梦!

如果你的CSS样式表基本定型了,那么可以为IE单独建立一个样式表,然后这样仅对IE生效:

 

<!–[if lt IE 7]>  
   <link rel="stylesheet" type="text/css" media="screen" href="path/to/ie.css" />  
<![endif]–>  

 

这些代码的意思是:如果用户浏览器是IE6及以下,那这段代码才会生效。如果你想把IE7也包含进来,那么就把“[if lt IE 7]”改为“[if lte IE 7]”。

16. 使用一个好的代码编辑器

choose a great code editor
不论你是Windows还是Mac用户,这里都有很多优秀的编辑器供你选择:
Mac 用户

Coda
Espresso
TextMate
Aptana
DreamWeaver CS4

PC 用户

InType