木子屋 Dnawo's BLOG

2006-07 归档

共 136 篇

CSS基础

一、什么是CSS?(CSS简介) Cascading Style Sheet (层叠样式表),是W3C(The World Wide Web Consortium)组织新近批准的一个辅助HTML设计的新特性,能够保持整个HTML的外观. 二、使用CSS的优点 (1) 保持视觉的一致性 (2) 缩短更新和维护时间 (3) 节省带宽加速网页加载 (4) 增强交互性 (5) 减少服务器和带宽的费用,以节约资源 (6) 更好地被搜索引擎找到 (7) 避免表格的多层布局,精简代码,提高访问能力 (8) 对残疾人(读屏器的访问者)和使用手机或 PDA 的 Web 浏览者更具亲和力 三、CSS类型 (1)class:(类)可应用于任何标签,选择符以.开头…

无限,有限

-界面展现的信息无限,用户的接受能力有限 web界面表述的信息可以无限的多、也需要无限的多。 对于一个1024×768分辨率的显示器来说,网页浏览器窗口提供的显示区域大约是1000px×620px。但是,一个web界面的大小却是1000px×无限,因为可以滚屏。理论上说,一个网页上可以显示无限多的信息。 Web界面中,待表现的内容非常多,以douban.com的一个页面为例: http://www.douban.com/subject/1029553/ 需要显示的内容包括:“此书的基本信息、在哪儿买…、此书的简介、豆瓣成员给这本书添加的标签、喜欢这本书的人也喜欢、豆列推荐、此书的论坛、豆瓣成员的书评、搜索功能、你读过这本书?、我来评价/评价汇总、谁正在读这本书?、谁读过这本书、此书被哪些小组收藏”。共14类不同的内容。…

两个不错的小细节

关于界面中应该放多少内容,如何放,如何重复的问题: 1、“任重而道远”的臭鱼前几天说-界面展现的信息无限,用户的接受能力有限, 2、无聊的白鸦以前也写过关于“用户的识别能力”的东西, 3、上篇在Sohu Blog Plus!中也提到过“在同一屏中出现多个同样功能的链接,而且都很醒目”实际上是对用户的一种信息骚扰! 今天举两个比较不错的相关细节的例子:(欢迎更多人来举例) HOTMAIL邮件:在上边有一个“删除”, 但是如果邮件过多用户选中后还要再拖到上边点“删除”。 于是他们做了一个小的调整:“邮件超过20封的时候下面自动出现快捷的‘删除’图标”。(20封一般绝大部分用户的机器都会出现分屏了)…

网络互动站点的1%规律

什么是1%规律? 这是一个根据统计得出的大致规律:100个在线的群体中,有一个人创建内容,10个人参加互动(讨论或提出建议),剩下的89个人只是在旁观。 在著名视频点播网站YouTube上就可以看到这个规律,这个网站只花了18个月的时间就占据了60%的在线视频点播市场。 统计数据如下:每天有1亿次下载和65000次上传(来自Antony Mayfield的数据),也就是说每1538次下载才会有一次上传。每个月访问的独立用户有2000万。 上传者在下载者中所占的比例为0.5%,但注意这只是该网站的上升时期;并不是所有人都知道YouTube(况且人们可以从任何网页中嵌入YouTube的视频下载链接,下载比上传容易的多)。…

Fireworks 绘制立体文字图标

剑气凌人组织了Fireworks图标接龙活动,随手就做了一个,有会员问如何做的,今天有空把教程写出来了。第一次写这么完整的教程,哈哈。 建立画布什么的就不说了,首先把文字输入进去:选择文字工具,输入文字FW,选取04b_03b字体,字号看你的需要来选择,教程里所选的是120PX: 选取输入的文字,文本菜单——转换为路径: 取消群组: 选取部分选取工具,选取转换为路径后的“F”字母,再选取路径左下角的节点,按住SHIFT键选取右下角的节点: 按键盘上的向下箭头,将两个节点往下移动一段距离,将F字母下方部分拉长: 全选,修改菜单——变形——数值变形: 在打开数值变形对话框中选择旋转,旋转45度: 旋转角度后如下图所示:…

