![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
网页设计
文章平均质量分 65
lixinstudio
我不是最好的,但我们是最棒的
展开
-
25款精美的后台模板 附演示及打包下载
25个精美后台模板,基本都来自经典设计,部分带有登陆页、以及psd文件,满足广大网友设计后台的需求!压缩包内容包括所有25个精美后台模板,如果仅需要个别模板,请下载压缩包,并根据相应的文件夹编号查找。全部演示如下: http://www.okajax.com/demo/admin_templates/1/http://www.okajax.com/demo/ad原创 2011-11-14 13:20:01 · 2806 阅读 · 2 评论 -
开发备必:WEB前端开发规范文档
规范目的 为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档. 本规范文档一经确认, 前端开发人员必 须按本文档规范进行前台页面开发. 本文档如有不对或者不合适的地方请及时提出, 经讨论决定后方可更改.基本准则 符合web标准, 语义化html, 结构表现行为分离, 兼容性优良. 页面性能方面, 代码要求简洁明了有序, 尽可能的减小翻译 2011-12-01 12:36:11 · 1351 阅读 · 0 评论 -
DivCSS+JavaScript实现 始终居中的半透明弹出层
DivCSS+JavaScript实现弹出一个始终居中的半透明层,它可以自动适应浏览器窗口大小,拖动IE滚动条它仍然居中,而且还可以改变它的透明度,和大站的效果是一样的。 先看HTML代码: Example Source Code[www.52css.com]52CSS.com欢迎你!Q群号:48822948关闭窗口点击这里弹出层 再编写CSS翻译 2011-12-01 12:37:54 · 830 阅读 · 0 评论 -
divcss布局及Web标准对网站优化和SEO方面的益处
现在采用CSS+DIV建网站的朋友越来越多,我们今天就谈谈divcss布局及Web标准对网站优化和SEO方面的益处: 一、用css+div,就要放弃以前表格排版的一些习惯,包括页面格式的一些习惯:1.以前用表格排版,一般都是用不规则的背景图片,跨单元格来做一些不规则的效果.css+div的特点就是格式和样式分开.2.css+div还是用块的行使排版比较好,页面简单,直观,不那么花哨.源码翻译 2011-12-01 12:31:07 · 1013 阅读 · 0 评论 -
高品质的网页设计: 实例与技巧之三(文字排列与字体选用的诀窍)
尽管设计师大都不会亲自撰写网站的实际内容,不过他们对于内容的整体品质仍然至关重要。设计师的作用就是要保证内容的展现方式足够易读。有很多方法能保证你的字体易读易用,不过我不会给大家列一些该做什么或者不能做什么的规矩和条款,我带给大家的是一些聪明运用字体的实例和分析。仔细考虑了字体的实例The Netsetter上大而漂亮的字体网页设计中,标题很重要,对于博客设计来说尤为如此。最近流行翻译 2011-12-02 10:46:52 · 1779 阅读 · 2 评论 -
高品质的网页设计: 实例与技巧之二(像素级的完美)
有一个方法能够看出某人在完成一项网页设计时是否真的用心了。有时候创造奇迹的就是一些小细节,一些别人几乎无法察觉的细节。我所说的“像素级的完 美”就是指在线条、边缘和边框描边上仔细推敲。与其就用一条单一的线,不如多加一些细节。细节可以是细微的渐变,也完全可以只是一条1像素宽的细线(用作表现阴影或高光)。有了这些细节, 你的设计会大不一样。有些设计师在这方面特擅长: Collis Ta’eed, Da翻译 2011-12-02 10:45:43 · 1842 阅读 · 2 评论 -
另类视觉艺术———抽象艺术
进入二十世纪以来,抽象艺术的界定,已不再只是用来做为写实风格的对立面。具象、抽象及叙述性的内容,已在西方抽象表现的发展中,获得了认定。复合媒材的使用,更打开了形式表达的局限,彰显其丰富的语汇。继康丁斯基、蒙德里安视觉美学探索的架构之后,对于视觉艺术,「抽象」一词的意涵,艺术家仍在美术史的演绎中,将意涵推展至社会学, 艺术史等各个层面,使抽象意题呈现的可能性,更为宽广。「学习」与「经验」,使翻译 2011-12-01 21:22:04 · 1320 阅读 · 0 评论 -
高品质的网页设计: 实例与技巧系列之一(留白)
提升网页和博客设计品质的一些实例和技巧“高品质”是所有人追求的目标,在网页设计的世界中也不例外。不过何为“品质”,如何判断一项设计的品质是好还是坏?笔者恰好有一套找出网页设计中品质焦点的方法。一旦你了解到如何判断一项高品质的设计究竟好在哪里,你就掌握了让自己的设计更趋完美的大量技巧。接下来我会给大家列一些要点,并附上相应的例子,与大家分享一下我在别人的网页设计中寻找“高品质”的过程。翻译 2011-12-02 10:42:56 · 2267 阅读 · 2 评论 -
高品质的网页设计与技巧之四(元素的组织)
设计师这一职业对很多人都有吸引力,因为那些制造创意的过程,实在是十分有趣。我知道组织内容的过程就没有那么有趣了,不过一旦你养成了组织内容的好习惯,你就会发现其实它也没有想象中那么枯燥。组织内容的方式总是需要看情况而定,比如说,这站点是什么类型?某项特定内容在页面上的重要性如何?如何放置内容,以及放到哪里,可能的排列组合实在太多了。不过还是有一些技巧可循的。最基础的就是,先决定你的设计需要达翻译 2011-12-04 10:35:50 · 673 阅读 · 0 评论 -
高品质的网页设计与技巧之五(自我克制与精妙细节)
设计师总是在寻找制造冲击力的方式,总是想做一个独一无二的设计,创造些前所未有的效果。不过有时候通过自我克制也能形成冲击力。量变产生质变,过多的“好”也会带出不好的结果。好的设计师晓得平衡点在哪里,并且能避免让过多的特殊效果毁了一项设计。“Things”网站上的柔和渐变对于我访问过的站点,我总是很关注他们的细微渐变。听起来可能有点恼火,不过我就是忍不住要去研究别人的那些小细节,以积累我将翻译 2011-12-04 10:37:34 · 1270 阅读 · 1 评论 -
高品质的网页设计: 实例与技巧之六(发挥色彩的全部潜能 )
设计师一般喜欢按照自己的品味来选择颜色,这可实在太不专业了。要决定哪种颜色是最适用的,你的脑子里想的应该一直是品牌需求,然后选好色彩的搭配组合,指定其专属的主题和目标情绪。网页设计中色彩运用的绝妙例子无趣并不代表无色:OyproOypro的网站让我喜欢的地方是,他们告诉了我们,一项“无聊”的行业相应的设计并不一定也得“无聊”。通常企业的网站都不允许设计师有太多视觉创意上的发挥。保持翻译 2011-12-05 12:59:41 · 805 阅读 · 0 评论 -
九个让人难以置信的HTML5和JavaScript实验
Google的 Chrome实验室 收集了很多让人难以置信的基于 HTML5 Canvas 和 JavaScript 的实验项目,里面的例子都很独特,让人惊叹。我从未想过结合 HTML 和 JavaScript 能实现这么强大的效果。今天,本文与大家分享其中9个很棒的例子,为了有更好的效果,建议在Chrome浏览器中浏览。Untangle拖动蓝点,让所有线都不相交,看看你多久能解开?翻译 2011-11-26 16:44:29 · 1478 阅读 · 0 评论 -
Web开发人员常用速查手册
不管你是多么优秀的程序员,你都不可能记住一切。在你编写程序的过程中碰到问题需要查阅手册的时候,若有现成的手册可参考则可以为你节省很多时间。为了方便各位朋友,本文收集了一些对Web开发人员非常有用的手册,记得推荐一下哦。HTML 速查手册HTML/XTML in one page HTML5: The Evolution of Web Standards by James Sugru翻译 2011-11-26 16:47:52 · 1821 阅读 · 0 评论 -
对于中国移动wap2.0业务开发的建议
1)必须是XHTML格式页面,不能是WML页面 这是WAP 2.0与WAP 1.X的根本区别之一。2)必须限定页面大小,建议为5K~10K 虽然WAP 2.0协议栈的传输效率要高于WAP 1.X,但为了限制页面下载时间,提高业务可用性,保持良好的用户感受,必须对页面大小进行限定。3)必须是彩色页面,使用图文混排功能 图文混排能极大的提高用户原创 2011-11-18 00:26:28 · 1321 阅读 · 0 评论 -
css命名规范
头:header 内容:content/containe 尾:footer 导航:nav 侧栏:sidebar 栏目:column 页面外围控制整体布局宽度:wrapper 左右中:left right center 登录条:loginbar 标志:logo 广告:banner 页面主体:main 热点原创 2011-11-14 00:18:42 · 909 阅读 · 0 评论 -
一些关于网页设计的优秀网站
1、The Best DesignsThe Best Designs是一个现成查看高质量XHTML和Flash设计的优秀网站,该网站标记与每一个设计的关键字(例如用加粗、加色、或者是用更深的CSS),让读者更容易得到自己想搜索的东西。2、CSS RemixCSS Remix是一个(据他们自己的简介)Web 2.0网站最佳设计的弄潮儿。当然了,该网站也包括一些非Web 2.0的主翻译 2011-11-05 14:50:04 · 1835 阅读 · 0 评论 -
网页美感来源于形式和内容统一
现在视觉专家表明:用户浏览网站是按照“F”型的视觉路线。我们看任何东西都是从上往下的,最顶部左上角的位置是最明显的,也是最先被看到,这一点已经被现在所有的网站都运用上了,大家通常把公司的LOGO,网站的名称放在这个位置。接下来看到的是中间区域左边的一部分,这个区域大多数电商站喜于放产品栏目,以便用户查找。最后就是底部内容部分的。了解了这个规律,当我们在设计页面的时候就知道怎么样做内容,怎么样让内容原创 2011-11-18 00:42:19 · 2120 阅读 · 1 评论 -
7个网上最优秀的CSS资源
无论你用Wordpress还是Z-blog还是其他的博客后台,只要你在做网站,CSS(什么是CSS?)你不得不面对,如何令你的网站风格漂亮,当靠别人是不够的。如何你想学CSS但不知道在哪学,那么很好,今天向大家推荐7个网上最优秀的CSS资源。1、CSS2 Specification 这是CSS的官方指南,当然你在上面看东西可能会觉得很枯燥,不过不要紧,CSS它说了算,所以真的有心学好,这会是一原创 2011-11-05 14:46:23 · 911 阅读 · 0 评论 -
本人多年经验总结关于网页制作的十大禁忌
请同行补充指教01. 无法连接:我们常看到网页链结错误或失败的现象,大多归咎于上传前未事先检查或测试 ,部份是因为被链结的网址已变更或消失,您未察觉;所以良好的网站必须经常仔细查对与维护。 02.网页过大:虽然现在频宽已大幅提升,但是大多数的网友都还停留在64k拨接阶段,除非您 的内容必要,否则建议将每页容量控制在30kb左右,长度在2页面以内;如需借用外部链结资源,如採用绝对 链原创 2011-11-18 00:17:34 · 1952 阅读 · 1 评论 -
关于css网页设计的顶级图书——《css禅意花园》
本书作者是世界著名的网站设计师,书中的范例来自网站设计领域最著名的网站——CSS Zen Garden(CSS禅意花园)。全书分为两个主要部分。第1章为第一部分,讨论网站“CSS禅意花同”及其最基本的主题,包含正确的标记结构和灵活性规 划等。第二部分包括6章,占据了本书的大部分篇幅。 每章剖析“CSS禅意花园”收录的6件设计作品,这些作品围绕一个主要的设计概念展开,如文字 的原创 2011-11-13 23:35:47 · 3083 阅读 · 0 评论 -
不同css等级的人对css的看法
关于CSS,如果有人问起你关于CSS方面的话题,对于CSS熟悉度不同的人分别有如下精采的回答,非常有趣:第0级:CSS?那不是一个多人射击游戏吗?有些人因为在找CS:S(Counter Strike: Source)这款游戏的资讯而进到#CSS网站。不必担心这些人,他们不可能制作太多网页,所以对网络也不会造成多大伤害。Yeah, I use it to remove underline翻译 2011-11-05 14:44:40 · 848 阅读 · 0 评论 -
30个让人印象深刻的CSS网站布局作品
如今,CSS不再只是用来边边角角的修饰页面内容,网页设计师们通过合理的运用,可以把CSS的潜能发挥得淋漓尽致,一个很普通的页面在CSS的作用下能够脱胎换骨,呈现出让人惊讶的效果。今天这篇文章就收集了30个让人印象深刻的CSS网站布局作品,一起欣赏。PigspotterRangusNiksoneFrontend2011Sawyer HollensheadW翻译 2011-11-26 16:41:27 · 1198 阅读 · 0 评论 -
Web开发人员和设计师必读文章推荐
本文继续向Web开发人员和设计师推荐优秀文章。梦想天空博客关注前端开发技术,展示最新HTML5和CSS3技术应用,分享实用的jQuery插件,推荐优秀的网页设计案例,共享精美的设计素材和强大的Web开发工具。本文特别推荐给Web设计师和开发人员阅读,希望这些资源能帮助到您。HTML5 应用演示推荐8个很酷很有用的 HTML5 应用程序10个奇特的 HTML5 Canvas 应用翻译 2011-11-26 16:42:57 · 1408 阅读 · 1 评论 -
Web开发者必备的20款超赞jQuery插件
jQuery的易扩展性吸引了来自全球的开发者来共同编写jQuery插件。jQuery插件不仅能够增强网站的可用性,有效地改善用户体验,还可以大大减少开发时间。现在的jQuery插件很多,可以根据您的项目需要来选择。这里为您介绍20款非常不错的插件。Creative Radical Web TypographyLettering.js是一个轻量经的、易于使用的jQuery插件,可创翻译 2011-11-26 16:46:01 · 1903 阅读 · 0 评论 -
高品质的网页设计: 实例与技巧之七(做别人没做过的事 )
最好的网站中有一些非同寻常的,奇怪的,甚至可以算得上诡异的设计。不过那些挑战传统的尝试说不定会已经改变了传统的定义。话说回来,要做到完全原创,创造出没人做过的东西实在是设计过程中最难做的事。打破常规之后,成功与失败只有一步之遥。你要么做出令人惊艳的聪明设计,要么做出一堆垃圾饱受批评。别人从来不这么做是有原因的,因为有些点子实在是糟透了。要从人们知道并喜欢的区域走出来,你得非常勇敢才行。下面翻译 2011-12-05 13:03:02 · 907 阅读 · 0 评论