8套精选漂亮的网页设计icons图标

继前几天搜集整理10套后再次发布8套精选漂亮的网页设计icons图标

1.彩色图表Icon

2. IPHONE ICONS

继续阅读…

7款适合做logo设计的漂亮字体

1. Danube

下载:(download)

2,Anja Eliane

 

下载: (download)

3,Light Out

 下载:(download)

继续阅读…

推荐一个国内较好分类搜索引擎–搜“1”下

 

网址:http://www.sou1xia.net/

搜“1”下  国内一个专注于分类搜索引擎的服务,聚合了百度、Google、雅虎、live、有道、狗狗等搜索引擎,使你一次搜索得到更多的信息! 继续阅读…

10套漂亮的网页设计icons图标

1. Web development icons Download

2. Function free icon set  Download

3. Pixelicious  Download

继续阅读…

360浏览器评测!

今天无意看到360出了浏览器就下载了试试看看!速度和IE差不多.

感觉还不错,采用的是IE内核,如果怕上网中毒的朋友可以考虑看看!

下载地址:http://dl.360safe.com/se/360se_1.2.exe

CAPTCHA的新用途:书籍数字化

今天在solidot上看到下面这篇文章,突然想到很多国外网站都是用CAPTCHA来做验证输入,其中有名facebook就是了用它如图:

 

利用CAPTCHAs ( 全自动区分计算机和人类的图灵测试 )技术不仅可以反spam,而且可以用来进行书籍的数字化。发表在Science Express上的一个报告,利用人脑在解码 CAPTCHAs 时所花的努力来译解来自书本的、由计算机化的光学字符识别软件所无法识别的被扫描的词来帮助将老旧的印刷品数码化。这被称作reCAPTCHA。 reCAPTCHA程序展现给使用者一个无法用光学扫描阅读的词及一个“对照的”答案已知的 CAPTCHA 词。如果能够正确解读对照词表明使用者是人,这时该程序会纪录使用者对无法阅读的词的回答并将其添加到它的数据库中。这一程序可以以字词超过 99% 的精确度来转录文本,这相当于专业化的人类誊写员所达到的标准。”

来自:http://internet.solidot.org/internet/08/09/10/0228217.shtml

20+网页截屏工具

关于截屏工具之前也介绍过不少,包括客户端截屏软件,在线截屏存储服务和Firefox截屏插件等等。现再总一个更加详细的总结,介绍一些优秀的截屏工具。在这之前,你也可以看看之前介绍的这些截屏工具:

客户端截屏工具

快速截屏手

快速截屏手是一款快速,简捷的截屏并加以存储的工具,该工具提供了整个屏幕截取和指定区域的截取两种方式,并可以按序号自动命名存取。软件设计以简单,高效,小巧为宗旨,是一款不可多得的绿色软件。

Jing不仅能够以图片的方式截取你桌面上或者网页上的内容,而且还可将你所做的和看到的录制成视频,你可以通过Email,IM,Blog分享你截取的内容,也可以直接将它们上传到Flickr。

Evernote可以让你从你的各种数字化生活设备中捕捉内容并在线保存和编辑。比如你的PC, Mac,移动电话或是网络元素。其中就包括强大的截图功能。关于Evernote,可以查看之前的详细介绍

Controlc是一个非常有趣的复制/粘贴的网页服务,,它可以让你通过正常的复制和粘贴(按Ctrl +C )来实现保存文本到网站的服务。只要该软件处于登录状态,任何时候你按Ctrl+C时,复制的信息保存在你本地的剪贴本上的同时,也同时保存于你在Controlc的个人项目上面,这些 复制粘贴的信息都是私人加密 的,当然,如果你愿意,你可以把到Conrtolc管理界面对它们进行公开分享,并且可以通过RSS ,或者API开放订阅和评论。详细介绍

Skitch具有令人难忘的截屏应用功能,并且配有完整的图片编辑功能是你能够方便调整截取的图片。你可以通过IM,Email分享,或者发布到Myspace,Flickr,Blog,论坛等等。点击这里查看Demo。不过只适用于Mac用户。

Webkut是一款基于Adobe ARI的网页截屏应用程序, 它可以让你截取网页或网页的一部分, Webkut提供三种截图方式, 分别是截取当前可见网页, 截取整个网页和截取选定的内容.截取后的图片可以保存为GIF, PNG或是JPG格式. 详细介绍

WebSnapshot 同样是基于Adobe Air的应用软件 -你可以输入一个网址,你可以得到一个你可以选择的截屏尺寸(缩略图,或者全屏尺寸)。

PrintScreen:截屏工具,可以设置截图格式,可以设置快捷键。很不错。。、

FSCapture:可以设置截图分辨率,支持多种格式输出,支持截图直接发送到word等文件,支持直接在截图上加水印,支持截图注释编辑功能。

