HTML+CSS+RWD網頁輕鬆寫

開課日期:隨時開課 課程費用:10500
上課時間:週二,週五 / 晚上 學習時程:42
上課地點: 建國本部 地址:台北市大安區建國南路二段231號 map
適用對象:
設計師:網頁美術設計師、平面設計師、SOHO族; 工程師:網站前端工程師、網站管理者 業...看完整
收藏課程
課程特色
【課程介紹】HTML5+CSS3是新一代製作網頁的標準,透過HTML製作網頁內容,並以CSS進行美化,讓製作出來的網頁精簡、乾淨,取代製作維護圖片、動畫的時間、也取代傳統利用表格排版而堆砌的語法,,除了提昇網頁讀取效能外,對於搜尋引擎最佳化(SEO)效果也大大增強,讓網頁更容易被搜尋,排名也能大大提高!
【教學內容】本課程以「範例實作」方式,逐步學習HTML與CSS 語法,進而製作出一個完整的網頁版型,再針對手機上的內容做調校、實測,並產生自適應網頁。
單元一:網站建置與優化 ●網站建置與網頁設定 ●SEO與關鍵字設定 ●網頁內容結構化 ●CSS設定方式與位置 單元二:圖文設定、影音嵌入 ●文字設定、字型嵌入 ●按鈕製作(圓角、橢圓形、陰影、邊框、漸層) ●圖片優化 ●背景色模式、漸層背景、多重背景圖與位置設定 ●影音、Google地圖、YouTuBe影片嵌入 單元三:網頁版型編排 ●盒模型概念與排版 ●重置概念 ●直式、橫式選單製作 單元四:動畫製作 ●變形設定 ●特效過渡 ●動畫製作 單元五:環境架設與實測 ●伺服器環境設定 ●網頁實測 ●網頁模擬器設定 ●手機語法調校 ●Viewport設定 ●Webkit設定 單元六:自適應網頁設定 ●單位:px/em/rem/百分比 ●媒體詢問(Media Queries) ●圖片自適應(Fluid Image) 單元七:手機選單製作 ●手機超連結種類 ●手機隱藏式選單 ●手機側欄選單 ●手機下拉式選單 ※為維護講師授課的智慧財產權,本課程全期禁止錄音錄影,敬請配合,謝謝。
【師資說明】郭嘉雯老師 經歷 資策會、台北市立體育學院-電腦外聘講師 行政院勞委會北區職業訓練中心、財團法人中華職業訓練中心、台北市職能發展學院、大亞電腦-電腦多媒體講師 中國多媒體協會、伊甸社會福利基金會‧影像處理講師 僑委會、連江縣教育局、華彩教育訓練-網站製作與設計講師 富邦銀行、天下趨勢-影像處理講師 北區扶輪社、天仁茗茶-美術設計 專長 影像處理方面:Photoshop、Illustrator、CorelDRAW、PhotoImpact 網頁設計方面:Dreamweaver、Flash、FrontPage 網頁語法方面:HTML、CSS、JavaScript、JQuery 影音處理方面:會聲會影、威力導演 著作 1.Photoshop 5.0影像魔法師 2.Div+CSS網頁版面設計‧隨手做SEO 專案作品 資策會-龍門課站、聯合報網站、研華科技網站、TDK網站、師大學務處網站
詳細內容
本課程以「範例實作」方式,逐步學習HTML與CSS 語法,進而製作出一個完整的網頁版型,再針對手機上的內容做調校、實測,並產生自適應網頁。
單元一:網站建置與優化 ●網站建置與網頁設定 ●SEO與關鍵字設定 ●網頁內容結構化 ●CSS設定方式與位置 單元二:圖文設定、影音嵌入 ●文字設定、字型嵌入 ●按鈕製作(圓角、橢圓形、陰影、邊框、漸層) ●圖片優化 ●背景色模式、漸層背景、多重背景圖與位置設定 ●影音、Google地圖、YouTuBe影片嵌入 單元三:網頁版型編排 ●盒模型概念與排版 ●重置概念 ●直式、橫式選單製作 單元四:動畫製作 ●變形設定 ●特效過渡 ●動畫製作 單元五:環境架設與實測 ●伺服器環境設定 ●網頁實測 ●網頁模擬器設定 ●手機語法調校 ●Viewport設定 ●Webkit設定 單元六:自適應網頁設定 ●單位:px/em/rem/百分比 ●媒體詢問(Media Queries) ●圖片自適應(Fluid Image) 單元七:手機選單製作 ●手機超連結種類 ●手機隱藏式選單 ●手機側欄選單 ●手機下拉式選單 ※為維護講師授課的智慧財產權,本課程全期禁止錄音錄影,敬請配合,謝謝。
報名方式
如對本課程有興趣,或是有其他相關問題想詢問
請填寫下方的聯絡資料表,將有專人與您聯繫
為您安排上課時間及地點,或是回覆您相關疑問
code
換一個

若您有進修網會員帳號,建議您登入進修網,省去填表部份欄位的填寫!
JAVA / UI 課程夯課程
讀者留言
相關進修課程推薦
  課程名稱 認證機構(分校) 上課地點 費用 開課日期
索取課程資料
收藏課程資料
快樂學Dreamweaver CC 網頁規劃... 巨匠電腦 新北市淡水區 線上洽詢 2017-12-31
索取課程資料
收藏課程資料
Fireworks CC 網頁版型設計 巨匠電腦 新北市淡水區 線上洽詢 2017-12-31
索取課程資料
收藏課程資料
JavaScript與jQuery網頁互動特... 赫綵設計學院... 台北市大安區 免費課程 隨時開課
索取課程資料
收藏課程資料
Dreamweaver 進階動態網頁設計 聯成電腦豐原分校 台中市豐原區 線上洽詢 2017-12-28
索取課程資料
收藏課程資料
多媒體網站設計實務基礎培訓班 聯成電腦東門分校 台南市東區 線上洽詢 2018-05-16
一對一菲律賓英語遊學
免經驗免基礎 滿18即可申請職訓補助

登入1111進修網

1
2
提示
3
從facrbook登入
我無法登入、忘記密碼?
註冊成為進修會員