網頁設計入門:HTML+CSS

課程介紹
了解更多

本課程含HTML 220分鐘 + CSS 300分鐘,目前已完備的課程為HTML課程,CSS課程將於2016/8/15前上架。購買課程者需分段學習,上架時會以電話通知購買課程者,敬請見諒。

★講師介紹

王煜傑,MIS 腳印 http://www.smalljacky.com/ 的創辦人,目前負責台南大飯店的資訊管理擁有OCPJP、RHCE證照,學習歷程經由HTML、CSSJavaScript,進而架設 Linux伺服器完整的掌握網頁伺服語言,擁有管理網站營運以及Linux伺服器網站的實務經驗,經由雲端愛上課邀請將其寶貴的經驗錄製為課程提供給有心想要成為前端工程師的學員。

前端入門課程:HTML+CSS 王煜傑老師

王煜傑老師認為,很多困難的技術只要持續的學習,當到達某一個臨界點時,就會發生巨大的變化。舉例來說,零度是水和冰的臨界點;一百度是液態水和水蒸氣的臨界點,它們的前後有很大的變化。這帶給我們的啟示就是,有時再堅持一會兒,就到臨界點了,才會發生變化。

 

★課程介紹

本課程為前端入門課程的前半段:前端入門:HTML與CSS。全長約220分鐘。修習完後再續接前端入門:JavaScript,預計2016年7月中旬完成。

本課程的順序由HTML整體結構開始,經過文字標記、屬性與網頁、連結與影像,以及實務常用的收集資訊表單,再進到CSS:包含如何在HTML頁面使用CSS,選擇器與樣式,以及視覺設計的字體、色彩等。

JavaScript融合了 HTML、CSS 與網頁伺服語言的技術,要學好JavaScript須先由學習HTML與CSS開始。

 

★課程特色

課程將網頁設計的重要元素:HTML、CSS、JavaScript由簡介概念、如何使用、實際操作,讓沒有學過網頁設計的人也可以將基礎打好並在課程學習如何從無到有產生一個獨立靜態網頁,未來學習jQuery等網頁動態效果時才能有深厚的基礎。

 

★適合對象

1. 凡是對於網頁製作設計有興趣者,皆可適用。

2. 已有平面設計基礎,想要將所學擴大用於網頁上。

 

★學成之後

從網頁基礎技術HTML、CSS都能熟悉,後續課程為前端入門-JavaScript,預計2016年7月中旬完成,全長約300分鐘。學成後能依需求進行頁面結構與版面的規劃,並獨立完成一個靜態網站。

 

★課程地圖

前端入門課程:HTML+CSS王煜傑老師 學習地圖

 

1.網頁設計入門:HTML與CSS。全長約220分鐘。

2.網頁設計入門:JavaScript,全長約300分鐘,預計2016年7月中旬完成

3.網頁設計實務

- javascript 急上手

- 抄程式學 d3.js

- 抄程式學 leaflet.js

全長約74分鐘,由洪朝貴講師提供。

 

★課程大綱

簡介與課前準備

什麼是HTML

什麼是CSS

甚麼是JavaScript

開學前建議

瀏覽器-開發工具

文字編輯器

HTML整體頁面

標記的構成

標記-空元素-屬性使用方式

常用文字標記-1

常用文字標記-2

列表-有序列表、無序列表、定義列表

網頁之間的連結-超連結、統一資源定位器URL

網頁之間的連結-絕對與相對URL

網頁之間的連結-絕對、相對路徑、目錄

豐富網頁的影像指令-src、height、img、

豐富網頁的影像指令-figure、簡易偵錯、

呈現資料的表格- table、column等實際操作

收集訪客資訊的表單- form、input、

收集訪客資訊的表單-text area、select、

收集訪客資訊的表單-label、fieldset

重要的額外標示-id、class、div、span

重要的額外標示-iframe、

重要的額外標示-特殊字元 &ensp、&emsp、等等

 

★講師專長

前端網頁設計

後端資料庫網站開發

WordPress 網站架設

資料庫規劃

Linux 伺服器架設

 

★講師證照

OCPJP

-The Oracle Certified Professional, Java SE 5 Programmer

RHCA

-Red Hat Certified System Administrator

ERP application engineer

-for Distribution Module of Data Systems

 

課程問與答

  • (600字以內)
留言身份 :

產品討論

商品細項
商品內容
課程期限註冊 180 天 後到期
觀賞次數|雲端點數制: 給予 4 倍影片時間點數
線上課程|網頁設計入門:HTML+CSS 03:40:00 
  • HTML+CSS 03:40:00 
影片列表
  • 1-1   什麼是 HTML 00:02:25 
  • 2-1   什麼是 CSS 00:01:35 
  • 3-1   什麼是 JavaScript 00:01:31 
  • 4-1   開學前建議 00:01:52 
  • 5-1   瀏覽器開發工具介紹: Sublime, Notepad 00:01:29 
  • 6-1   如何使用文字編輯器 00:06:17 
  • 7-1   HTML 整體頁面結構 00:11:56 
  • 8-1   標記的構成 00:11:50 
  • 9-1   標記-空元素-屬性使用方式 00:04:18 
  • 10-1   常用文字標記-1 00:11:40 
  • 11-1   常用文字標記-2 00:19:52 
  • 12-1   列表(清單)有序列表、無序列表、定義列表 00:12:40 
  • 13-1   網頁之間的連結-超連結、統一資源定位器URL 00:13:26 
  • 14-1   網頁之間的連結-絕對與相對URL 00:15:01 
  • 15-1   網頁之間的連結-絕對、相對路徑、目錄 00:13:50 
  • 16-1   豐富網頁的影像指令-src、height、img 00:08:09 
  • 17-1   豐富網頁的影像指令-figure、簡易偵錯 00:06:40 
  • 18-1   呈現資料的表格 table、column等實際操作 00:22:17 
  • 19-1   收集訪客資訊的表單- form、input 00:17:18 
  • 20-1   收集訪客資訊的表單-textarea、select 00:10:16 
  • 21-1   收集訪客資訊的表單-label、fieldset 00:15:58 
  • 22-1   重要的額外標示-id、class、div、span 00:09:35 
  • 23-1   重要的額外標示-iframe 00:06:00 
  • 24-1   重要的額外標示-特殊字元 &ensp、&emsp 00:06:59 
建議售價: 1,200
線上優惠: 599
340
影片時數
00
現場時數
相關新聞
Related News
知識百科
Knowledge Info
更多
熱門活動
Hot Event
更多
$ 599
0
結帳
置頂
首頁