Web开发人员知道的一些明显的事情,但是他们没有:
>您不能在HTML中旋转图形
>所有对象都必须是矩形,不能有圆形DIV
>他们的曲目中的许多印刷效果是无法实现的
一些棘手的事情是:
>他们可以有不变的不透明度吗?那么是的,没有.
>他们有圆角吗?也许.
一些不是技术上的困难,但是哪些是问题:
>图像文件大小:我有一个学生想要在他们网站的每个页面上有一个不同的大图形标题;这在技术上不是问题,但这意味着访客必须等待一个新的图形来加载每次他们导航
>辅助功能:“为什么不只是让一切都是图形,克服HTML的限制?”
解决方法
>你被限制在一小部分
字体
>以不同的大小查看字体
>有如何可读性限制
宽的段落应该伸展(in a
流体布局)
>为所有类型的读者写 – 有些
会脱脂,别人会详细阅读
>网站被浏览不同
分辨率和屏幕尺寸 – 相应设计
实现透明背景
IE6,使用PNG8与alpha(IE6不
支持不同级别
透明度是100%
透明或不透明)
>使用CSS精灵
>大多数文字不应该使用图像
> img标签应该用于图像
具有语义价值和所有布局
图片应该是CSS图片
>每个img标签都需要有alt
属性进行验证
(X)HTML和CSS
>浏览器渲染差别很大
>验证CSS和(X)HTML
更大的设计概率
将跨浏览器友好
>不要使用CSS黑客
>使用正确的语义标记
>页面应该能够没有工作
启用JavaScript
阅读雅虎guide for
performance并使用YSlow
> Dreamweaver的设计模式不行
反映网页的显示方式
真正的浏览器
一般设计
>更简单,往往更好可用性,可访问性,设计和下载大小>大于五或六的列表项目应视觉分解>一致性是重要的 – 不要改变你的导航等,没有一个很好的理由>选择颜色时,请保留考虑到色盲.这会影响你如何选择传达意思是颜色.放置最重要的信息在上面(的一部分显示无滚动的屏幕)>网页是互动的.这个剧烈地影响你的消费并显示信息.您可以隐藏并随后使用选项卡,手风琴和类似方法显示信息.>考虑小学和二次诉讼.做什么你想要用户做什么?你在哪里要他们去下一个