快速给自己的网站加ICON图标
启动网络营销学院项目已经有半年多了，学生在网络营销学院也已经学习将近２个月了，以后在网页教学网和大家一起分享网络营销学院学生的一些学习心得。目前学生的主要要求就是在每门课中多添加实训内容，所以我们只有慢慢地完善我们的网络营销课程体系，加强学生的实训。这是第一篇关于学生学习心得的文章，这个学生的特点是对技术特别热忠，自己也非常努力，学习效果也算是蛮好的，我比较喜欢，大家有空可以去他的博客去看看：http://www.111cn.net/。
做完网络广告案例投放实训作业，随便打开几个网站，可能是自己比较细心吧！发现好多知名的网站的地址前面都有一个小的个性图片，而不是Microsoft提供的那个蓝色的E图标，于是有了想给自己的BLOG也做1个个性小图标的冲动。
刚有脑子有这个想法，回头就去问后面的刘红军老师了（坏习惯，遇到问题自己不先思考，去尝试，总是先问老师，得改了这个坏毛病），结果刘红军老师告诉我那叫网站ICON，具体怎么做你去百度查下吧。的确，百度是个不会抱怨的好“老师”，从它那可以学到好多东西，而且它不会有一句怨言，还会欢迎您常来光顾呢！
在百度搜索地址里打入“网站ICON”，不到1秒的时间，很多关于制作网站ICON的网页立即呈现在你面前，任君选看。网上类似这样的网页的确很多，既然你来到北漂领袖东的BLOG，就不必再去找了，我将用我的理解和方法教你如何制作“网站ICON”。 Webjx.Com
首先了解下什么网站ICON?ICON你可以把它比作成QQ头像，一打看QQ看到那个图像的头像就知道，那个是谁了，很方便。ICON也是如此，如果你的网站被朋友收藏了，人家打开IE收藏夹的时候，一看到你的网站ICON就知道那是你的网站，给人一种亲切感，从技术角度讲给人一种专业感观（当然指的是新人啦）
制作1个网站ICON很简单具体步骤如下：
1：利用相关图形软件制作1个16x16的图片。推荐软件：HprSnap一款李新刚老师分享的很好用的截图软件，刚发现他还能制作ICO格式的图片，没有的话可以网上搜一下，找不到可以QQ上M我，我给大家传一下.
2:把做好的图片传到自己的网站空间的根目录下，所谓根目录，用LEFTCUP连接好空间好后不要点文件夹，直接把你做好的ICO格式的图片传上去就可以了。很通俗很易的说法了，我是针对新手说的，高手直接跳过吧。
3:最后一步,很简单也很关键。一般在主题文件夹里面，themes/主题名/template文件夹里面所*.html文件的<head></head>之间加入：<link rel="Shortcut Icon" href="网站根目录/favicon.ico" type="image/x-icon" />就OK啦！一般网站都有，看下其中的路径是否正确就可以了，如果没有的话把以上代码放入<head></head>之间就可以了。（例如我的ICON地址：www.111cn.net/favicon.ico）
大功告成，进BLOG后台，索引重建就可以了，返回主页刷新一下，肯定就可以看到啦！是不是很简单啊~如果你的网站做好了，别忘了告诉我。更多精彩内容，请继续关注北漂领袖东BLOG。
dl,dt,dd作用与用法
我们在制作网页过程中用到列表时一般会使用<ul>或者<ol>标签，很少用刑<dl>标签，但是这个三个标签却有着不可忽视的作用，毕竟Web标准中要尽最大可能的使用已有的标签。它们的用途是：
< dl>< /dl>用来创建一个普通的列表,
< dt>< /dt>用来创建列表中的上层项目，
< dd>< /dd>用来创建列表中最下层项目，
< dt>< /dt>和< dd>< /dd>都必须放在< dl>< /dl>标志对之间。
有如下代码
<html>
<head>
<title>一个普通列表</title>
</head>
<body text="blue">
<dl>
<dt>bbbbb</dt>
<dd>北c </dd>
<dd>上c </dd>
<dd>广c </dd>
<dt>mmmmm</dt>
<dd>s顿 </dd>
<dd>s加哥 </dd>
<dd>s约 </dd>
</dl>
</body>
</html>
我们可以看到，<dt></dt>中间的文字即时我们没有进行缩进它也会怎地向前靠拢，而<dd></dd>中间的内容则自动向后缩进。这在腾讯新闻评论中已经使用到了
常用正则表达式 常用的正则表达式 php 常用正则表达式 正则表达式 正整数 正态分布函数表达式 正表达式 正态分布 表达式 正则表达式 java 正则表达式 用正正则表达式
"^[A-Z]+$" //由26个英文字母的大写组成的字符串
"^[a-z]+$" //由26个英文字母的小写组成的字符串
"^[A-Za-z0-9]+$" //由数字和26个英文字母组成的字符串
"^\\w+$" //由数字、26个英文字母或者下划线组成的字符串
"^[\\w-]+(\\.[\\w-]+)*@[\\w-]+(\\.[\\w-]+)+$" //email地址
"^[a-zA-z]+://(\\w+(-\\w+)*)(\\.(\\w+(-\\w+)*))*(\\?\\S*)?$" //url
"^\\d+$" //非负整数（正整数 + 0）
"^[0-9]*[1-9][0-9]*$" //正整数
"^((-\\d+)|(0+))$" //非正整数（负整数 + 0）
"^-[0-9]*[1-9][0-9]*$" //负整数
"^(-(([0-9]+\\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\\.[0-9]+)|([0-9]*[1-9][0-9]*)))$" //负浮点数
"^(-?\\d+)(\\.\\d+)?$" //浮点数
"^[A-Za-z]+$" //由26个英文字母组成的字符串
"^-?\\d+$" //整数
"^\\d+(\\.\\d+)?$" //非负浮点数（正浮点数 + 0）
"^(([0-9]+\\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\\.[0-9]+)|([0-9]*[1-9][0-9]*))$" //正浮点数
"^((-\\d+(\\.\\d+)?)|(0+(\\.0+)?))$" //非正浮点数（负浮点数 + 0）
有一个使图像下载更快的重要技术。那些在网站中重复出现的图像-比如通用标志、页首或导航条-不必一遍一遍地下载。缺省地，Netscape和InternetExplorer在RAM或硬盘上设置缓存来存储最近用到的图像。如果浏览器认识是相同的文件名，它会读缓存，而不是从网上下载。这种方法大大地提高了效率，以至于很多自动记时程序无法识别-你只好用跑表自己测测了。
既然客户端的缓存如此有用，在设计网页时就应考虑到浏览器的缓存。例如，如果网站有大量相似的页首图形，应试图把它进行分割，使其中不变的部分能从缓存中立刻读出来。虽然在每页还要调用一个新图，因为这个图很小，所以下载很快。
最后，把你的图像放在一个地方，最好在你的服务器上。这可以减少DNS查找的时间。另外，如果你要存储图像的一个或几个服务器崩溃，将是一件很不幸的事。
网站的整体风格及其创意设计是站长们最希望掌握，也是最难以学习的。难就难在没有一个固定的程式可以参照和模仿。给你一个主题，任何两人都不可能设计出完全一样的网站。当我们说："这个站点很cool，很有个性！"那么，是什么让你觉得很cool呢？它到底和一般的网站有什么区别呢？本文试图用最简明的语言来说明：
1.风格是什么，如何树立网站风格？
2.创意是什么，如何产生创意？
●风格(style)是抽象的。是指站点的整体形象给浏览者的综合感受。
这个“整体形象”包括站点的CI（标志，色彩，字体，标语），版面布局，浏览方式，交互性，文字，语气，内容价值，存在意义，站点荣誉等等诸多因素。举个例子：我们觉得网易是平易近人的，迪斯尼是生动活泼的，IBM是专业严肃的。这些都是网站给人们留下的不同感受。
风格是独特的，是站点不同与其他网站的地方。或者色彩，或者技术，或者是交互方式，能让浏览者明确分辨出这是你的网站独有的。例如新世纪网络(www.century.2000c.net)的黑白色,网易壁纸站的特有框架,即使你只看到其中一页，也可以分辨出是哪个网站的。
风格是有人性的。通过网站的外表，内容，文字，交流可以概括出一个站点的个性，情绪。是温文儒雅，是执著热情，是活泼易变,是放任不羁。象诗词中的“豪放派”和“婉约派”，你可以用人的性格来比喻站点。
有风格的网站与普通网站的区别在于：普通网站你看到的只是堆砌在一起的信息，你只能用理性的感受来描述，比如信息量大小，浏览速度快慢。但你浏览过有风格的网站后你能有更深一层的感性认识，比如站点有品位，和蔼可亲，是老师，是朋友。
看了以上描述，你可能对风格是什么可能依然模糊。其实风格就是一句话：与众不同！
如何树立网站风格呢？我们可以分这样几个步骤：
第一，确信风格是建立在有价值内容之上的。一个网站有风格而没有内容，就好比绣花枕头一包草，好比一个性格傲慢但却目不识丁的人。你首先必须保证内容的质量和价值性。这是最基本的，无须置疑。
第二，你需要彻底搞清楚自己希望站点给人的印象是什么。可以从这几方面来理清思路：
1.如果只用一句话来描述你的站点，应该是:_____________
参考答案：
有创意，专业，有(技术)实力，有美感，有冲击力
2.想到你的站点，可以联想到的色彩是：________________
参考答案：
热情的红色，幻想的天兰色，聪明的金黄色
3.想到你的站点，可以联想到的画面是：________________
参考答案：
一份早报，一辆法拉利跑车，人群拥挤的广场，杂货店
4.如果网站是一个人，他拥有的个性是：________________
参考答案：
思想成熟的中年人，狂野奔放的牛仔，自信憨厚的创业者
5.作为站长，你希望给人的印象是：____________________
参考答案：
敬业，认真投入，有深度，负责，纯真，直爽，淑女
6.用一种动物来比喻，你的网站最象：__________________
参考答案：
猫(神秘高贵)，鹰(目光锐利)，兔子(聪明敏感)，狮子(自信威信)
7.浏览者觉得你和其他网站的不同是：__________________
参考答案：
可以信赖，信息最快，交流方便，
8.浏览者和你交流合作的感受是：______________________
参考答案：
师生，同事，朋友，长幼。
你可以自己先填写一份答案，然后让其他网友填写。比较后的结果会告诉你：你网站现在的差距，弱点及需要改进的地方。
第三，在明确自己的网站印象后，开始努力建立和加强这种印象。
经过第二步印象的的"量化"后，你需要进一步找出其中最有特色特点的东西，就是最能体现网站风格的东西。并以它作为网站的特色加以重点强化，宣传。例如：再次审查网站名称，域名，栏目名称是否符合这种个性，是否易记。审查网站标准色彩是否容易联想到这种特色，是否能体现网站的性格等等。
相关文章
- 今天小编在这里就来给Illustrator的这一款软件的使用者们来说一下绘制一个方形的录音机图标的教程，各位想知道具体绘制方法的使用者们，那么下面就来看一下小编给大家分...2016-09-14
- 获取网站icon，常用最简单的方法就是通过website/favicon.ico来获取，不过由于很多网站都是在页面里面设置favicon，所以此方法很多情况都不可用。 更好的办法是通过google提供的服务来实现：http://www.google.com/s2/favi...2014-06-07
- 这篇文章主要介绍了解决Antd Table表头加Icon和气泡提示的坑，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧...2020-11-17
mac下Apache + MySql + PHP搭建网站开发环境
首先为什不自己分别搭建Apache，PHP和MySql的环境呢？这样自己可以了解更多知识，说起来也更酷。可也许因为我懒吧，我是那种“既然有现成的，用就是了”的人。君子生非异也，善假于物也。两千年前的荀子就教导我们，要善于利用工具...2014-06-07- 我要实现的就是下图的这种样式，可参考下面这两个网站的留言板，他们的实现原理都是一样的畅言留言板样式：网易跟帖样式：原理 需要在评论表添加两个主要字段 id 和 pid ，其他字段随意添加，比如文章id、回复时间、回复内容、...2015-11-08
网站广告怎么投放最好?首屏广告投放类型优化和广告位布局优化的案例
网站广告怎么投放最好?一个网站中广告位置最好的是哪几个地方呢，许多的朋友都不知道如何让自己的网站广告收效最好了，今天我们就一起来看看吧。 在说到联盟优化前,...2016-10-10- 小米在3月9日下午5点推送了小米5的MIUI8.2更新，这次升级最大的改变是核心变成了Android7.0，因此加入了不少新功能。从MIUI1到MIUI8，历经了好几年了，下面小编为大家整理MIUI八个历史版本的系统图标，来看看吧...2017-07-06
- 个人网站建设应该考虑哪些问题呢？这个问题我们先在这里不说，下文会一一列出来，希望这些建义能帮助到各位同学哦。 我相信VIP成员里面有很多站长，每个人几乎都拥有一个...2016-10-10
- 分享一篇利用论坛签名提升网站权重的方法，在推广中论坛签名也是一种不错的外链推荐的方法，但现在权重越来越低了，有需要的朋友可以看看。 话说有一天在站长网上面看...2016-10-10
- 一、靠前排名成搜索关注的对象 从搜索引擎的角度考虑一下，就不难理解为什么搜索引擎对排名在首页的网站那么慎重，甚至对新进排名在首页的一些网站进行为期一个多月的...2016-10-10
- 这篇文章给大家介绍js组件系列之Bootstrap Icon图标选择组件，对bootstrap icon图标相关知识感兴趣的朋友一起学习吧...2016-02-01
- 关于如何提高网站的吸引呢，下面我们列出了5点，让你的网站pv大大的提升哦 1、建立一个清晰的网站地图 一个清晰的网站地图可以给你的用户提供一个简介明了的...2017-07-06
- ...2016-09-20
- 第一，网站的内容;请各位站长朋友不要一天到晚只想着出什么好的绝招来推广网站，却忽略了网站的内容;其实网站的内容是极为重要的，因为这是你的本，你的根!网站的内容只有不断...2017-07-06
- 今天小编就为大家分享一篇关于C#网站生成静态页面的实例讲解，小编觉得内容挺不错的，现在分享给大家，具有很好的参考价值，需要的朋友一起跟随小编来看看吧...2020-06-25
- 网站改版了怎么办?很多网站在改版的时候，非常担心用户习惯。 有的担心是合理的，有的担心是多余的。担心之前，先搞清两个问题： 首先，你有没有老用户？有多少老用户？如果...2016-09-20
- 这两个网站的title和description部分关键词有点过于强调，决定弱化这种现象成了我的当务之急，以提高网站在搜索引擎里的品牌形象(搜索引擎返回结果就这两部分)。通过分析...2016-10-10
- 一、小序 HTML简单易学又通用，一般的PHP程序就是嵌入在HTML语言之中实现的。但是随着WEB越来越广泛的应用，HTML的弱点也越来越明显了。XML的出现，弥补了这些不足，它提供...2016-11-25
- 在耽误近一年时间的情况下，痛定思痛，决定自己动手做公司网站的SEO，具体过程如下： 1.买了几本专门SEO方面的书本，啃了两个星期，经常上比如www.111cn.net 和seo教程why之类...2016-10-10
- Font字体小图标应用其实是在以前我们常用的css sprite进行升级了，我们可以直接在css中调用字体了，下面我们来看一篇关于Font字体小图标应用例子。 我们知道在页面上...2016-09-14