2012年3月19日
摘要: 大家都知道,等待一个很慢网页加载是网民很不耐烦的事儿。因此,您的网站的性能和加载迅速决定了你做出来的网站浏览者喜欢与否!是一个网站成功的关键所在为了帮助您建立更快的网站,并确定网站的性能瓶颈,你可以考虑以下一些工具整合到您的Web开发过程。用几个这些网站的速度测试工具,让你可以更好地了解网站的速度问题。此外,他们都是免费的,心动就去试试吧~1.Page Speed OnlinePage Speed Online-一个流行的基于Web的适应谷歌Chrome网络开发浏览器的扩展,页面速度-分析根据谷歌里您的网站的性能网络性能最佳效果(一套最佳的前端性能的工具 )。从这个方便的网页工具你可以得到大量 阅读全文
posted @ 2012-03-19 17:40 洞庭湖里的老麻雀 阅读(2278) 评论(1) 推荐(0) 编辑
摘要: 在前面的文章我翻译的文章中分别从内容、服务器、JavaScript和CSS、图片、Coockies和移动应用等几个方面总结了34条提高网站性能的黄金守则,但是这些守则中,有一些是不常用到的,若非有实力的大型企业很难实现。对于小型网站,比如个人博客等在提高网站性能上可以首先考虑以下13条准则:尽量减少HTTP请求使用内容分发网络(CDN)为文件头指定Expires或Cache-ControlGzip压缩文件内容把样式表置于顶部把脚本置于页面底部避免使用CSS表达式(Expression)使用外部JavaScript和CSS减少DNS查找削减JavaScript和CSS避免跳转剔除重复脚本配置E. 阅读全文
posted @ 2012-03-19 17:39 洞庭湖里的老麻雀 阅读(210) 评论(0) 推荐(0) 编辑
  2011年6月27日
摘要: 应该对于那些懂点程序或者说想学习SEO的朋友应该都明白DIV+CSS对我们做网站优化的影响。那么我相信只知道其然,不知所以然的朋友还是占有一部分人的,今天小何在这里就与大家细说DIV+CSS。 DIV(标鉴)+CSS(层叠样式表)是网站标准或者称“WEB标准”中的常用术语之一,通常为了说明与html网页设计语言中的表格定位方式的区别,因为xhtml网站设计标准中,不再使用表格定位技术,而是采用DIV+CSS的方式实现各种定位。 使用DIV+CSS设计网站的时候,不得不强调一个利用SEO的思想来建设网站的问题。搜索引擎对网站的排名顺序不是固定的。SEO的思想就是用搜索引擎的理念来建站,而不是单一 阅读全文
posted @ 2011-06-27 10:20 洞庭湖里的老麻雀 阅读(203) 评论(0) 推荐(0) 编辑
  2011年5月5日
摘要: 网页制作尺寸规格~~~~!(在dw里面有设定好的标准值, 1024*768页面的标准大小是955*600,照着它的尺寸做就行了) 由于页面尺寸和显示器大小及分辨率有关系,网页的局限性就在于你无法突破显示器的范围,而且因为浏览器也将占去不少空间,留下给你的页面范围变得越来越小。一般分辨率在800x600的情况下,页面的显示尺寸为:780x428个象素;分辨率在640x480的情况下,页面的显示尺寸为:620X311个象素;分辨率在1024X768的情况下,页面的显示尺寸为:1007x600。从以上数据可以看出,分辨率越高页面尺寸越大。 浏览器的工具栏也是影响页面尺寸的原因。一般目前的浏览器的工具 阅读全文
posted @ 2011-05-05 11:24 洞庭湖里的老麻雀 阅读(1432) 评论(0) 推荐(0) 编辑
  2011年5月3日
