Google [站内搜索]

分类: 网页设计预览模式: 普通 | 列表

不再让栏目名称"一刀两断"

页面中有一个位置要显示栏目名称,DW中排版如下图:



预览效果如下:

查看更多...

分类:网页设计 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 3209

像聪明女孩穿衣服般设计网页文字

这世上“没有丑女人,只有懒女人”这是女人美丽圣经里的最精彩的一句话了,一个女人只要舍得花时间琢磨怎么保养,怎么打扮,总能够找到方法展现自己美丽的一面的。界面设计何尝不是如此?那就让我们来看看聪明女人的穿衣之道里有没有什么做设计可以借鉴的地方。

原则一:全身搭配的衣服主色不要超过三种

不管什么样的衣着都应该有一个主色调,代表穿衣者想彰显的气质,她不可能样样都强调——也许她有安静的一面,犹如蓝色;也可能有调皮的一面,犹如橙色:知性的一面,犹如白色:可爱的一面,犹如粉色……但是她如果把这些颜色同时穿出来,那她除了像只花蝴蝶外将一无是处。这就好比一个页面,它的主要字体和颜色搭配不应该超过三种,他们分别用做:最重要的,比较重要的,一般的。别试图什么都强调,你会到头来什么都抓不到。

查看更多...

分类:网页设计 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 3415

设计师的框架

近来,在Web开发中"框架"是一个相当时髦的词。比如JavaScript 框架 YUI、 JQuery和Prototype 都引起广泛的关注, Web应用框架Rails and Dojo 更是引人瞩目,仿佛所有人都使用某种框架来开发自己的网站。但究竟什么是框架?是不是框架仅仅是对程序员有用,设计师是否可以从中收益?

什么是框架?

为了便于沟通,我们给"框架"统一一个定义(至少在本篇文章中是统一的):一套包含工具、函数库、约定,以及尝试从常用任务中抽象出可以复用的通用模块,目标是使设计师和开发人员把重点放在任务项目所特有的方面,避免重复开发。通常的讲,框架就是上面提到的JavaScript框架和Web应用框架。

查看更多...

分类:网页设计 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 2505

揪出textarea中神秘的空格



如上图所示,页面打开没输入任何内容,光标放到文本框中却发觉文本框中多了神秘的空格,打开源代码没看出有什么异常:

查看更多...

分类:网页设计 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 5608
在这个冠冕堂皇的标题之下,我想回答一个土方,有人在博客提出很久了。该土方很好的描述了很多图标设计师所面临的典型问题。

这里是那个问题: 

"你好,我也是做图标的,我有一个问题:如何合适地缩小一个图标?我做的大图标清晰而且漂亮,但缩小的图标就变得肮脏和讨厌了,我很想纠正这种情形" 

查看更多...

分类:网页设计 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 3509
在提高站点的打开速度、降低服务器负荷、搜索引擎优化等等因素的影响下,很多站长对网站静态化可是乐不知疲,加上很多大站点也加入了这一行列,就更加肯定了静态化的优势。静态化实现起来在技术上算不上什么难题,但对于一个大站点来说,如何规划好整个站点的文件结构应更为重要。今天我们就来分析263在线和赶集网的网站文件结构,它们皆为分类信息站且分类大致相同,并且均静态化到了牙齿(整站静态化),因而具有可比性,此次分析对我们以后实现整站静态化是非常有参考意义的。好了,下边我们首先来分析其结构。

说明:由于今天我们讨论的重点是静态化部分文件结构的规划,又因263在线和赶集网在站点各大类之间的结构是相同的,所以我们只从两个站中各取一类加以分析。

查看更多...

分类:网页设计 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 4083
网站代码验证

没人可以细致到保证自己的网站代码都是正确的,你可以通过以下测试来验证网站代码是否正确。

1 . WDG HTML Validator:一个很好的工具,能找出网站语法错误的地方,并标注出来,也可选择对网站上单独的每一页进行单页分析。( 强烈推荐 )

查看更多...

分类:网页设计 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 3840

网页制作,改变你的思维方式

“重构”的春风吹遍大江南北,互联网一时间风声鹤唳,“div+CSS”俨然已成为一种“时尚”,难以尽数的网站都不约而同地开始了自己的“重构”。然而打开这形形色色网站的源代码,却时常令人哑然失笑——

我们看到有嵌套6、7层的div布局,有不用table的表格,有纯div+a构成的页面,有成百上千的表现层class……现在关于标准的书籍越来越多,除了少数几本标榜“高级技巧”的书籍以外,很少有人不会在自己著作的前几章强调这样一句话——“结构与表现分离”。然而这些书籍的读者们,又有多少人认认真真地读过前几章呢?还是更多地直接跳过那些乏味的结构讲解,一头扎到貌似高深的布局技巧与Hack中去?

其实div+CSS这个说法从一开始就误导了太多的人,急功近利的心态则更是造成这种现象的罪魁祸首。一个习惯了table布局的网页制作接触标准的第一步,不应该是去盲目寻求实现各种布局的CSS技巧,而是努力改变自己的思维方式。

查看更多...

分类:网页设计 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 2581