网页设计的质量和代码的速度
作为一个网页设计师的需要创建一个详细的、创造性的、原创的网页设计,Photoshop网页设计大部分的思考如何将代码简化。
在设计阶段,它是对所有的网页速度期待,对于一个网页设计师感觉不在设计过程中。
这是一个伟大的想法,并能导致最好的网页设计。然而,一旦它不需要代码,作为设计师的我们是一个棘手的地方。
在这篇文章中,你会找到一些简单的网页设计技巧,可以帮助网页设计师了解基本的XHTML/CSS代码快速加载的网站是准确的。
我们必须简化切片和代码,或把我们部分网页设计PSD转XHTML / CSS。作为主要设计者,第二选项通常是最佳选择的客户,因为它将提供最佳的结果。
虽然有时,较小的网页设计项目,我们需要一个写网站自己的代码。不管什么原因,或者占用太多我们的时间。
较小的网页设计项目是自己制作还是外包
本文是针对网页设计师,许多网页设计师不喜欢网站代码的是很常见的,喜欢设计,也有少数例外,但是最重要的是态度。
许多设计师发现的外包效益:支付公司切片和代码设计,让它在几天内回来,并保存自己的时间和精力做它你自己。
如果一个人没有足够有效地编码一个网站的经验,花了太多时间在不值得你会得到支付的一个项目。
一些项目只是需要多一点的客户关怀,从你的设计师。根据客户和项目,最好打破分层编码部分成更易于管理的部分,有一些变量对客户意见的整个过程。在任何情况下,你的设计师,必须不断修改代码以适应客户的需求,在最初的网站代码,这可能是最好的自己,做整个事情。
所以它是由你根据每个项目,每个客户,每个组的情况来决定是否外包的编码部分或不。
作为一种福利外包,有经验的程序员可以创建一个相同的编码版本你的PSD设计,同时保持加载速度和可用性。
如果你在这种情况下,你正在想切片和代码自己的网站,这里有一些一般提示1)节省您的时间,所以你不必为2美元/小时和2)为你的客户提供更好的结果,作为一个有经验的开发者,同时还节省了外包成本。
1。片有效
PS图象处理软件和烟花来与一个内置的切片工具,允许设计器代码直接插入HTML网站。然而,即使是现代版本的这些软件创建基于表格的标记。对于现代的网页设计师,这是非常有用的,当然。
这就是为什么网站编码技术的发展是一个独立的实践,以自己的才华和经验。所有的网页设计需要一些手工编码和思维过程的背后。没有软件可以为你做一切。
不过,切片工具在PS图象处理软件和烟花可以善加利用的发展部分的网页设计。关键是要知道如何有效地使用切片工具。
不再钻研整个分层编码的教程在这里,一个伟大的导师在Nettuts+可以帮助很多:”PSD切图”。它会在基本的思维过程,以及技术指导、分层Web设计的现代的和正确的方式采用传统的切片工具。
它是在一个时间顺序,不同的视频开发过程的每个阶段,以及类似的和额外的截屏有用的链接。
第一步是要看这些教程,并从他们采取的最重要的一点:知道什么切片图像,如何优化速度和质量平衡的图片,和你的PSD什么元素应该是简单的XHTML和CSS。
只是看一个更有经验的开发过程和解释可以帮助设计师小切片和编码经验的过程,是更有效的证人。
2。简化CSS
有时,一个人物如何使用CSS来达到一定的效果是不是最好的办法。如果你发现自己创造了太多的自定义类,或复杂的战术,否则,为了实现一个效果,认为另一种更有效率的方式。
在大多数情况下,这种来自经验。你越是代码的网站,发现新的技术,更有效地使用CSS将得到。
![网页设计的质量和代码的速度 网页设计的质量和代码的速度](/uploads/allimg/190604/a72f697e14f9f9743608064d484ed22d.jpg)
3。使用CSS速记和最小的HTML标记
较小的文件大小,更快的是负荷,它是那样简单。使用CSS速记和重用元素最小化XHTML标记的长度是这样一个伟大的方式。
编码整个网站是一个平衡的标记和标记的CSS样式。标记应用于结构和CSS应该用于造型,所以要找到平衡的最好方法就是记住。
除此之外,实际只需要理解CSS速记的技术细节,以及获得的经验。
4。Smush.it
使用这样的工具雅虎Smush.it任何图像进一步紧缩。这样的工具使用的压缩算法,减小文件大小显着,在不牺牲图像质量。平均约40%的减少会使所有图片在一个网站的加载时间的巨大差异。
只是简单的加载任何图片的网站,在他们已经在PS图象处理软件原先的优化,应用到Smush.it。它会给你一个新的图像的下载列表,解释了多少空间,以及如何。
5。注意CSS和标记顺序
在内容元素的结构元素,或引用的段落样式风格之前,不会让任何一个样式表加载更快。然而,一个样式表加载的顺序提出了在样式表中,这样可以让网站出现的好像是加载速度更快。
例如,如果在一个样式表,所有的内容,图像,首先定义了文本风格,这些元素会在任何背景、结构单元的负荷,或设计图像加载。
正因为如此,它似乎是网页设计加载稍慢比我们看到的背景和结构。
6。知道何时使用客户端或服务器端脚本
基本的项目,网页设计师可能不会进入太多的编程。然而,一些脚本可能是一个简单的联系方式或特殊要求的导航作用。
不管它是什么,两种脚本语言可以使用客户端(如脚本语言运行在用户的浏览器),或服务器端(脚本语言运行在服务器上)。
7。最后,验证
这是明显的对我们中的大多数,但与任何这样的文章,它必须说:在整个编码过程中,当一切都说过和做过,验证CSS和XHTML代码。
我们都知道验证的好处,因为它可以让各种浏览器渲染同样,让网页加载速度更快,是一种语义代码一般错误检查。
结束了
一些设计师担心他们必须牺牲质量设计的图像编码时,XHTML / CSS为了使快速加载的网站-但那不是真的。
有许多方法来编码的智能化,可以创建一个用户友好的、快速加载的网站符合设计师的素质。使用这些技巧,可以帮助,但还有更多的网页设计的质量和代码的速度东西要学。
最后大家看一下网站设计案例:深圳市龙华经济服务局网站设计,平安银行监控系统UI界面设计,深圳市龙华新区政府在线网站设计