曾經在瀏覽網頁時,對某個網頁著迷不已,想要學習卻又不知道從何學起嗎?
平面設計師構想了頁面,工程師卻一直無法做出你想要的樣子,雞同鴨講了老半天
行銷初學者在接觸到SEO(搜尋引擎優化)時,因為過去沒有網頁建置的觀念,根本聽不懂工程師在說什麼
網頁設計師是目前熱門的職缺之一,市場需求大,調薪幅度高,許多人想轉職投入,卻對陌生的領域望之卻步
這門課教你怎麼無痛進入網頁開發的世界!
網頁設計如完善的話,同時也會提高SEO效益,讓搜尋排名大大提升!網頁製作分了兩大部分,
●HTML是一種標記語言,網站建置的基礎語法,它可以整合文字、圖片、聲音及影片等內容。
●CSS 是網頁的視覺呈現,涵蓋了整個網站的具體呈現,包含網頁排版、文字編排、顏色等,可以透過短短的語法,就能快速達到網頁排版的美化效果,提高網頁的速度。
HTML+CSS是網頁設計的基礎,雖然可以透過手刻方式將響應式的功能寫出來,但會耗費許多時間,Bootstrap主要是已幫設計者將響應式的框架寫好,因此前端設計者只需要套用就可以完成響應式的設計,具極高的兼容性,能同時呈現在不同的裝置上,無需再花時間手刻,可以省下不少的介面設計及溝通的成本!
無須任何基礎,由業界資深講師提供完整的操作觀念跟架構教學,引導你直接撰寫語法,從實做中學習,將所有網頁設計的要點一次搞懂,讓你在自行設計上游刃有餘,或跟網頁開發人員溝通時,能夠以技術觀點來看網頁能做到怎樣的程度。
老師會帶領你一步一步示範解說後再練習,幫您建立札實的基礎,舉凡各種網頁樣式的寫法跟排版的教學實例,在這堂課通通不藏私地告訴你!
第一堂-工具安裝及伺服器安裝:
1. 安裝虛擬伺服器。
2. 啟動伺服器。
3. 下載及安裝編輯工具。
4. 編輯工具設定。
5. 編輯工具使用介紹。
第二堂-HTML語法介紹:
1. HTML版本介紹。
2. HTML標籤介紹。
3. 使用標籤編輯文字。
4. 語意化概念。
第三堂-HTML容器介紹排版概念:
第四堂-CSS概念:
1. CSS屬性。
2. CSS選擇器。
3. CSS單位。
第五堂-使用HTML及CSS排版:
1. 版面規劃。
2. 響應式撰寫。
3. 桌機版 / 筆電版 / 平板版 / 手機版。
第六堂-版面進階設定:
1. 版面美化。
2. 文字呈現設定。
3. 定位處理。
第七堂-網站表單及動畫:
第八堂-完成基本網站及jQuery:
第九堂-Bootstrap介紹及使用:
1. Bootstrap介紹。
2. 下載及使用。
第十堂-Bootstrap版本及格線系統:
第十一堂-Bootstrap 組件:
1. 圖示使用。
2. 選單設計。
3. 按鈕組。
4. 標籤。
5. 分頁。
第十二堂 ~第十五堂-Bootstrap實戰:
第十六堂-Bootstrap 及 jQuery:
1. SASS / SCSS / LESS / Compass。
2. jQuery & jQuery Mobile UI。