Fireworks制作公告板上方挂绳效果

经常会看到有些页面中公告板上方有类似挂绳的效果,做了一个。其实很简单,几个路径的组合而已,修改一下也可以制作活页记事本中间的铁环效果: ① 矩形灰:灰渐变,右侧灰不透明度调为0,适当拖动滑块位置,旋转矩形若干角度使之倾斜,再调节层位置于圆形下。 ② 直线1px*17px ③ 圆形7px*7px ④ 矩形5px*22px圆角角度100 如果将方向旋转90度,再适当调节,则可以模仿活页记事本中间的铁环效果: PNG图:

Fireworks打造残破照片边缘(笔触+蒙板法) Ⅱ

1、打开欲加残破边缘效果的照片文件,可以使用矩形或圆形工具绘制并覆盖欲处理成残破边缘的区域轮廓,如果想要不规则形状的区域,也可以使用钢笔工具绘制出闭合路径,如图所示: 2、绘制好路径后,选择路径,填充颜色和笔触颜色均选择白色,在属性栏中把填充的边缘设置一定的羽化值,笔触类型主要以非自然类型笔触中不规则图形为主,本教程里最终效果选择的是中的, 设置笔触的笔尖边缘柔化为0: 3、设置笔触选项,选择笔触的高级选项,进一步设置笔触效果,教程所使用的设置仅供参考,大家可以根据不同的笔触设置不同的参数: 4、选择路径和照片两层,修改菜单——蒙板——组合为蒙板,注意蒙板的属性选择为灰度外观,得到最终效果: PNG:…

Fireworks打造残破照片边缘(笔触+选区法) Ⅰ

1、首先打开欲加残破边缘效果的照片文件; 2、可以使用矩形或圆形工具绘制并覆盖欲处理成残破边缘的区域轮廓,如果想要不规则形状的区域,也可以使用钢笔工具绘制出闭合路径。使用钢笔工具,建议将填充边缘选择为,为了能更好的看到轮廓位置,先不要填充颜色,只加笔触颜色,如图所示: 3、绘制好路径后,选择路径,在属性栏中设置笔触类型,选择的类型主要以非自然类型笔触中不规则图形为主,本教程里最终效果选择的是中的; 4、接下来再选择,详细设置笔触。设置笔触的的为0; 5、再选择选项,进一步设置笔触效果,教程所使用的设置仅供参考,大家可以根据不同的笔触设置不同的参数; 6、笔触设置好后,将路径填充为和笔触相同的颜色,进行对填充进行适当的羽化:…

Fireworks 制作铁锈字

现在Photoshop做铁锈字的教程已经很多了, 这里放一个FW做铁锈字的方法, 我这个铁锈字的效果并不是十分到位,但主要说的方法~ 我担心有写朋友没有金属的滤镜所以我也没用,如果金属字的部分直接用滤镜来做整体的效果会更好! 大家可以多多交流更好的方法~我也选择的笔触的方法,但效果不是很好. 制作铁锈字,重点除了金属外最重要的就是铁锈了,但由于使用FW没有办法得到PS中喷溅的效果,所有制作起来并没有Photoshop那么灵活,但通过这个教程可以提示大家灵活运用Fireworks的各个功能也可以实现很多效果! 1、首先,建议一个400*150的空白文档,然后使用黑色作为背景;在上面写上几个字,并选择稍微酷点的字体,这里我使用的是Cloisterblack BT,字体大小170,字体颜色白色:…

document.execCommand() 解析

2D-Position 允许通过拖曳移动绝对定位的对象。 AbsolutePosition 设定元素的 position 属性为“absolute”(绝对)。 BackColor 设置或获取当前选中区的背景颜色。 BlockDirLTR 目前尚未支持。 BlockDirRTL 目前尚未支持。 Bold 切换当前选中区的粗体显示与否。 BrowseMode 目前尚未支持。 Copy 将当前选中区复制到剪贴板。 CreateBookmark 创建一个书签锚或获取当前选中区或插入点的书签锚的名称。 CreateLink 在当前选中区上插入超级链接,或显示一个对话框允许用户指定要为当前选中区插入的超级链接的 URL。…