仓酷云

标题: 来讲讲：pt、px、DPI: 关于长度单元的曲解 [打印本页]

作者: 海妖 时间: 2015-1-16 00:25
标题: 来讲讲：pt、px、DPI: 关于长度单元的曲解
搜索引擎更加友好。相对与传统的table,采用DIV+CSS技术的网页，对于搜索引擎的收录更加友好。
　　在印刷排版中，“point”是一个相对的单元，它即是1/72英寸，能够用尺子测量的，物理的英寸。但在CSS中pt的寄义却非云云，比方我们指定一个字体是9pt，我们会觉得依照CSS标准，它即是:
　　9*1/72=1/8inch
　　这是一个曲解，由于我们的显现器被支解为了一个个的像素，单个像素只能有一种色彩(为了简化，这里暂不会商次像素反锯齿手艺)，要在屏幕上显现，必需先把以pt为单元的长度转换为以像素为单元的长度，这个转换的前言，就是DPI(现实上，这里的所谓的DPI，是操纵体系和扫瞄器中利用的术语，即为PPI,pixelsperinch，和扫描仪、打印机、数码相机中的DPI是分歧的观点)。
　　比方，不管在哪一个操纵体系中，Firefox扫瞄器默许的DPI都是96，那末实践上9pt=9*1/72*96=12px。
　　以是，固然“DPI”中的“I”和“1pt即是1/72inch”中的“inch”，都不代表物理上的英寸，但这两个单元相互之间是相称的，也就在相乘中约失落了。
　　那末，实在的物理长度怎样盘算呢?请拿出一把尺子，测量你的显现器的可见宽度(我这里是11.2992英寸)，除以横向分辩率(我这里是1024像素)，失掉的就是每一个像素的物理长度。
　　如今我们能够回覆如许一个成绩，网页上9pt的字体事实占用了多宽的空间?谜底是:
　　9*1/72*96*11.2992/1024=0.1324英寸=0.3363厘米。
　　有乐趣的伴侣能够本人查证一下。

表现和内容相分离。将设计部分剥离出来放在一个独立样式文件中，你可以减少未来网页无效的可能。

作者: 第二个灵魂 时间: 2015-1-17 16:07
Dreamweaver是唯一提供RoundtripHTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。

作者: 蒙在股里 时间: 2015-1-20 23:44
dreamweaver8中文版下载(dw)对专业网页图像设计的FIREWORKS，三者被MACROMEDIA公司称为DREAMTEAM(梦之队)。

作者: 透明 时间: 2015-1-30 07:37
布局表格、绘制层、制作CSS样式表等，这些内容迷糊了我的视线，真是没想到制作一个精巧别致的网页是如此的困难，可是心有不甘。

作者: 只想知道 时间: 2015-2-6 09:00
滚动条)层属性--溢出(visible/hidden/scroll/auto)

作者: 精灵巫婆 时间: 2015-2-15 21:40
可以使用 CSS 检查工具进行设计。

作者: 柔情似水 时间: 2015-3-4 14:41
直接用代码建立链接，如：可以直接输入 <a herf = \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"red.html\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\">红色的网页 12、插入标签法建立链接，可以再选中文字后在代码中插入html标签，页元素<a>.也可以按ctrl+t进入html标签插入方法之后输入代码即可。

作者: 海妖 时间: 2015-3-19 11:55
还可以在Dreamweaver常用工具中选择超级链接，完成相应的填写即可。

作者: 再见西城 时间: 2015-3-28 03:18
还是在Dreamweaver所见即所得添加链接是，可以选中文字或图片然后按下shift键不放鼠标拖出箭头直接指向文件即可。这是比较简单的也是常用的方之一。

欢迎光临仓酷云 (http://www.ckuyun.com/)