FastStone Capture是一个强大、灵活、易用的截屏工具。你可用它截获屏幕上的任何对象,如窗口、控件、全屏、矩形区域、自选区域、滚动窗口和网页。它还带有创 新性的功能,如浮动截屏面板、热键、改变大小、剪切、文字注释、打印、Email、屏幕放大及更多。它实际是国产软件,并且自V4.8开始支持中文标注。无广告插件!无间谍插件!V5.3版家用免费。via

Rumshot

Rumshot的特色在于不止方便截图,还可以为截图生成多套特效,且该网站提供有很多种特效下载,方便喜欢把图片弄的花哨的朋友。

Screenshot Captor 是一款截屏工具。与其他截屏工具相比,有以下独特之处:

  • 针对连续大量截屏进行优化,减少用户不必要的操作
  • 文件智能自动命名,文件加入文字注释
  • 对多显示器的良好支持
  • 自定义设置高度灵活,按自己喜欢的方式配置它;最小化为系统托盘图标
  • 多种截屏模式(多显示器、桌面、活动窗口、区域、对象),且有独立的热键快速操作
  • 多种特效,如突出显示当前窗口(即背景模糊化),参见下图
  • 与第三方工具良好集成,这样你可以方便地调用图片浏览器、编辑器等工具
  • 左侧的目录树提供了资源管理器的各项功能
  • 截图的版本管

在线截屏保存工具

Super Screenshot是一个免费在线网页截屏工具,用户只需输入某一网页地址,点击“Go”,它就会自动把该页的页面以图片形式抓取下来,并可保存为Jpeg及Png格式。Super Screenshot最主要特色在于它提供全页截屏功能,而且还提供多种图片大小格式,挺不错的。

thumbalizr可以让你在 没有安装截屏软件的情况下,在线对任何网页进行截屏,截取范围有两种,一种是根据屏幕的分辨率来截取,一种是根据网页的高度来截取。使用方法非常简单,填 入要截取的网页地址,选择范围,点击thume it,马上就会返回截取的内容,同时还会生成不同尺寸的缩略图,方便用户使用,当然你也可以自己填写需要 的尺寸生成新的符合大小的缩略图。via

PicPick是一款韩国出品的小巧(1exe,0.8MB)而功能强大的免费截屏工具,除了截屏、编辑注释功能外,还附有白板、屏幕测量能功能。有兴趣者可以试用。via

Clip2Net是一个提供一站式的截图存储分享服务的网站,只是它只能提供图片截取而没有视频录制功能。 Clip2Net无需注册也可正常使用,不过在没有帐号的情况下,上传的图像只能存放5天。另外,它提供了非常强大的自动化操作功能,通过 设置后,你可以进行一次操作就可完成截屏、上传及复制图片URL整个过程,这对于像我这样经常需要在文章中插入图片的用户来说,无疑提供非常好的便捷性。详细介绍

ClipClip - 像一个剪贴簿制作工具,通过其可以保存网络上看到的任何内容(文字和图片),然后可以通过Email或者在ClipClip社区进行分享。无需下载任何软件,只需要注册,并且安装此书签详细介绍

Websnapr- 只需要输入一个网址,便可以得到一个截屏,非常简单。

WebToJepg能 把全屏的网页转化为图片,还有可以设置图片大小,以及其他如透明度等相关参数,由于不懂日文,网速也很慢,不能一一设置参数进行测试,所以还有些应该是图 片上的效果大家自己测试吧!输入网址就可以截图了,不过一定要注意的是如果是框架网页将会截取失败,这在其他在线网页截屏工具上也是如此。via

本文部分工具介绍摘录自Web20Share

原文出自:
20+网页截屏工具 | 帕兰映像

9个国外电视台徽标赏析256×256

网站开发三种页面跳转方法

在实际网站开发中会经常需要在不同页面之间进行页面跳转要实现此功能有很多种方法,

介绍本人自己常用的三种:

1,如果你是使用php开发对header()这个函数不会不知吧!

 php官方手册语法格式:

送出 HTTP 协议的标头到浏览器

语法: int header(string string);

返回值: 整数

