HTML5/CSS3:進階網頁文件與影音建立課程

難易度: 初階
新課報到
數位行銷人必備技能之一,網頁的“根本”,若要掌握數位行銷的工具,就必須確實掌握HTML語法。 本課程是專門為有過建立HTML和CSS網頁內容的經驗的人,且希望了解如何使用新的HTML5和CSS3功能。 雖然 JavaScript的知識是有幫助的,但HTML和CSS是重點,所以並不要求學生要有廣泛的JavaScript技能。
開課日期: 2018-12-11
很抱歉!目前沒有開班梯次唷!

授課對象

本課程是專門為有過建立HTML和CSS網頁內容的經驗的人,且希望了解如何使用新的HTML5和CSS3功能。

  • 這門課程可以教授於Windows®、MacOS®X或Linux®,其中任何一個環境中工作的開發人員。
  • 雖然 JavaScript®的知識是有幫助的,但HTML和CSS是重點,所以並不要求學生要有廣泛的JavaScript技能。

您將會學到什麼

  1. 建立 HTML5 內文
  2. 使用進階的技術來選擇並套用樣式
  3. 使用進階的背景及邊框技巧
  4. 整合進階的文件格式
  5. 加入動畫和多媒體
  6. 增加HTML的可讀性及親和力

課程說明

課程目標

課程中,您將遵循響應式網頁設計原則於HTML5和CSS3開發 Web內容。

  • HTML5和CSS3功能中採取優點優化HTML的內容。
  • 編寫進階CSS3選擇器和媒體查詢。
  • 使用CSS3中進階的背景和邊框選項。
  • 使用CSS3中進階的文本格式選項。
  • 使用 HTML5 的圖形和多媒體元素,包括變換,動畫,音頻,和視頻。
  • 按照最佳做法,使HTML內容能夠成功地由許多不同的Web瀏覽器和機讀設備處理。

世界趨勢

HTML5是新一代用於建立Web內容標記語言。它也可以作為一種程式設計語言於行動應用程式智能手機和平板開發。當人們說“HTML5”,他們通常指的不僅是最新版本的HTML,也可能是CSS,JavaScript®,各種標記語言,並用來代表其他類型的Web內容,如SVG(圖形)和MathML(數學公式)。此語言會在Web瀏覽器中顯示編碼的內容,而在最近幾年已經迅速發展。

本課程著重於HTML5最新和進階的功能,涵蓋如何建立HTML5和CSS3的標記,盡可能在廣泛的各種Web瀏覽器,行動設備和機讀設備,如搜索引擎網路爬蟲上很好地運作。

本課程還演示了如何使用進階的HTML5多媒體功能,如視頻,音頻和動畫。

目標學生

本課程是專門為有過建立HTML和CSS內容的經驗的人,並希望了解如何使用新的HTML5和CSS3功能。

這門課程可以教授於Windows®、MacOS®X或Linux®,並支持在其中任何一個環境中工作的開發人員。 雖然 JavaScript®的知識是有幫助的,但HTML和CSS是重點,所以這當然並不要求學習者要有廣泛的JavaScript技能。

解決問題

  1. 更深奧的HTML用法
  2. 解決在撰寫HTML時的撞牆問題
  3. 加強HTML撰寫技術

參考文件

課程內容

  • 第一章 建立HTML5文件

    • 主題A:開發網頁內容遵循標準規則
    • 主題B:更新舊的網頁文件以滿足HTML5需求
  • 第二章 使用進階的技術去選擇和應用樣式

    • 主題A:使用進階的CSS選擇器
    • 主題B:根據設備特性提供備用佈局
  • 第三章 使用進階背景和邊框技術

    • 主題A:使用進階技術建立背景
    • 主題B:使用進階技術建立邊框
  • 第四章 結合進階的文本格式

    • 主題A:使用網路字形
    • 主題B:使用進階的文本樣式
  • 第五章 添加動畫和多媒體

    • 主題A:使用2D變換
    • 主題B:使用動畫樣式
    • 主題C:在網頁嵌入音頻和視頻
  • 第六章 製作HTML易於閱讀和理解

    • 主題A:支持各種瀏覽器
    • 主題B:提高標記造福人類與機器的讀者

先修知識

需具備能力

  • 本課程設定學生可以輕鬆的建立HTML和CSS的網頁內容,並熟悉基本的Web伺服器和內容傳輸概念,比如如何將內容公佈在Web伺服器上,並通過瀏覽器提供給使用者。

  • 這當然可以作為有豐富經驗於舊版HTML和CSS的開發者提升技能的路徑

  • 已經通過“HTML5:內容創作基礎課程”並學會HTML內容創作基本原理。

  • 本課程是使用Windows 8.1作業系統開發,學生也可以使用其他作業系統學習(deliver),如果有使用過其他作業系統的經驗也可以,例如Mac OS X或Linux。

  • 如果你還是打算使用不同的作業系統來學習正在開發的這個課程,我們強烈建議您於課程前進行測試,我們會提供給學生之前課程上的配置給您參考。

建議的配備:

  • Microsoft®Windows®7&8或Windows的更新版本。
  • Google瀏覽器™(最新版本)或其他網頁瀏覽器有廣泛的支援HTML5,並作為主要瀏覽器進行測試和開發使用。
  • 這門課程是使用Chrome瀏覽器35的版本撰寫。
  • NotePad+ +,或類似的程式設計者的文件編輯器,行號和語法的HTML5和CSS3著色。
  • 次要網絡瀏覽器,它可用於測試橫跨不同瀏覽器的相容性。對於這課程,我們建議您使用: Mozilla Firefox®29版本或更高版本。 微軟InternetExplorer®11版本或更高版本。 Opera™網路瀏覽器21版本或更高版本。
課後回饋

培訓中心

台灣 富捷IT培訓

富捷 IT 培訓 成立至今15年

由幾位美國矽谷回國的工程師團隊創辦,專注IT領域人才培育 一流的導師才能教出一流的人才。

『富捷IT培訓』的老師都是矽谷或台灣數一數二的的業界佼佼者。從他們身上不但可以學到最正確的程式概念,更可以學習他們成功的秘訣!

聽富捷老師分享他們的經驗,節省你犯錯的次數,加速學習電腦程式的時間!重視實務教學,讓學生不只是擁有理論,而是實際帶領邊學邊做 美式風格,精品式教學方式,讓學生擁有高品質教育,而不是用量充數。