本文目錄一覽：
網頁設計師非常有用的幾個在線工具
時間戳轉換
功能簡介：Unix時間戳和北京時間互轉、獲取時間戳方法
地址：
代碼對比/歸併
功能簡介：在線檢測/比較兩個文件文本的不同
地址：
LESS編譯器
功能簡介：將LESS代碼編譯成CSS代碼，方便前端人員使用
地址：
crontab表達式
功能簡介：根據crontab表達式計算未來N次的執行時間
地址：
代碼格式化
功能簡介：可以對SQL、XML、JSON代碼進行格式化和美化
地址：
編碼轉換
功能簡介：URL解碼、Native轉UTF-8、Native轉ASCII
地址：
網頁調色板
功能簡介：網頁顏色選擇器、顏色代碼查詢、RGB顏色值參考
地址：
正則表達式
功能簡介：正則表達式匹配和替換、多種常用正則表達式
地址：
答題
功能簡介：學霸，快來做題，提升一下你的技能吧
地址：
Markdown
功能簡介：將web上的文本轉換成HTML文檔
地址：
UBB編譯器
功能簡介：UBB是一種網頁中的替代HTML代碼的安全代碼
地址：
進制轉換
功能簡介：2~36進制之間任意進制轉換，支持浮點型
地址：
CSV轉HTML
功能簡介：將CSV數據轉換為HTML的表格,並展示在頁面上
地址：
HTML特殊符號
功能簡介：HTML特殊字符編碼大全
地址：
XML轉JSON
功能簡介：XML和JSON的內容和輸出互相轉換
地址：
HTML轉JS
功能簡介：HTML和JS的內容和輸出互相轉換
地址：
js/css壓縮
功能簡介：在線壓縮Javascript和CSS代碼
地址：
網頁常用字體
功能簡介：總結了各種常見的網頁字體的顯示效果
地址：
Cron生成器
功能簡介：可以在線生成任務調度Quartz的Cron表達式
地址：
JSON格式化
功能簡介：Json解析、驗證、格式化、壓縮、以及Json與XML相互轉換
地址：
SQL格式化
功能簡介：sql在線美化、格式化、腳本壓縮
地址：
端口掃描
功能簡介：掃描常用或指定的端口，查看端口是否開放
地址：
Base64編碼解碼
功能簡介：將字符base64編碼加密,或者將base64加密的字符還原
地址：
MD5加密
功能簡介：生成32位和16位的大寫和小寫的密文
地址：
摩斯電碼
功能簡介：在線摩斯電碼加密解密
地址：
IP查詢
功能簡介：查詢IP或域名的地理位置和寬帶供應商、查看本機IP
地址：
文字加密解密
功能簡介：支持AES、DES、RC4、Rabbit 等多種算法
地址：
HTTP狀態查詢
功能簡介：檢測網頁返回的HTTP狀態碼
地址：
生成htpasswd
功能簡介：生成htpasswd
地址：
favicon圖標製作
功能簡介：將上傳圖像剪切並生成ico格式的圖標
地址：
傳圖識字
功能簡介：可以將一段含有英文文字的照片免費轉化成文字
地址：
gif圖製作
功能簡介：一鍵生成gif動態圖、閃圖和搞笑表情包
地址：
生成二維碼
功能簡介：可以設置圖像格式、容錯率、大小、顏色及LOGO
地址：
圖片轉pdf
功能簡介：在線免費將多張圖片轉成pdf文檔，一鍵生成pdf文檔
地址：
人臉識別
功能簡介：在線人臉識別，自動識別人臉批量裁剪出頭像圖片
地址：
DIY卡通頭像
功能簡介：免費的動漫人物製作工具，可以隨心定製男女卡通頭像
地址：
傳圖識色
功能簡介：可以識別出光標所在處圖片的顏色，並提取出圖片的主色調
地址：
手繪圖片
功能簡介：可以自動生成手繪風格照片，還可以改變照片的模糊度
地址：
圖片轉Base64
功能簡介：圖片和Base64編碼互轉
地址：
衣服尺碼計算
功能簡介：輸入你的身高體重，即可計算出你需要的衣服尺寸
地址：
身份證信息查詢
功能簡介：輸入身份證號，查詢歸屬地、性別和出生年月
地址：
科學計算器
功能簡介：開方(√)、圓周率(π)、倒數(1/x)、正弦(Sin)
地址：
大小寫轉換
功能簡介：可以實現人民幣數字大寫轉換和英文大小寫轉換
地址：
日期間隔計算
功能簡介：一款可以計算兩個日期之間的天數的工具
地址：
漢字轉拼音
功能簡介：可以將漢字轉化為帶聲調的拼音
地址：
文字去重
功能簡介：該工具可得到無重複數據的文字
地址：
單位換算器
功能簡介：長度、面積、重量、溫度等單位一鍵對等轉換
地址：
中文簡繁轉換
功能簡介：將輸入的一段文字轉換為簡體或繁體
地址：
陰陽曆轉換
功能簡介：支持農曆公曆互查，公曆和農曆互相轉換
地址：
郵編區號查詢
功能簡介：輸入省份、城市、區號或郵編查詢該地區號
地址：
字數統計
功能簡介：快速計算文章中漢字、標點、英文和數字的個數
地址：
JS調用如何被HTML編譯
/newscodejs.asp?lm2=84list=5icon=/img/fk.giftj=0font=9hot=0new=0line=0lmname=0open=1n=36more=0t=0week=0zzly=0hit=0pls=0
這個文件顯示的結果必須是js格式
如輸出img src=”1.jpg” /
需要寫成
document.write(“img src=\”1.jpg\” /”)
html轉js
轉換成js文件，參考如下：kf.js
document.write(“LINK rel=stylesheet type=text/css href=\”css/lanrenzhijia.css\”SCRIPT type=text/javascript src=\”js/jquery.js\”/SCRIPTSCRIPT type=text/javascript src=\”js/kefu.js\”/SCRIPT”);
document.write(“DIV id=floatTools class=float0831DIV class=floatLA style=\”DISPLAY: none\” id=aFloatTools_Show class=btnOpen title=查看在線客服 onclick=\”javascript:$(‘#divFloatToolsView’).animate({width: ‘show’, opacity: ‘show’}, ‘normal’,function(){ $(‘#divFloatToolsView’).show();kf_setCookie(‘RightFloatShown’, 0, ”, ‘/’, ”); });$(‘#aFloatTools_Show’).attr(‘style’,’display:none’);$(‘#aFloatTools_Hide’).attr(‘style’,’display:block’);\” href=\”javascript:void(0);\”展開/A A id=aFloatTools_Hide class=btnCtn title=關閉在線客服 onclick=\”javascript:$(‘#divFloatToolsView’).animate({width: ‘hide’, opacity: ‘hide’}, ‘normal’,function(){ $(‘#divFloatToolsView’).hide();kf_setCookie(‘RightFloatSdhown’, 1, ”, ‘/’, ”); });$(‘#aFloatTools_Show’).attr(‘style’,’display:block’);$(‘#aFloatTools_Hide’).attr(‘style’,’display:none’);\” href=\”javascript:void(0);\”收縮/A /DIVDIV id=divFloatToolsView class=floatRDIV class=tp/DIVDIV class=cnULLI class=topH3 class=titZxQQ諮詢/H3/LILIA class=icoTc href=\”;uin=737573005Site=qqMenu=yes\” target=\”_blank\”業務經理/A/LILIA class=icoTc href=\”;uin=653450623Site=qqMenu=yes\” target=\”_blank\”業務杜鵬/A/LILIA class=icoTc href=\”;uin=519266738Site=qqMenu=yes\” target=\”_blank\”業務張靜/A/LILIA class=icoTc href=\”;uin=1796557519Site=qqMenu=yes\” target=\”_blank\”業務趙麗/A/LILIA class=icoTc href=\”;uin=603336134Site=qqMenu=yes\” target=\”_blank\”技術支持/A/LI/UL/ULULLIdiv align=\”left\”img src=\”images/phone1.jpg\”//div/LILISPAN class=icoTl 400-6919-390/SPAN/LILISPAN class=icoTl 010-51668748/SPAN /LILIdiv align=\”left\”img src=\”images/phone2.jpg\”//div/LILISPAN class=icoTl白班18601043335/SPAN/LILISPAN class=icoTl晚班18610113072/SPAN/LILISPAN class=icoTl投訴18601035554/SPAN/LI/UL/DIV/DIV/DIV”);
在HTML頁面中包含kf.js文件即可
希望能幫助你
望採納
HTML和JS代碼格式化原理是什麼？
所謂的源碼是指程序的原始代碼，經過編譯器編譯之後成機器能識別的二進制代碼（機器代碼），目前的編程語言有C/C++、JAVA、C#等，很多，要寫“源碼”當然要先學這些“語言”等你學會了便可以寫“源碼”了。
源碼模板有很多種類，在這裡我主要講的是ZBLOG風格模板如何修改，此方法可以舉一反三。對於WordPress、PJBLOG、動易CMS、織夢CMS、風訊CMS的風格模板修改方法都是一樣的。
修改一個你滿意的網頁模板，你要有以下基礎，會一點HTML（標準通用標記語言下的一個應用）語言，會一點DIV+CSS，會一點圖片製作方法。
第一步，先講解一下主題模板的構成。下面以Z-blog主題“低調與華麗”風格模板來說明，模板均分為三大部分，①網頁的html文件，②CSS文件，③圖片文件。一般情況修改模板只需修改這三部分。
第二步，你可以讓模板可視化再修改。幾乎所有默認的源碼網頁模板的路徑都是系統自帶的標籤。這樣把講HTML文件放入Dreamweaver里時會是一堆的代碼。如何將程序模板轉換為可視化界面呢。其實只需要修改CSS和圖片路徑就可以了。
如：
link rel=”stylesheet” rev=”stylesheet” href=”#ZC_BLOG_HOST#themes/#ZC_BLOG_THEME#/style/#ZC_BLOG_CSS#.css” type=”text/css” media=”screen” /加紅色的部分就是系統標籤，這時你可以修改成你本機的虛擬路徑。其他的程序標籤都有說明，請查看相關係統標籤。
如：link href=”../style/css/LuSongSong-Index.css” rel=”stylesheet” type=”text/css” /修改好之後你就可以在Dreamweaver裡面直觀的看到網頁界面了，並且修改起來也非常方便。（記得模板修改之後別忘記把CSS路徑改回去哦！）
如圖所示：
第三步，修改LOGO，和模板相關圖片。網頁我所要的框架改好了，但裡面的logo和banner都還是人家的怎麼辦呢？接下來就是如何修改模板中的相關圖片了。由於盧鬆鬆提供的“低調與華麗”風格模板，包含的有源文件，所以修改起來非常方便，你只需要修改裡面的文字，下載一點你喜歡的其他圖標就可以了。對於修改網頁中的圖片推薦使用Fireworks，原因是Fireworks不僅可以打開PNG源文件，還可以打開PSD源文件，相反Photoshop是不能打開PNG源文件的[2]
第四步，教程看的再多不自己動動手，親自試一試。那就趕快下載“低調與華麗”風格模板試一試吧！
雖然大部分是複製粘貼的.但是希望我複製粘貼的回答能夠幫助到你.
原創文章，作者：小藍，如若轉載，請註明出處：https://www.506064.com/zh-hant/n/160538.html
微信掃一掃 
支付寶掃一掃 