<?php
Header
(“Location: http://www.php.net”);  
exit;
?>
跳转到php官方网

需要注意的是:header()传递信息应该在HTML输出之前

2,使用HTML自身的标记跳转:

语法:<meta http-equiv=”refresh” content=”5;url=index.php;”>意思为5秒钟后返回首页

http-equiv=”refresh” :表示自动刷新页面  content:指定跳转时间”秒”为单位

url:指定跳转路径,注意在php中使用时需要使用”\”对双引号转义。

3,使用js脚本语句进行跳转:

例:

<script> alert(‘对不起,您没有正确登录,请返回首页重新登录,谢谢!’); window.location.href=’index.php’;</script>

使用:location指定跳转url地址

什么是网站相对路径?绝对路径?

如果您刚刚开始接触网页设计,是不是经常发生这样的问题呢?做好的网页在自己机器上可以正常浏览,而把页面传到服务器上就总是出现看不到图片,css样式表失效等错误。这种情况下多半是由于你使用了错误的路径,在应该使用相对路径的地方使用了绝对路径,导致浏览器无法在指定的位置打开指定的文件。

  下面我们就来谈一下最让初学者头疼的相对路径与绝对路径的区别问题。

  什么是绝对路径:

  大家都知道,在我们平时使用计算机时要找到需要的文件就必须知道文件的位置,而表示文件的位置的方式就是路径,例如只要看到这个路径:c: /website/img/photo.jpg我们就知道photo.jpg文件是在c盘的website目录下的img子目录中。类似于这样完整的描述文件位置的路径就是绝对路径。我们不需要知道其他任何信息就可以根据绝对路径判断出文件的位置。而在网站中类似以http://www.pckings.net/img/photo.jpg来确定文件位置的方式也是绝对路径。

  另外,在网站的应用中,通常我们使用”/”来表示根目录,/img/photo.jpg就表示photo.jpg文件在这个网站的根目录上的 img目录里。但是这样使用对于初学者来说是具有风险性的,因为要知道这里所指的根目录并不是你的网站的根目录,而是你的网站所在的服务器的根目录,因此当网站的根目录与服务器根目录不同时,就会发生错误。
  什么是相对路径:

  让我们先来分析一下为什么会发生图片不能正常显示的情况。举一个例子,现在有一个页面index.htm,在这个页面中联接有一张图片photo.jpg。他们的绝对路径如下:
  c:/website/index.htm
  c:/website/img/photo.jpg

  如果你使用绝对路径c:/website/img/photo.jpg,那么在自己的计算机上将一切正常,因为确实可以在指定的位置即c: /website/img/photo.jpg上找到photo.jpg文件,但是当你将页面上传到网站的时候就很可能会出错了,因为你的网站可能在服务器的c盘,可能在d盘,也可能在aa目录下,更可能在bb目录下,总之没有理由会有c:/website/img/photo.jpg这样一个路径。那么,在index.htm文件中要使用什么样的路径来定位photo.jpg文件呢?对,应该是用相对路径,所谓相对路径,顾名思义就是自己相对与目标位置。在上例中index.htm中联接的photo.jpg可以使用img/photo.jpg来定位文件,那么不论将这些文件放到哪里,只要他们的相对关系没有变,就不会出错。

  另外我们使用“../”来表示上一级目录,“../../”表示上上级的目录,以此类推。(学习过dos的朋友可能更容易理解)

  再看几个例子,注意所有例子中都是index.htm文件中联接有一张图片photo.jpg。

  例:
  c:/website/web/index.htm
  c:/website/img/photo.jpg
  在此例中index.htm中联接的photo.jpg应该怎样表示呢?
  错误写法:img/photo.jpg
  这种写法是不正确的,在此例中,对于index.htm文件来说img/photo.jpg所代表的绝对路径是:c:/website/web/img/photo.jpg,显然不符合要求。
  正确写法:使用../img/photo.jpg的相对路径来定位文件

  例:
  c:/website/web/xz/index.htm
  c:/website/img/images/photo.jpg
  在此例中index.htm中联接的photo.jpg应该怎样表示呢?
  错误写法:../img/images/photo.jpg
  这种写法是不正确的,在此例中对于index.htm文件来说../img/images/photo.jpg所代表的绝对路径是:c:/website/web/img/images/photo.jpg。
  正确写法:可以使用../../img/images/photo.jpg的相对路径来定位文件

  例:
  c:/website/web/xz/index.htm
  c:/website/web/img/photo.jpg
  在此例中index.htm中联接的photo.jpg应该怎样表示呢?
  错误写法:../../img/photo.jpg
  这种写法是不正确的,在此例中对于index.htm文件来说../../img/photo.jpg所代表的绝对路径是:c:/website/img/photo.jpg。
  正确写法:可以使用../img/photo.jpg的相对路径来定位文件

  总结:通过以上的例子可以发现,在把绝对路径转化为相对路径的时候,两个文件绝对路径中相同的部分都可以忽略,不做考虑。只要考虑他们不同之处就可以了。

  如何修改样式表的路径:

  使用文本编辑器打开htm文件,查看源代码,在源代码的开头部分<head>……</head>标记中间找到<link rel=”stylesheet” href=”test.css” type=”text/css”>。“Href=”后面的内容就是css的路径,我们可以根据以上的知识进行相对路径的转换。

  例:
  c:/website/web/xz/index.htm
  c:/website/css/test.css
  在此例中index.htm中联接test.css文件,可以使用../../css/test.css的相对路径来定位文件,完整的代码标记是:<link rel=”stylesheet” href=”../../css/test.css ” type=”text/css”>
  错误写法举例:../../../css/test.css
  这种写法是不正确的,在此例中对于index.htm文件来说../../../css/test.css所代表的绝对路径是:c:/css/test.css

  最后,为了避免在制作网页时出现路径错误,我们可以使用dreamweaver的站点管理功能来管理站点。只要使用菜单命令site-new site新建站点并定义站点目录之后,它将自动的把绝对路径转化为相对路径,并且当你在站点中移动文件的时候,与这些文件关联的连接路径都会自动更改,实在是非常的方便。

来源:
http://zhidao.baidu.com/question/193172.html