《 課程介紹 》

在台中如果你想找到web程式語言的入門磚,那麼你來對地方了。不論你是要找軟體工程師、網頁設計師的工作,具備紮實的網頁排版觀念是必要的條件,也是公司在徵才時必會填寫的加分條件!
在這個課程中你會學到如何從無到有來設計一個網站,其中最重要的兩個程式語言就是 HTML與CSS。同時也會教你如何善用軟體工具來提升你的開發效率。

《 學會本課程..你將得到 》

  1. 能夠完整的了解 HTML 與 CSS 的基礎知識
  2. 具備撰寫一些 HTML 與 CSS 範例的相關經驗
  3. 使用 HTML 與 CSS 建造一個精美且具有意涵的網頁
  4. 有能力建造精美的網頁
  5. 可以建造作品集網頁,強調你的網頁設計技能
  6. 可以開始著手進行,發展你的網頁設計職涯

《教學單元內容~六堂共18H》

1.網頁編輯器、HTML基礎教學
認識 HTML 標籤,設計具有語意化的網頁結構/插入圖片,了解圖片路徑與 HTML 屬性/認識 ul、li 清單標籤/加上連結,讓網頁開始具有互動性
2.CSS 常用語法
CSS標籤選擇器_插入CSS檔案,讓文字變大變顏色吧!/套用第一個Sublime Plugin,利用 emmet提升寫HTML、CSS效率/CSS類別選擇器_如何透過Class來指定 HTML樣式/CSS擬態選擇器_設計a連結動作觸發樣式/使用CSS設定優化文字排版/在 HTML標籤上加上線條(border)
3.使用CSS變更HTML標籤特性
CSS Reset,讓所有瀏覽器都長得一致/行內元素與區塊元素的差異/DIV與SPAN 的使用時機、CSS後代選擇器/使用margin、padding來推擠距離/Box Model(盒模型)/使用margin讓版型置中
4.網頁排版技巧 Part I
Float浮動定位技巧/使用clear清除浮動/兩欄式、三欄式版面定位技巧/設計並排式選單/LOGO與選單並排設計技巧
5.網頁排版技巧 Part II
使用絕對定位與相對定位設計版型/相對定位、絕對定位元素技巧/使用ul li設計產品列表/絕對定位設計優惠價/position: fixed技巧
6.切圖技巧
Photoshop切圖流程/background在html元素上載入背景圖片,設定寬高/background-repeat將圖片重複顯示/background-color與背景圖片的混用/background-position的位置設定方法/圖片取代文字技巧_以logo為例/圖片種類介紹 ( gif、jpg、png、svg )/圖文並排範例
7.表格與表單設計技巧
認識HTML表格 (Table) 標籤/設定表格 (Table) 上的CSS樣式/表單 (Form) 簡介/表單三劍客:Form、輸入欄位、Submit/使用 label、placeholder提升表單使用者體驗/表單元素:radio、checkbox/表單元素:select、textarea/使用CSS修改表單 (Form) 樣式
8.CSS3技巧
CSS3 圓弧效果/CSS3 漸層效果/CSS3 陰影效果

《 上課資訊 》

時段
上午 9:00~12:00 | 下午 13:30~16:30 | 晚上 18:30~21:30
地點
大甲區鎮瀾街239號
日期
請洽詢(滿三人即可開班)
洽詢
04-26870543 | 0966990605 | 下方諮詢表單
費用
滿三人:$3,900元/人
四~五人:$3,500元/人
六~八人:$3,000元/人
(小班制教學 ‧ 互動性效果佳)
備註
需自備電腦及上課用軟體!