整合營銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
發(fā)生重大哀悼事件時(shí)候，需要緊急將網(wǎng)站變灰以示哀悼，在此蟲蟲給大家總結(jié)了幾種方法，通過簡單修改一下站點(diǎn)樣式即可實(shí)現(xiàn)。
另外主要方便快捷的方法是使用CSS樣式的grayscale()方法。
grayscale() : 對圖片進(jìn)行灰度轉(zhuǎn)換，grayscale是 <filter-function> 的子屬性，當(dāng)100%參數(shù)時(shí)候的效果如下：
最簡單地把頁面的<html>開始標(biāo)簽中間之間加：
style="-webkit-filter: grayscale(100%);"或者修改站點(diǎn)CSS樣式
html {-webkit-filter: grayscale(100%);filter:progid:DXImageTransform.Microsoft.BasicImage(graysale=1);}將上述代碼添加加到CSS最頂端就可以實(shí)現(xiàn)。
為了兼容多種瀏覽器標(biāo)準(zhǔn)，可以增加一下樣式：
html {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
_filter:none;
}如果網(wǎng)站后臺無法定義CSS樣式，這需要在站點(diǎn)模板頁的head標(biāo)簽中間插入style標(biāo)志位：
<style>
html{-webkit-filter: grayscale(100%);}
</style>對于一些老的網(wǎng)站，為了支持該函數(shù)需要修改html標(biāo)頭，將其修改為最新標(biāo)準(zhǔn)標(biāo)頭才可以：對一些使用Flash（不在建議使用）的老站點(diǎn)，起顏色可能也不支持CSS濾鏡變灰，則需要在可以在FLASH代碼的<object …>和之間插入：
<param value="false" name="menu"/>
<param value="opaque" name="wmode"/>
對于一下沒有辦法修改源站代碼的情況下，也可以在Nginx站點(diǎn)代理無服務(wù)器上，通過sub_filter指令來實(shí)現(xiàn)。
受限確保nginx支持http_sub_module模塊，如果不支持需要重新編譯安裝Nginx，自愛安裝時(shí)候添加build參數(shù)—with-http_sub_module
然后在Nginx的http模塊增加如下代碼：
sub_filter '</head>' '<style type="text/css">html{ -webkit-filter: grayscale(100%);filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}</style>';sub_filter_once on;然后nginx -t測試配置正常無誤
nginx -s reload 重啟nginx即可
活和工作中，我們經(jīng)常需要拍攝或掃描文字類的圖片。例如，孩子的作業(yè)完成后要用手機(jī)拍照上傳到微信里；發(fā)給客戶的合同要用掃描儀處理成電子版發(fā)送出去；上級部門下達(dá)的紅頭文件要用掃描儀掃描成電子檔長久保存。
有時(shí)候因?yàn)榕臄z技術(shù)不佳、光照條件不好、保存不當(dāng)?shù)仍颍@些文字類的圖片可能會出現(xiàn)灰底，也就是圖片底色灰蒙蒙的，從而影響字跡顯示效果。嚴(yán)重的時(shí)候灰底會接近黑底，甚至出現(xiàn)透底（紙背面的字跡會透過來）。
要想優(yōu)化這樣的文字類圖片，去掉圖片背景上的各種灰影，讓灰底恢復(fù)成紙張的白色，我們一般會想到借助于Photoshop這樣的圖像處理軟件。但是Photoshop太專業(yè)了，有圖像處理功底的人尚且用著費(fèi)勁，更別提我們這種完全不懂的小白了。市面上也有一些能去除灰底的工具軟件，但是都各有不足，要不就無法處理重度灰底，要不就只能在手機(jī)上使用，要不就是對于免費(fèi)用戶不友好，會在處理后的圖片上添加產(chǎn)品水印
那么有沒有一款既操作簡單，又效果不錯(cuò)，同時(shí)還免費(fèi)的文字圖像去底軟件呢？
有！
這就是多可軟件制造商近期推出的一款專業(yè)級圖像去底軟件——原本專業(yè)級圖片去灰底與增強(qiáng)軟件
"原本"能把文件、合同、書籍的掃描圖片或照片背景里的各種陰影和雜質(zhì)都去掉，保留其中的彩色部分，使文件干凈、字跡清晰，更接近文檔本來的模樣。
原本專業(yè)級圖片去灰底與增強(qiáng)軟件有兩大特點(diǎn)：
先來看下原本的操作如何簡單：
原本操作上最突出的優(yōu)點(diǎn)是：
沒有繁復(fù)的操作，不需要設(shè)置令人望而生畏的參數(shù)，去除灰底只需一鍵。
下圖是原本軟件的操作鍵，整個(gè)軟件所有的按鍵都在這里：
"打開"和"保存"，分別用來打開電腦上的圖片和將處理好的圖片保存到電腦上，剩下的中間六個(gè)按鍵就是功能按鍵。
這六個(gè)按鍵又分成兩大塊。
頭三個(gè)按鍵是最主要的基礎(chǔ)按鍵，去灰底就靠他們。
去灰底操作過程相當(dāng)簡單：
先點(diǎn)擊【打開】打開電腦上的圖片->然后再點(diǎn)擊這三個(gè)按鍵中的一個(gè)->完成
那三個(gè)按鍵應(yīng)該按哪個(gè)？一般說來，點(diǎn)擊哪個(gè)都行。不過這三個(gè)按鍵在功能上還是有細(xì)微區(qū)別的：
【見證神奇】：最常用的按鍵。一般質(zhì)地的文檔圖片，只要使用該鍵就能完美去灰底。
【超黑底灰】：當(dāng)灰底比較嚴(yán)重、甚至有透底時(shí)，使用該鍵。
【初心本色】：如果圖片中有彩色文字或印章，例如紅字、紅章，可以直接使用該鍵。也可以先使用前兩個(gè)按鍵中的一個(gè)完成去灰，再使用本鍵來恢復(fù)圖片中的色彩。
通常情況下，到這時(shí)就已經(jīng)完成去灰底操作，可以點(diǎn)擊【保存】鍵將處理后的圖片保存到電腦上了。
但如果您對圖片有更高要求，想做進(jìn)一步優(yōu)化，則可以使用后面的三個(gè)按鍵：
【掃除麻點(diǎn)】：有點(diǎn)像遮瑕膏。如果頁面上還留有少量麻點(diǎn)，可以用它來去除；
【強(qiáng)化對比】：類似于化妝時(shí)打陰影?？梢栽鰪?qiáng)文檔的對比度，并去除部分淺灰點(diǎn)。
【文檔美顏】：約等于相機(jī)里的"美顏"功能，能柔化文檔中的圖片，以獲得更好的打印效果。
原本軟件的操作就是如此簡單，那么處理后的效果究竟如何呢？
無論原圖質(zhì)地有多差，經(jīng)原本處理后，圖片都會煥然一新，非常接近紙質(zhì)文件本身，也就是白底黑字，字跡清晰，紙面沒有陰影和雜質(zhì)。
下面我們分別看看原本軟件對三個(gè)圖例的處理效果。
下圖1 。在處理圖紙的掃描圖片時(shí)，因?yàn)閳D片灰底一般，不算嚴(yán)重，也沒有彩色部分，所以最基本最常用的【見證神奇】就夠用了：
從上面兩圖的對比能看出明顯區(qū)別。原圖的黃底和頁面中間偏右下那團(tuán)灰色的陰影，在處理后的圖片中都不見了。整個(gè)圖片顯得干凈和清晰。
下圖2。圖2是書籍的照片，由于紙張較薄，導(dǎo)致照片上的黑底太嚴(yán)重了，嚴(yán)重到能看到背面的文字，這就屬于透底。這種嚴(yán)重黑底和透底更適合使用【超黑底灰】：
處理完后，右側(cè)的文字圖片也同樣是干干凈凈的，字跡非常清晰，完全可以用來打印了。
再看看圖3。圖3是個(gè)帶紅章和藍(lán)色logo的合同掃描件，因?yàn)閳D片中有色彩，而且圖片灰底不太嚴(yán)重，所以處理時(shí)直接使用【初心本色】就可以了：
處理后的圖片很明顯比原圖潔白而清晰，已經(jīng)很接近文檔本來的模樣了。
而且圖片經(jīng)過去灰底處理后，由于文字清晰了，對于后期進(jìn)行OCR識別也更有優(yōu)勢，文字識別的正確率會高很多。
如此簡單好用的軟件竟然還是免費(fèi)的！
無論您是自用還是商用，原本專業(yè)版不收取任何費(fèi)用。沒有使用時(shí)間限制，沒有使用次數(shù)限制，沒有圖片處理數(shù)量限制，也不會在您處理后的圖片上添加產(chǎn)品水印。
原本就是這么厚道。
不過在您準(zhǔn)備下載使用軟件前，還得提醒您兩點(diǎn)：
要下載原本軟件，請前往原本官網(wǎng)：http://www.legalsoft.com.cn/yuanben.html
官網(wǎng)頁面會對軟件進(jìn)行不定期更新，您可直接下載最新版本。下載軟件解壓縮后，無需安裝，直接點(diǎn)擊yuanben.exe就能運(yùn)行。
百聞不如一見，百見不如一試。本文提到的三個(gè)圖例的原圖在原本軟件里也附帶了，大家可以親自操作體驗(yàn)一下。當(dāng)然您還能打開自己的掃描圖片，看看原本能帶給你怎樣的驚喜。
家好，昨天給大家介紹了HTML上篇的內(nèi)容，包括web前端開發(fā)的要素、HTML注釋使代碼進(jìn)入不執(zhí)行狀態(tài)、HTML聲明結(jié)構(gòu)以及頭部標(biāo)簽，還給大家介紹了了標(biāo)題標(biāo)簽、文本標(biāo)簽、段落標(biāo)簽以及超鏈接的幾種常用標(biāo)簽、希望大家已經(jīng)學(xué)習(xí)到了并且以及掌握，接下來我們繼續(xù)介紹HTML剩余的幾個(gè)超級常用的標(biāo)簽：
圖片標(biāo)簽
語法：<img src=”” width=”” height=”” alt=””>
列表標(biāo)簽
列表標(biāo)簽分為有序列表和自定義列表。
有序列表分為兩種形式，這里小編就不過多做文字等言語上的介紹，下面的例子就可以一目了然了：
1.<ul type=”disc|square|circle”>
<li></li>
</ul>
效果如下
2.<ol type=”a|A “ start=”數(shù)字”>
<li><li>
</ol>
效果如下
自定義列表
<dl>
<dd></dd>
<dt></dt>
</dl>
如下
表格標(biāo)簽
表格標(biāo)簽的功能很強(qiáng)大，它不僅可以使數(shù)據(jù)內(nèi)容更加美觀整齊，而且可以使網(wǎng)站數(shù)據(jù)和其他用途顯得更加專業(yè)化、其中后臺數(shù)據(jù)庫在網(wǎng)頁中的展現(xiàn)形式大多都采用表格的形式，因?yàn)楸砀竦牟季中问绞荋TML語言中比較整齊易于上手的布局形式，當(dāng)然有人會說<div>的盒子模型更為強(qiáng)大、小編在以后會介紹到，那個(gè)不屬于HTML范疇，好了，不多廢話了，我們一起來認(rèn)識下表格標(biāo)簽吧！
外圍標(biāo)簽
<table witdth height boder color align cellpadding cellpacing></table>
表格標(biāo)題 <caption></caption>
行<tr></tr>
列<td></td>
表格頭<th></th>
合并行 rowspan
合并列 colspan
Valign跟在align標(biāo)簽的后面用來對內(nèi)容位置的進(jìn)一步調(diào)整；
代碼如下
<table border="1" width="800" height="800" cellspacing="0" cellpadding="0">
<caption>顏色表</caption>
<tr>
<th>紅色</th>
<th>黃色</th>
<th>紫色</th>
</tr>
<tr >
<td rowspan="2" bgcolor="red">1</td>
<td valign="top">2</td>
<td>3</td>
</tr >
<tr>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td colspan="2" bgcolor="green">1</td>
<td>3</td>
</tr>
效果如下
From表單
在這里給大家提個(gè)醒，from表單是前后端特別是和php前后端數(shù)據(jù)相互交互的重要媒介和組成部分，希望大家可以好好了解下表單，為以后的學(xué)習(xí)打下良好的基礎(chǔ)。
<from action=”” method=”” enctype=”” name=””></form>
Action 設(shè)置接收和處理瀏覽器遞交的表單內(nèi)容的服務(wù)器程序的鏈接
Method 用來定義瀏覽器將表單中的信息提交給服務(wù)器端的處理程序的方式，取值可以為：GET或POST get在本頁面?zhèn)髦?post在服務(wù)器回傳值
Enctype 一般不使用，為默認(rèn)，在文件上傳時(shí)需要設(shè)定改變
單行文本框
<input type=”text” name=”” value=”” size=”” maxlength=””/>
多行文本框
<textarea rows=”” cols=””name=””></textarea>
密碼文本框
<input type=”password” name=”” size=”” maxlengrh=””/>
單選框
<input type=”radio” name=”’ value=”” checked=”checked”>
Name值相同的為一組
復(fù)選框
<input type=”checkbox” name=”” value=”” checked=”checked”
復(fù)選框的name值相同為一組
綜上如下
Label標(biāo)簽綁定屬性
語法
<form>
<label for=”命名”></label>
<input type=”radio” name=”” id=”命名”>
</form>
下拉菜單
<select name=”” size=” multiple=”mulitple”>
<optgroup label=””>
<option></option>
</optgroup>
</select>
如下
隱藏框
按鈕
提交按鈕
<input type=”sumbit” name=”” value=””/>
重置按鈕
<input type=”reset” name=”” value=””/>
普通按鈕
<input type=”button” name=”” value=””/>
如下
readonly與disabled屬性
readonly
readonly 屬性規(guī)定輸入字段為只讀,但其value值仍會被表單提交
readonly屬性只針對text、password和textarea有效
disabled
disabled屬性規(guī)定禁用該表單元素，其value值不會被表單提交
disabled屬性對所有表單元素均有效，包括select, radio, checkbox, button等
使用disabled屬性后表單元素背景會變成灰色
HTML中FROM表單input type:
框架
這里所說的框架并不是大型前端框架或者是后端框架，而是HTML里對網(wǎng)頁構(gòu)架的一種固定模式，如果說表格是對網(wǎng)頁小范圍布局的話，那么框架可以對整個(gè)HTML網(wǎng)頁起到整體的構(gòu)架和布局的作用，例如我們熟悉的w3school網(wǎng)站，當(dāng)然還有很多網(wǎng)站也用到了，我們來了解下：
<frameset cols=”10%,*,10%”>/*frameset框架cols表示分列，如果分三列則如上所述，rows分行，同列；其中*為自適應(yīng)剩余面積。
<frame name=”’ src=”” noresize=”noresize” scrolling=”yes/no/auto”><frame>
</frameset>
去掉框架的邊框 frameborder=”0/1” 0為無1為有 如果有則設(shè)置boder=””;
Framese的跳轉(zhuǎn)
跳轉(zhuǎn)到frame指定板塊
給對應(yīng)的frame定義name名字
<frame name="right" src="left.html"/>
修改跳轉(zhuǎn)方式
<a href="one.html" target="right">第一頁</a>
Noframe標(biāo)簽
<frameset">
<noframes>
<body>
你的瀏覽器不支持框架
<body>
</noframes>
</frameset>
Iframe內(nèi)聯(lián)式框架
<iframe name=”規(guī)定iframe的名稱” src=” 規(guī)定在iframe中顯示的文檔URL” frameborder=”0|1” width=”” height=”” scrolling=”規(guī)定是否滾動(dòng)”></iframe>
Marginheight: 定義 iframe 的頂部和底部的邊距
Marginwidth: 定義 iframe 的左側(cè)和右側(cè)的邊距
跳轉(zhuǎn)
跳轉(zhuǎn)到頂級
<a href=”” target=”_top”></a>
跳轉(zhuǎn)到父級
<a href=”” target=”_parent></a>
跳轉(zhuǎn)到新頁面
<a href=””” target=”_blank></a>
本頁面跳轉(zhuǎn)
<a href=”” target=”_self></a>
自定義跳轉(zhuǎn)”
好了，HTML就給大家介紹到這里，希望大家看了小編的HTML介紹，已經(jīng)對網(wǎng)站開發(fā)有了入門級的了解了吧。
*請認(rèn)真填寫需求信息，我們會在24小時(shí)內(nèi)與您取得聯(lián)系。
