史上最完整的新手網頁入門學習地圖 | 寫網頁 練習
免費的教學資源,但卻絲毫不減教學品質經歷了兩屆的鐵人賽,總算是把想要做卻積了很久的一些網頁教學,用錄的、寫的給製作出來了,這一些網頁教學基本上不單單是給所有人學習網頁的一份基礎入門指南,也是Amos上課輔助內容,原本是上課時才會跟學生說觀看影片的順序,但想想...為了讓影片能夠有更妥善的運用,那就把影片跟文章的閱讀方式與順序公開出來給大家好了,依照這樣的順序學習會是比較適合且順暢的,希望對大家有幫助。基本上金魚都能懂的網頁教學系列可以給幾種不同的角色學習,每種角色大概如下完全沒碰過網頁的完全新手已...
免費的教學資源,但卻絲毫不減教學品質經歷了兩屆的鐵人賽,總算是把想要做卻積了很久的一些網頁教學,用錄的、寫的給製作出來了,這一些網頁教學基本上不單單是給所有人學習網頁的一份基礎入門指南,也是 Amos 上課輔助內容,原本是上課時才會跟學生說觀看影片的順序,但想想...為了讓影片能夠有更妥善的運用,那就把影片跟文章的閱讀方式與順序公開出來給大家好了,依照這樣的順序學習會是比較適合且順暢的,希望對大家有幫助。
基本上金魚都能懂的網頁教學系列可以給幾種不同的角色學習,每種角色大概如下
完全沒碰過網頁的完全新手 已對網頁有點認知的嫩新手 對網頁已有經驗的入門者 會切一點版面的網頁設計師 想精進網頁觀念的老手以下 Amos 就針對不同的角色建議一些學習的步驟,這樣能夠比較省下一些學習時間,也更加精確的可以把該角色必要學習的項目一次學完。
完全沒碰過網頁的完全新手的學習地圖對於完全沒有學過網頁的新手來說,學習網頁的步驟就是一件很重要的事情了,Amos 針對新手學習網頁的順序會有六個步驟,按照順序排列如下
初識 HTML 與 CSS 入門 CSS 選取器入門 切版實務練習 學習 RWD 入門 初識 Bootstrap 框架使用方式 初識 jQuery 應用 第一步:學習 HTML & CSS在第一階段必須要先了解 HTML 是什麼?並且學習基礎的 CSS 與 HTML 之間搭配使用的方式,所以在這階段會先讓新手先整個用最低程度的內容,把整個過程先進行一次。
第二步:學習更多 CSS 選取器以利版面處理有了前面的 HTML 與 CSS 基礎之後,為了讓我們撰寫版面更加的順暢,所以我們需要多學幾個 CSS 選取器的技巧跟觀念,把 CSS 選取器弄熟並理解,接著才可以讓我們製作網頁更加的順手。
第三步 : 了解 Flex 原理與切版實做有了前面兩個步驟的加持,這時候可以開始精進 Flex 原理以及切版實務的部份了,把 Flex 與切版實務做結合,好了解各式版面的切法。在切版的過程中可能會發現自己對於一些選取器不熟的地方,這時建議你隨時到 金魚都能懂的 CSS...