Image default
其他公告

網頁前端設計入門

【課程名稱】

前端網頁應用 HTML5+CSS

【指導老師】

專業網頁設計講師

【上課時間】

請參考課程時間表

【上課時數】

24小時

【課程主旨】

端工程師是目前網站開發的重要需求.要培養的技能將涵蓋許多標籤語言.本課程將從頁面的基本元素開始。
HTML是網頁開發的骨幹,網頁設計師必須認識何謂段落?何謂標題?甚至DTD..才能掌握整體的頁面的最佳操作.雖然視覺化編輯工具很便利,但是對於一個網頁在瀏覽器上的呈現來說,越多沒必要的標籤結構越是讓瀏覽器效能不佳,因此學習有效使用標籤語言會是網頁設計的重要第一步!
現階段的HTML5有需多讓瀏覽器效能優化的標籤,我們將學習到如何快速加入圖片標題?如何讓頁面內容呈現螢光筆效果?如何讓頁面輕易加入多媒體影音內容?甚至我們也可以利用HTML5標籤進行頁面互動開發!
CSS對於許多人來說,並不陌生!如果有學過MicroSoft Word這套文書軟體,相信一定知道輸入文字之後可以透過樣式設定來讓文字呈現標題1到標題9等等的預設變化!其實這些預設變化在網頁來說,就是CSS了!
這個階段課程,將帶領大家學習如何美化文字?如何創作影像特效?如何完成互動變化?甚至如何在不同裝置上呈現不同的內容?
HTML是網頁的骨幹而CSS就是網頁的美容師!
網頁前端的學習就從這裡開始!

【課程特色】

本課程在每個階段主題都安排實例讓學員能夠理解並活用
在第一階段的網頁結構語言HTML的學習中,將體會到網頁的結構語言的重要性與內容的安排除了透過線上編輯工具熟習之外,也將透過SubLimeTxt編輯器實作,更重要的是可以認識HTML5新標籤帶來的便利性.第二階段的CSS課程,將讓我們熟悉這個網頁的化妝大師,可以輕易的美化頁面.並透過實例了解何謂行內樣式?何謂頁面樣式?何謂外部樣式連結與匯入?
CSS除了美化結構之外,也可以將頁面上的影像進行影像處理與濾鏡特效喔!可以不需搭配PhotoShop影像編輯軟體就可以輕鬆完成圓角設計,或是改變色相的變化.第三階段的排版將會是日後開發網頁的重要階段.熟悉HTML+CSS排版的技巧,我們可以完成單欄式版型、雙欄式版型、多欄式版型、多層多欄式版型.

第四階段將會介紹大家認識知名的架站框架-BootStrap.要使用BootStrap完成專業網站架設,前面階段的學習將會是非常重要的!雖說套版架設方便快速,但我們需要更清楚架構的由來,日後才能更清楚的為客戶處理需求.這個階段的學習將會讓學員充分掌握各類別的應用並利用UI組件建構出互動效果.
第五階段,我們安排學員透過建立個人作品集網站來驗收綜合各階段的學習成效,使用BootStrap基本類別開發出響應式頁面,搭配免費網站空間的申請與上傳,實際演練讓學員有完整的體驗.

【課程大綱】

1、HTML 基本認識:
網頁基本架構認識
網頁開發工具(SubLimeTxt)
認識 HTML5 新標籤屬性
2、CSS 基本認識:
CSS 語法與搭配方式內容相關的 CSS 屬性
3、CSS 新標籤屬性:
取代影像編輯的屬性
濾鏡特效屬性
媒體查詢
4、HTML+CSS 排版:
認識常用版型
5、Bootstrap 基本認識:
基本語法與架構的認識認識相關元件
6、Bootstrap 基本認識:
認識相關元件
7、主題網站一:
使用 Bootstrap 開發響應式個人作品集網站
8、主題網站二:
使用 Bootstrap 開發響應式商業網站

【上課地點】

新竹市民族路31號11樓

【主辦單位】

新竹市職訓教育協會

【協辦單位】

北太國際資訊

【課程費用】

總價$12,000

會員價$6,600

【超值優惠】

開課一個月前完成報名繳費可享優惠價6,000元

【諮詢專線】

03-5260089

【學員須知】

有或無學過任何程式語言皆可,對程式設計有興趣者,有基本電腦操作能力。需具打字和國中英數基礎。

【注意事項】

1.  若遇不可預測之突發因素,協會有課程異動、取消及講師變動之權力。
2.  即日起至開課截止日前完成報名,額滿為止。
3.  本課程嚴禁旁聽,亦不可攜眷參加。
4.  本班採無紙化方式上課,不會另外印製講義;講師會在課堂提供給同學,在家也可自己練習。

 

報名諮詢表單:

您的姓名 (必填)

您的電話號碼 (必填)

您的電子郵件 (必填)

預約日期(必填)

請選擇課程類別 (必填)

課程名稱 (必填)

上課月份(必填)

上課時段(可複選)(必填)

課程相關內容諮詢

Related posts

「AI智慧校園職涯扎根活動-中華大學場」圓滿成功

demo

影像剪輯行銷(影音行銷創作)

demo

106-108智慧機械產業專業人才發展基地【智慧機械自動化人才培訓班】錄取公告

demo

Leave a Comment