為你的網站加上網址列小圖示ICON
2020/05/13閱讀時間約 1 分鐘
這樣的小Icon，其是就是所謂的「favicon」，副檔名為「.ico」，如果你有自己架站，想替自己的網站換個屬於自己風格的網站ICON，請先準備好一張64*64的透明背景PNG-24格式小圖。
STEP1.
至https://www.aconvert.com/tw/icon/png-to-ico/網頁，由【選擇檔案】按鈕選擇64*64的透明背景PNG-24格式小圖，圖標尺寸請勾選64X64，按下開始轉換。
至https://www.aconvert.com/tw/icon/png-to-ico/網頁，由【選擇檔案】按鈕選擇64*64的透明背景PNG-24格式小圖，圖標尺寸請勾選64X64，按下開始轉換。
轉換後由下方轉換結果將圖以另存連結為儲存至個人網站資料夾內。
STEP2.
更改檔名為favicon，並放置於網站資料夾內的img資料夾內(若無請新增img資料夾)
更改檔名為favicon，並放置於網站資料夾內的img資料夾內(若無請新增img資料夾)
STEP3.
最後至網站頁面內<title>之前，加入<link href="img/favicon.ico" rel="shortcut icon"/>
最後至網站頁面內<title>之前，加入<link href="img/favicon.ico" rel="shortcut icon"/>
贊助支持創作者，成為他繼續創作的動力吧！
哩老師
26追蹤者
161內容數
現職：精誠資訊 恆逸教育訓練中心 專任多媒體設計 資深講師
專長：精通多媒體網頁視覺設計、平面設計與多媒體整合應用、Photoshop影像處理、網站視覺設計、Illustrator向量繪圖、Animate動畫效果設計、Dreamweaver網頁互動效果、Dreamweaver資料庫整合及RWD等。
Dreamweaver CC除了提供方便的程式碼編輯畫面外，原本就是一個協助網頁初學者開始認識HTML碼的好工具，包括CSS設定與Bootstrap組件，更是響應式網頁初學者的好幫手，加上與PHP資料庫的輕易結合，絕對是學習完整網頁結構的最佳利器!
留言0
查看全部