微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

html – 打印设计师移动到网站…他们需要知道什么?

我正在为在线学习网页设计的印刷学习者编写一本指南.

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的设计模式不行
反映网页的显示方式
真正的浏览器

一般设计

>更简单,往往更好可用性,可访问性,设计和下载大小>大于五或六的列表项目应视觉分解>一致性是重要的 – 不要改变你的导航等,没有一个很好的理由>选择颜色时,请保留考虑到色盲.这会影响你如何选择传达意思是颜色.放置最重要的信息在上面(的一部分显示无滚动的屏幕)>网页是互动的.这个剧烈地影响你的消费并显示信息.您可以隐藏并随后使用选项卡,手风琴和类似方法显示信息.>考虑小学和二次诉讼.做什么你想要用户做什么?你在哪里要他们去下一个

原文地址:https://www.jb51.cc/html/230163.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