给自己的网页制作一个网页图标
昨天我在做一个用Node.js搭建一个简单服务器的练习时,遇到了一个问题,就是前端的网页在向后端做数据请求时,除了我们用户所做的基本请求以外,浏览器一般会默认自带的向服务器发送另外一个请求,也就是我们熟知的"/favicon.ico"请求,一般像这样:
我们都知道,这个请求是浏览器向服务器自带发出的网页图标请求,所谓的网页图标,就是像这些东西:
而我们自己写的网页一般都没有这个网页图标,所以经常会请求失败,这个请求失败不会影响网页的加载,但会在每次访问网页时,后端Node.js的命令行里会提示一个"error!",有时还会在一些特殊情况下影响后端代码运行,所以我们通常会有几种方法来阻止这种情况发生,比如
方法一:在服务器运行代码主体中添加一个if条件语句,像这样:
就能阻止后端接受图标请求;
方法二:在前端网页代码的中引入一个空的图标地址,像这样:
代码附在这里:<link rel="icon" href="data:;base64,=">,当然呢,还是有很多其他方法来屏蔽的…
原本的我就是打算屏蔽掉"/favicon.ico"请求的,但不知怎的就诞生出一个想法,为何不给自己搞一个专属于自己的网页图标呢?虽然好像对学习写代码帮助不大,但偶尔小小的装个逼想想还是蛮酷的,再说万一某一天这种平时没什么用的小东西还能派上大用场呢,正所谓,行走江湖,技多不压身嘛,以下就给大家奉上制作过程,相当简单,看一遍就会的那种:
需要软件: PS
这个我想大家都会有的吧,来,接下来让我们开始:
1).首先,打开我们的PS,点击左上角"文件",再点击"新建";
2).然后我们设定一下画布;
名称自己定义,长宽我定的是100×100px,背景也可以选,我定的是白色,配置好后点击确定;
3).接下来就是你的随意施展时间了,在这块画布上尽情释放你的艺术天分吧;
4).艺术创作结束后,只要保存就好了,继续点击左上角"文件",然后再点击"存储为";
5).选择好存储地址,配置好文件名与文件格式,其他不用做修改,点击保存;
6).默认就是第一个,直接点击"OK";
7).如果在保存时没有将图片保存到自己的项目文件夹中的话,这一步就需要将制作好的图标文件挪到自己的项目文件夹中,否则浏览器可能会获取不到;
8).最后一步,引入图标文件,在html代码中引入自己制作的图标文件:
这里的路径填写上一步图标文件放置的路径即可;
OK,到这里就结束了,你的专属网页图标就这样出炉了,相当简单有没有?
装逼小本领喜+1,红红火火恍恍惚惚…
给自己的网页制作一个网页图标相关推荐
- 在html中怎么制作友情链接,如何制作一个网页链接，用描文本、友情链接交易方式教你如何制作？...
如何制作一个网页链接,用描文本.友情链接交易方式教你如何制作?作为seo优化人员如何运用外界链接开展百度搜索引擎提升?下面和小编一起看看! 1.锚点链接链接应该是有关的 优先,百度搜索引擎提升锚点链接 ...
- #3使用html+css+js制作网页 制作登录网页
#3使用html+css+js制作网页 制作登录网页 本系列链接 2制作登录网页 2.1 准备 2.1.1 创建文件夹 2.1.2 创建主文件 2.2 html部分 2.2.1 网站信息 2.2.2 ...
- 九宫格——用html+css制作一个网页
自用(仅供参考,如有错误欢迎指出) 要求: 1.通过html和css制作一个可以根据页面缩放进行变化的九宫格. 2.并且可以通过手机浏览器访问. 过程: 1.网页制作 先不管通过网页访问这一项,先写一 ...
- 使用Hype物理引擎制作一个网页小游戏（中）
在上一小节中,相信大家跟着小编的教程都能够顺利完成这款网页小游戏的静态场景制作,在本小节中,小编将带着大家完成网页小游戏的动画录制部分. 第一步:从上一节的游戏预览效果可以看到,游戏过程中,上方的矩形 ...
- 用HTML，CSS，JS制作一个网页计算器
今天分享一个自己做的网页计算器,我个人感觉,虽然不精简,但是应该涉及到的东西都有了,所以分享出来,那我直接上代码了. <html> <head><meta charset ...
- html网页制作体会,网页制作的心得体会
<网页制作的心得体会.doc>由会员分享,可免费在线阅读全文,更多与<网页制作的心得体会>相关文档资源请在帮帮文库(www.woc88.com)数亿文档库存里搜索. 1.相知, ...
- web前端电影项目作业源码 大学生影视主题网页制作电影网页设计模板 学生静态网页作业成品 dreamweaver电影HTML网站制作
HTML实例网页代码, 本实例适合于初学HTML的同学.该实例里面有设置了css的样式设置,有div的样式格局,这个实例比较全面,有助于同学的学习,本文将介绍如何通过从头开始设计个人网站并将其转换为代 ...
- linux下网页制作,linux网页制作
网页制作是Web应用的重要组成部分,这里介绍三款Linux桌面环境下的网页制作工具Screem.Bluefish和Quanta Plus,利用它们可以轻松制作网页. 在fedora里面可以只有用yum ...
- 高中计算机网页制作难点,网页制作的操作难点.doc
第六章 第二节任务单 1.打开frontpage,新建网站,选择其它网站模版 2.设置好新网站的位置 d:\net 建议选择"个人网站" 建好的网站如图: 可以根据自己的需要,再新 ...
最新文章
- GPS NMEA-0183协议常用报文数据格式
- 作为国企程序员，是一种怎样的体验？
- MyBatis4：动态SQL
- linux decode函数,Oracle 中 decode 函数用法
- 合法练习黑客技术？这15个网站也许可以帮到你
- mysql多大_洞悉MySQL底层架构：游走在缓冲与磁盘之间
- zendstudio快捷键收录
- 多场景下MySQL临时表的作用
- IDEA安装JRebel插件教程
- python能做什么软件-Python能做什么
- 内网DNS重要使用作用
- PowerPC家族谱系详解
- MAC Unity安装教程
- 动态树专题 WC 2006 Tube 还有范浩强的“动态树好题”
- AWS CloudFront / 亚马逊CDN使用教程
- 服务器上flash不显示动画,解决Firefox上网看不了Flash网页的问题
- 速卖通+奇门+聚石塔+官方场景/自定义场景流程备忘录
- 联想新计算机开机黑屏,联想笔记本电脑开不了机 联想笔记本电脑开机黑屏怎么办...
- Basset: learning the regulatory code of the accessible genome with deep convolutional neural network
- 拼多多上架工具有哪些，拼多多产品上架流程详解