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

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

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

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

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

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

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 指令,非常詳盡,而這本書也對我產生不小影響,我知道學習任何東西都必須要有正確的參考手冊,才能夠讓學習過程更全面紮實。雖然網路上有許多教學文件,但礙於篇幅都只能夠以最短捷徑來幫你達到目的,對於一些較為複雜的內容來說,這些快速教學並不能讓你「真正」學會,因此最好還是準備參考手冊。

VisualCV 免費線上履歷表平台,幫你建立更美觀的個人簡介頁面

VisualCV 免費線上履歷表平台,幫你建立更美觀的個人簡介頁面

如果你還有印象,之前我曾介紹「VisualCV 收錄超過 8,800 份英文履歷表設計範本,依工作職稱搜尋適合你的履歷格式」,當時 VisualCV 以提供履歷表範本為主,後來也推自家的履歷表服務,若你正在求職,或是想在線上設計個人簡介頁面卻礙於技術問題而遲遲無法行動,只要打開網站將資料帶入、選擇好要使用的排版樣式就能立即產生屬於你自己的履歷表。VisualCV 不僅僅是個線上履歷表服務,還能將履歷表產生成 PDF 格式。

PrelaunchPage 快速建立產品上線前預告網頁,整合 Email 功能收集潛在用戶名單

PrelaunchPage 快速建立產品上線前預告網頁,整合 Email 功能收集潛在用戶名單
(Copyright: rawpixel / 123RF Stock Photo

如果喜歡嘗試各種新服務、新軟體,一定對產品介紹網頁不陌生,通常在對外開放前會有一段封閉測試期,除了為產品上線暖場外,也收集少數使用者的回饋建議來改進產品。因此建立一個好的準備頁面是很重要的。若你對於設計網頁不在行,初期也沒有太多預算來製作引人注目的產品頁面,本文要介紹的服務或許可以幫上忙。

Launchaco Website Builder 快速建立免費、自適應設計產品官方網站

Launchaco Website Builder 快速建立免費、自適應設計產品官方網站

設計一個產品網站要花多少錢?五萬或十萬?這對新創公司來說都是一筆開支,至少在草創初期沒有充裕資金時要更謹慎,因此不少人會挽起袖子自己做,開發網站並不難,但要找到好的起始點可能需要花時間研究,之前我介紹過許多免費網站模板資源,例如 HTML5 ZeroHTML5 UP!Templated 都能下載到符合目前趨勢潮流的 HTML5 網站模板或響應式設計主題,下載後自己動手修改可能會比從無到有開發一個網站來得更簡單也更有效率。

Standard Resume 免費線上履歷表,輕鬆設計超吸睛個人網頁

Standard Resume 免費線上履歷表,輕鬆設計超吸睛個人網頁

免費資源網路社群介紹過不少線上履歷名片服務,如果不擅於自己架站,現今有許多服務都能讓你快速建置出漂亮又有質感的個人簡歷,無須具備做網頁技能,當然更棒的是不用花費半毛錢,就能將個人背景、學經歷及專長等等放到網頁上。或許並非各行各業都需要,但不得不說網路是一個非常容易曝光及行銷自己的舞台,建立自己的頁面有助於讓其他人發掘你進而認識你,本文要來介紹一款非常簡單易用的個人頁面產生器。

Typa 免費個人網頁,三分鐘設計質感簡歷

Typa 免費個人網頁,三分鐘設計質感簡歷

一直想幫自己做個線上個人簡歷,將正在做或已經完成的事條列進去,放上聯絡方式讓其他人能夠找到我。曾考慮過免費架站服務,或者使用 WordPress,但都好像太過龐大而不符合需求,如果你也信仰「Less is more」,那麼本文要介紹的服務你一定喜歡!Typa 沒有太多的設定選項功能,更能讓使用者聚焦在文字內容上,正好也符合我對於個人網頁的期待。

Resumator 五分鐘建立個人線上名片,做網頁就跟用 Word 編輯文件一樣簡單

Resumator 五分鐘建立線上名片,做網頁跟編輯文件一樣簡單

近年很流行在網路上建立自己的網路名片,大部分都只有一個頁面,卻能在網頁裡找到許多個人資訊,例如個人簡介、職稱、工作現況、技能以及聯絡方式,取代一般實體名片在空間及流通上的不足。前幾年介紹過的 About.me 是我非常喜歡且持續有在使用的網路名片服務,本文要介紹的 Resumator 能讓你快速在線上製作個人簡歷。