Google [站内搜索]

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

巧用DW判断字符串中是否有换行

经常从DW中复制出一段HTML代码(比如table)想将它作为一个字符串来使用,习惯性的将其粘贴到记事本中将一个双引号替换为两个双引号、去掉换行符进行连接再复制粘贴回DW中,但由于在记事本中不能直观的看出这个字符串中是否还有换行符,结果程序一运行老提示错误:"未结束的字符串常量",经常要调试好几次才能将换行符删除干净:(,今天偶然发现在DW代码视图下就可以很直观的看出字符串中是否还有换行符,以后就不用再三的进行调试了。



查看更多...

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

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

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



预览效果如下:

查看更多...

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

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

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

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

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

查看更多...

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

设计师的框架

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

什么是框架?

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

查看更多...

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

揪出textarea中神秘的空格



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

查看更多...

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

这里是那个问题: 

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

查看更多...

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

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

查看更多...

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

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

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

查看更多...

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