書籤不只能讓網站看起來比較專業
也能更具識別度
你看看在 GoogleChrome Firefox IE9 Safari 有書籤就會變得不一樣摟
這裡啊~就要教大家如何設定網站書籤
當然一開始要先製作適合的書籤 icon 圖示
有一個方便的線上製作網站 favicon
點上方連結進入之後
可以看到畫面十分簡潔易懂
若要直接編輯
就在編輯框中畫
若是要上傳電腦中的圖檔
就選"Import Image"吧
上傳後可看到編輯區有圖
這時也可做編輯
下方有即時icon圖
可以看到編輯出來icon在書籤上的表現
非常方便
編輯完後點下方下載
下載完可在桌面看到一個.ico檔案
再來就是將icon放到網頁設定中了
這邊要到你網站的後台主機
在檔案管理中找到一個叫做index.htm的HTML檔案
將剛剛的.ico圖檔上傳到跟index.htm同目錄中
記得icon檔名必須為favicon.ico
上傳完之後點選index.htm檔案進行HTML編輯
在短短的程式碼中可以找到<head>跟</head>
請在<head>跟</head>之間加上<link rel="shortcut icon" href="favicon.ico" />
後面的favicon.ico是剛剛上傳的檔名
所以若檔名不同的話改這邊也可以 但一定要是.ico檔
改完後存檔
這樣就完成書籤圖示設定了!
沒有留言:
張貼留言