HEAD 網頁開發參考手冊,收錄 HTML5 在 head 可用標籤及範例說明

HEAD 網頁開發參考手冊,收錄 HTML5 在 head 可用標籤及範例說明

如果你是自行架站的網站管理者,對網頁原始碼結構應該不陌生,若以 WordPress 架設網站通常會有完整 <head> 段落,取決於你使用的佈景主題,這部份是用來描述一個頁面的相關資訊,例如網頁標題、語言、樣式表、說明、關鍵字和略縮圖等等,很多時候會透過 SEO 外掛工具產生各種常用的 Meta Tags 以擴充佈景主題不足的部分,如果你要從頭開始寫一個網頁或佈景主題,就必須知道 <head> 有那些可用的標籤。

Free for developers 基礎架構開發者必備,各類免費工具、網路服務彙整清單

Free for developers 基礎架構開發者必備,各類免費工具、網路服務彙整清單

如果你是免費資源網路社群的讀者,應該對於各類型免費服務很感興趣,無論是相當熱門的免費空間免費圖庫線上工具,還有各種架站資源教學主題等等,其中有一種專門收錄同性質免費內容的網站,主要將重心放在完成某些工作或針對某一種職業而生,例如「Postmake 為創業者準備 250 種可能會用到的服務和工具」和「Evernote Design 設計師必備懶人包,一站整合各種設計相關素材資源」,若你喜歡挖寶,那就有機會從這些網站得到以前可能沒看過的好東西。

如果你要創業,Postmake 準備 250 種可能會用到的服務和工具

如果你要創業,Postmake 準備 250 種可能會用到的服務和工具

前幾天剛寫完「Evernote Design 設計師必備懶人包,一站整合各種設計相關素材資源」介紹,我有提到對於這類資訊型網站的偏好,將大量工具經過整理、分門別類呈現於網頁中,讓搜尋者能夠快速找到自己需要的服務,而這樣的資訊網頁近期好像有越來越多的趨勢,如果你正好有發現不錯的網站,不妨動一動手指先以免費資源網路社群右側搜尋框搜尋一下,沒有介紹過就將鏈結傳給我們吧!

Evernote Design 設計師必備懶人包,一站整合各種設計相關素材資源

Evernote Design 設計師必備懶人包,一站整合各種設計相關素材資源

對於設計師來說,可能手邊有不少平時工作會用到的工具,包括一些靈感來源、素材或相關軟體等等,但感覺上很零散,除非自己整理不然只能自行 Google 或從網路獲取資訊。事實上我認為真正缺乏的是一些將資訊分類清楚整合起來的網站,讓需要的使用者不用花太多時間大海撈針,雖然免費資源網路社群已經在做這件事,但有時候還是覺得不夠清楚或者是範圍太過廣泛,讀者無法很快就找到自己需要的免費資源。

想找人做網站?先到「做網站的100種方法」搜尋接案公司、報價等資訊

想找人做網站?先到「做網站的100種方法」搜尋接案公司、報價等資訊

以前很常被問到:你有在幫人家做網站嗎?或是更含蓄的問法是「你有在接網頁設計的案子嗎?」每次被問到這類問題都會深吸一口氣,忍著反問一百個問題的衝動,不過對於非專業領域的朋友來說,很難搞懂做網站這件事背後有多複雜,每個環節、細節都是技術,也會依照你需要的功能而有不同程度的報價,這些都需要花時間去深入討論,但開始前或許得先釐清一下自己需要的是什麼。

CrowdTangle Link Checker 以最簡單方法分析鏈結在社群網站分享成效(Chrome 擴充功能)

CrowdTangle Link Checker

談社群營銷已經有一段時間,不過至今 Facebook、Twitter 等社群平台仍被視為兵家必爭之地,或許可以這麼說,從社群可創造驚人的流量或轉換,甚至讓一個沒沒無聞的素人或產品爆紅,充滿無限可能。當然對於網站或部落格經營者而言,社群網站亦是增加與讀者粉絲互動的機會,他們也會透過自己的方式進行宣傳,讓內容傳遞發揮最大效果。不過,也有一些「暗黑兵法」可製造假象,例如前段時間介紹的免費工具 Facebook Like Checker 就能檢查臉書粉絲專頁按讚數有無被灌水造假。

Facebook Like Checker 檢查臉書粉絲專頁有無大量「幽靈粉絲」灌水造假

Facebook Like Checker 檢查臉書粉絲專頁有無大量「幽靈粉絲」灌水造假

如果有在經營 Facebook 粉絲專頁或臉書社團,應該知道「數字會說話」的重要性,有時候可能沒太多時間深入瞭解一個粉絲專頁的經營背景或理念,但有一、二十萬以上粉絲背書好像說話特別有份量,相信許多人也會毫不猶豫按下讚。就是這個原因,出現誤以為粉絲數就是社群經營唯一的迷思,瘋狂追求檯面上的數字,其實更重要的是能否和粉絲互動,否則對越來越聰明的 Facebook 演算法來說使用者依舊很難從動態消息看到你的專頁貼文。

CSS Reference 前端設計師必備手冊!收錄 CSS 樣式表屬性說明及範例

CSS Reference 前端設計師必備手冊!收錄 CSS 樣式表屬性說明及範例
(Copyright: welcomia / 123RF Stock Photo

前幾天介紹過「HTML Reference 網頁開發者必備手冊!收錄所有 HTML 元素及屬性說明」,有讀者說這個網站比 W3Schools 更方便快速,對於開發者來說實在非常實用,但可能有些人和我一樣接觸 HTML 機會不多,反倒是很常要改網頁樣式,假如你平常會需要和 CSS 為伍,本文要推薦的網站會更適合你。

HTML Reference 網頁開發者必備手冊!收錄所有 HTML 元素及屬性說明

HTML Reference 網頁開發者必備手冊!收錄所有 HTML 元素及屬性說明

記得小時候剛學電腦時還是使用 MS-DOS 作業系統,家人幫我買了一本厚重的參考書,裡頭收錄所有 DOS 指令,非常詳盡,而這本書也對我產生不小影響,我知道學習任何東西都必須要有正確的參考手冊,才能夠讓學習過程更全面紮實。雖然網路上有許多教學文件,但礙於篇幅都只能夠以最短捷徑來幫你達到目的,對於一些較為複雜的內容來說,這些快速教學並不能讓你「真正」學會,因此最好還是準備參考手冊。

Thimble by Mozilla 線上程式碼編輯器,讓你輕鬆學習編寫 HTML、CSS 和 JavaScript

Thimble by Mozilla 線上程式碼編輯器,輕鬆學習編寫 HTML、CSS 和 JavaScript

Pseric 國中開始接觸網頁設計,還記得當時使用的是 FrontPage 編輯器,是一款修改後可立即看到網頁效果的軟體,搭配工具書,讓我逐漸學會簡單的 HTML。後來雖然較少用到網頁編輯器,仍會懷念當時的學習方式,既有趣又能從實際操作獲得成就感。最近看到這款 Thimble 線上服務,讓我再度回憶起以前學習 HTML 的情景,若你想要學習如何編輯簡單的 HTML、CSS 和 JavaScript 程式碼,可以試試看本文介紹的這個服務。