如果你是自行架站的網站管理者,對網頁原始碼結構應該不陌生,若以 WordPress 架設網站通常會有完整 <head> 段落,取決於你使用的佈景主題,這部份是用來描述一個頁面的相關資訊,例如網頁標題、語言、樣式表、說明、關鍵字和略縮圖等等,很多時候會透過 SEO 外掛工具產生各種常用的 Meta Tags 以擴充佈景主題不足的部分,如果你要從頭開始寫一個網頁或佈景主題,就必須知道 <head> 有那些可用的標籤。
網頁製作
想找人做網站?先到「做網站的100種方法」搜尋接案公司、報價等資訊
以前很常被問到:你有在幫人家做網站嗎?或是更含蓄的問法是「你有在接網頁設計的案子嗎?」每次被問到這類問題都會深吸一口氣,忍著反問一百個問題的衝動,不過對於非專業領域的朋友來說,很難搞懂做網站這件事背後有多複雜,每個環節、細節都是技術,也會依照你需要的功能而有不同程度的報價,這些都需要花時間去深入討論,但開始前或許得先釐清一下自己需要的是什麼。
CSS Reference 前端設計師必備手冊!收錄 CSS 樣式表屬性說明及範例

前幾天介紹過「HTML Reference 網頁開發者必備手冊!收錄所有 HTML 元素及屬性說明」,有讀者說這個網站比 W3Schools 更方便快速,對於開發者來說實在非常實用,但可能有些人和我一樣接觸 HTML 機會不多,反倒是很常要改網頁樣式,假如你平常會需要和 CSS 為伍,本文要推薦的網站會更適合你。
HTML Reference 網頁開發者必備手冊!收錄所有 HTML 元素及屬性說明
記得小時候剛學電腦時還是使用 MS-DOS 作業系統,家人幫我買了一本厚重的參考書,裡頭收錄所有 DOS 指令,非常詳盡,而這本書也對我產生不小影響,我知道學習任何東西都必須要有正確的參考手冊,才能夠讓學習過程更全面紮實。雖然網路上有許多教學文件,但礙於篇幅都只能夠以最短捷徑來幫你達到目的,對於一些較為複雜的內容來說,這些快速教學並不能讓你「真正」學會,因此最好還是準備參考手冊。
VisualCV 免費線上履歷表平台,幫你建立更美觀的個人簡介頁面
如果你還有印象,之前我曾介紹「VisualCV 收錄超過 8,800 份英文履歷表設計範本,依工作職稱搜尋適合你的履歷格式」,當時 VisualCV 以提供履歷表範本為主,後來也推自家的履歷表服務,若你正在求職,或是想在線上設計個人簡介頁面卻礙於技術問題而遲遲無法行動,只要打開網站將資料帶入、選擇好要使用的排版樣式就能立即產生屬於你自己的履歷表。VisualCV 不僅僅是個線上履歷表服務,還能將履歷表產生成 PDF 格式。
PrelaunchPage 快速建立產品上線前預告網頁,整合 Email 功能收集潛在用戶名單

如果喜歡嘗試各種新服務、新軟體,一定對產品介紹網頁不陌生,通常在對外開放前會有一段封閉測試期,除了為產品上線暖場外,也收集少數使用者的回饋建議來改進產品。因此建立一個好的準備頁面是很重要的。若你對於設計網頁不在行,初期也沒有太多預算來製作引人注目的產品頁面,本文要介紹的服務或許可以幫上忙。
Launchaco Website Builder 快速建立免費、自適應設計產品官方網站
設計一個產品網站要花多少錢?五萬或十萬?這對新創公司來說都是一筆開支,至少在草創初期沒有充裕資金時要更謹慎,因此不少人會挽起袖子自己做,開發網站並不難,但要找到好的起始點可能需要花時間研究,之前我介紹過許多免費網站模板資源,例如 HTML5 Zero、HTML5 UP!、Templated 都能下載到符合目前趨勢潮流的 HTML5 網站模板或響應式設計主題,下載後自己動手修改可能會比從無到有開發一個網站來得更簡單也更有效率。