• CSS网页布局中易犯的10个小错误

    即使是CSS高手,也难免在书写CSS代码的时候出一些小错误,或者说,任何一种代码都是如此。小错误却往往造成大问题,浪费很多无辜的时间来调试和排错。查看下面这份CSS 网页布局中易犯的10个小错误,努力的修正你可能会犯的错误,加速你的前端开发效率。

    1. 检查html元素是否有拼写错误、是否忘记结束标记

    即使是老手也经常会弄错div的嵌套关系。可以用dreamweaver的验证功能检查一下有无错误。

    2. 检查CSS是否书写正确

    检查一下有无拼写错误、是否忘记结尾的 } 等。可以利用CleanCSS来检查 CSS的拼写错误。CleanCSS本是为CSS减肥的工具,但也能检查出拼写错误。

    3. 用删除法确定错误发生的位置

    如果错误影响了整体布局,则可以逐个删除div块,直到删除某个div块后显示恢复正常,即可确定错误发生的位置。

    2010.03.07 / 没有评论 / 文章分类: CSS+HTML

  • 网站结构设计之关键词群布局

    在seo中有很多人忽略了细节,也有人忽略了系统而不注重全局,本篇文章是讲述如何使用系统的思想去进行 seo的关键词布局,其实seo的理论就那么多,很多东西必须你通过实践才可以悟出来,所以多动手,你才会有收获。

    很多人靠黑帽seo获取了一点点成功就沾沾自喜,其实seo的最高境界不是你知道怎么做能行,而是你应该知道怎么做是不行的,如果你是发现你被搜索引擎惩罚之后才醒悟了这个道理的话,那么已经迟了,当然一个小站长做几个小站拿点小钱,被搜索引擎惩罚并不可怕,大不了我换个站从头再来,但你如果是给一个大的门户作seo,那么如果被搜索引擎惩罚,后果是不堪设想的。你对搜索引擎惩罚的重视程度取决于的网站的价值,如果一个网站具有很大的价值,那么我情愿不去做太多的seo,以免导致搜索引擎的惩罚。用一句很深奥的话来说就是:seo的最高境界就是不需要seo。

    2010.03.07 / 没有评论 / 文章分类: SEO

  • 使用CSS为图片添加的五种特殊效果

    1、阴影效果
    通过使用带有一些padding之的背景图来添加阴影效果。
    演示:
    http://www.sohtanaka.com/web-design/examples/drop-shadow/dropshadow.htm
    HTML:

    1
    
    <img class=”shadow” src=”sample.jpg” alt=”" />

    CSS:

    1
    2
    3
    4
    
    img.shadow {
                background: url(shadow-1000×1000.gif) no-repeat right bottom;
                padding: 5px 10px 10px 5px;
    }

    2、双边框效果
    这应该是目前最常见的技巧,我们通过以下方式创建说边框。
    演示:
    http://www.sohtanaka.com/web-design/examples/drop-shadow/doubleborder.htm

    HTML:

    1
    
    <img class="double-border" src="sample.jpg" alt="" />

    CSS:

    1
    2
    3
    4
    5
    
    img.double-border {
        border: 5px solid #ddd;
        padding: 5px; /*Inner border size*/
        background: #fff; /*Inner border color*/
    }

    2010.03.06 / 没有评论 / 文章分类: CSS+HTML

  • 网站改版时需要注意的六大问题

    网站改版,如何改?如果只是设计、功能和栏目等的稍微变动,这些很简单,从技术 上说并没有多少难度。只是对于网站本身的发展来说,没有多大的作用,尤其是一些存在很严重的对搜索引擎不友好问题的网站,没有针对性的改版,相当于只给网 站换了一个外壳,治标不治本。网站遭遇发展瓶颈时候,是需要改版还是重新建设?不管是改版还是重建,都需要先进行分析诊断,找出问题所在进行有效的优化改 版,而不是盲目的去重新建设新的网站。事实上,倘若不是存在着很严重问题的网站,经过网站优化后,都能取得更好的发展。

    对于国内很多没有经过优化的网站来说,网站改版相当于网站的二次重建。针对改版的策划方案,对于改版是否成功起着至关重要的作用。网站改版方案的策 划,不仅仅要涵盖前台设计,功能模块设计,栏目设计,数据库设计,团队合作等各个环节,还需要把搜索引擎优化的思想结合在里面。使网站系统完善的同时,增 加用户友好度和搜索引擎友好度。

    以下是针对网站改版可能遇到的几种情况以及建议,仅做参考:

    一、网站改版选择什么样的内容管理系统(CMS)

    现在大多网站都带有后台管理系统(CMS),这样能大量的节省编辑文章的时间,能使维护和管理简单化。即使是一个没有CMS的网站,要添加CMS也 是极为容易的事情。一个好的CMS不仅仅是要求能管理维护好现有的网站内容,还要有弹性和可扩展性,能帮助你把网站建设得更好。

    CMS能帮助我们更好的维护和管理网站,但是就目前而言,大多数CMS都缺乏搜索引擎友好性,难以适应搜索引擎规则。

    评价一个CMS的搜索引擎友好度,你可以通过以下几点来评价:你在编辑和提交网页的时候,能否通过CMS为网页设置独立的title和meta;通 过CMS生成的网页url是否具备搜索引擎友好性(如url是否做过静态化处理),你能否更改编辑内容的方式,比如通过文本编辑和通过代码视图编辑;能否 为文本内容添加链接;为产品设置的导航结构是否对搜索引擎友好……,如果你在乎你的网站在搜索结果页面的位置的话,这些都是很重要的。

    2010.03.04 / 没有评论 / 文章分类: SEO, 设计杂谈

  • 谷歌-短信最流行-2010虎年短信免费(收发)

    手机现在越来越流行了哈!发短信更是没得说哈。。

    今天看到了谷歌为我们广大的用户提供了一个很好的免费服务,可能之前就有了哈,没去注意!

    快过年了哈,手机的问候必不可少哈。俺就为那些懒得打字的朋友们,提供方便哈。

    可以上网的朋友,就去谷歌热榜-短信最流行

    http://www.google.cn/rebang/msg

    点击进入→

    2010.02.11 / 没有评论 / 文章分类: 紫枫生活

最近文章

最近评论

分类目录

紫枫印迹

2010年三月
« 二    
1234567
891011121314
15161718192021
22232425262728
293031  

标签云

CSS+HTML css2.0 HTML5 SEO seo优化 SNS User Friendly2009 VIP web 中文手册 互联网 交互 交互设计 产品 产品设计 产品设计师 体验 信息架构 关键词 制作网页 前端开发 原型 命名规则 垂直居中 小技巧 手机网站开发 按钮 支付宝 李开复 流程 用户习惯 用户体验 用户界面 用户研究 用户访谈 瞬间的设计 网站运营 网页设计 背景 行动 视觉设计 设计 设计师 身体语言 页面重构

用户体验设计(UED)

紫枫友情收藏

86ue_rss

设置