摘要: 很有启示作用,可以参考。段正淳 from Taobao.com UED Team 以前部门的同事们,每个人都有一套书写的规范,导致看对方的css代码非常吃力,所以就推行了一套书写标准 ,或许对您也有帮助。*{ /*显示属性*/ display position float clear cursor … /*盒模型*/ margin padding width height /*排版*/ vertical-align white-space text-decoration text-align … /*文字*/ color font content /*边框背景 为什么要把 boder和back 阅读全文
posted @ 2011-05-03 21:23 洞庭湖里的老麻雀 阅读(227) 评论(0) 推荐(0) 编辑
摘要: 当今越来越多的应用程序迁移到web平台上。由于没有平台的限制和安装的要求,SAAS的模式看起来非常有吸引力。Web应用程序的界面设计,其核 心就是网页设计,但它的重点主要是在功能方面。要超越桌面应用程序, Web应用程序必须提供简单、直观和即时响应的用户界面,让他们的用户花更少的精力和时间去完成事情。以前,我们并没有注意到web应用程序这个方式,但是现在是时候仔细看看一些实用的技术和设计解决方案,让Web应用更友好更漂亮。本文主要介绍的 是在现 代Web应用程序中,我们对设计模式以及有效设计解决方案进行大量研究并得到结果的第一部分,您可以在下面找到10个收集到的实用界面设计技术以及在许多 成功 阅读全文
posted @ 2011-05-03 21:13 洞庭湖里的老麻雀 阅读(251) 评论(0) 推荐(0) 编辑
摘要: 在生活中,拥有目标是非常重要的。 特别对于网站设计而言,因为没有目标就没有动力,更无法衡量你的成功与否。 目标有助于设计师专注于重要的事情,把握设计方案的走向。目标能帮助设计者设计出令人眼前一亮的网站。 设计任何一个网站,过程都是大同小异的:我完成了一份设计稿,然后把它交给客户。虽然在一开始,我有我的创意,客户有客户的需求,但是我知道我会在 最后交出一份令人满意的答卷。 之后的步骤大径相同,但每个网站都会因面向的群体不同、定位不同、风格不同而各自产生某些不同的步骤。有时我需要手绘,有 时我又必须利用PS、AI等软件的强大功能。 尽管不同项目的过程可以有所差异,但至关重要的是做一个网站一定会确立 阅读全文
posted @ 2011-05-03 21:06 洞庭湖里的老麻雀 阅读(225) 评论(0) 推荐(0) 编辑
摘要: DIV+CSS是网站标准(或称“Web标准”)中常用的术语之一,通常为了说明与HTML网页设计语言中的表格(table)定位方式的区别,因为XHTML网站设计标准中,不再使用表格定位技术,而是采用DIV+CSS的方式实现各种定位。应用应用DIV+CSS编码时很容易犯一些错误。本文列举了一些常见的错误:1. 检查HTML元素是否有拼写错误、是否忘记结束标记即使是老手也经常会弄错div的嵌套关系。可以用dreamweaver的验证功能检查一下有无错误。2. 检查CSS是否正确检查一下有无拼写错误、是否忘记结尾等。可以利用CleanCSS来检查 CSS的拼写错误。CleanCSS本是为CSS减肥的工 阅读全文
posted @ 2011-05-03 21:06 洞庭湖里的老麻雀 阅读(143) 评论(0) 推荐(0) 编辑
摘要: 当谈到设计和创建网站时,似乎从来都感觉不够快。考虑到快节奏,很多小的细节经常会脱离设计过程。虽然这些细节可能微不足道,但是可能将网站从漂亮带到真正的优秀。这些细节往往容易错过,因为他们不会影响网站的整体外观和感觉。问题是,这些细节往往会如影随形。而她恰恰是对用户体验忠诚度的体现。下面列出10个关键元素,记住它,你将避免走回头路。1、链接(link)设置链接状态的不同风格,这是基础也是必须。你可能吃惊细节被忽略的次数。包括下面列举的页面上所有链接的状态。Normal(常态)这是链接的默认状态。鼠标还没有悬停、点击,或是转向向URL的时候,这个链接格式大部分的设计师会考虑到。Visited(已访问 阅读全文
posted @ 2011-05-03 21:04 洞庭湖里的老麻雀 阅读(324) 评论(0) 推荐(0) 编辑
  2011年4月15日
摘要: div+css网页布局是目前最流行的语言,也是国际变化的趋势,合理的应用可以让你的网站给人眼前一亮的感觉,不过在布局中也应该注意以下一些错误,及时纠正,一个成功的网站就离你不远了。 1、导航菜单使用图片、flash 导航菜单使用图片、flash当然比纯文本来得好看一些,但是搜索引擎并不认识你的图片和flash。如果你非要使用漂亮的图片来做导航的话,可以使用背景替换的方法。建议做一个导航菜单链接的xml文提交到搜索引擎。 2、不恰当地使用图片 为了网页美观,经常会到处贴满图片,这样做是不正确的,与内容无关的图片能少就少吧。我们可以把这些图片做成容器的背景。 3、内容里特殊字体的运用楷体很漂亮,草 阅读全文
posted @ 2011-04-15 16:16 洞庭湖里的老麻雀 阅读(223) 评论(0) 推荐(0) 编辑