Home / 其他公告 / 網頁前端設計入門

網頁前端設計入門

【課程名稱】

網頁前端設計入門

【指導老師】

專業網頁設計講師

【上課時間】

請參考下列課程時間表

【上課時數】

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 開發響應式商業網站
 

 

【上課地點】

新竹市中正路49號2樓

【主辦單位】

新竹市職訓教育協會

【協辦單位】

北太國際資訊

【課程費用】

 新台幣 $ 6600元

【超值優惠】

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

【諮詢專線】

專線一:03-5260089
專線二:03-5260089

【學員須知】

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

【注意事項】

1.  若遇不可預測之突發因素,協會有課程異動、取消及講師變動之權力。

2.  即日起至開課截止日前完成報名,額滿為止。

3.  本課程嚴禁旁聽,亦不可攜眷參加。

4.  本班採無紙化方式上課,不會另外印製講義;講師會在課堂提供給同學,在家也可自己練習。

【相關課程】

Python程式設計

程式資料庫相關課程表

核準課程 課程起訖日期 上課時間 時數
暑期專班-Python程式設計 108/07/27~08/17 每週六 9:00~12:00&13:00~16:00 24小時
暑期專班-Python程式設計 108/07/29~08/01 每週一~五 9:00~12:00&13:00~16:00 24小時
暑期專班-C++程式設計實務進階班 108/08/05~08/21 每週 一、三、五 18:45~21:45 24小時
暑期專班-C/C++入門程式設計 108/08/05~08/08 每週一~五 9:00~12:00&13:00~16:00 24小時
暑期專班-JAVA程式設計入門班 108/08/05~08/23 每週 一、三、五 18:45~21:45 24小時
暑期專班-Python程式設計進階班 108/08/06~08/29 每週 二、四 18:45~21:45 24小時
暑期專班-Python程式設計 108/08/07~08/12 每週一~五 9:00~12:00&13:00~16:00 24小時
暑期專班-Python程式設計 108/08/12~09/02 每週 一、三、五 18:45~21:45 24小時
暑期專班-Python程式設計 108/08/13~08/19 每週一~五 9:00~12:00&13:00~16:00 24小時
暑期專班-C#程式設計之基礎應用 108/08/13~09/05 每週 二、四 18:45~21:45 24小時
暑期專班-Linux LPI1網管工程班 108/08/18~11/17 每週日 9:00~12:00&13:00~16:00 72小時
暑期專班-Scratch兒童遊戲程式設計營 108/08/19~08/21 每週一~三 9:00~12:00&13:00~16:00 18小時
暑期專班-C++程式設計實務進階班 108/08/19~08/22 每週一~五 9:00~12:00&13:00~16:00 24小時
暑期專班-Python程式設計 108/08/20~08/23 每週一~五 9:00~12:00&13:00~16:00 24小時
C/C++入門程式設計 108/09/09~09/27 每週 一、三、五 18:45~21:45 24小時
CCNA網路設備工程班 108/09/22~11/24 每週日 9:00~12:00&13:00~16:00 54小時
Python程式數據資料分析學習 課程規劃中
Python程式網頁爬蟲實戰 課程規劃中
網頁前端設計入門 課程規劃中
C#程式設計進階班 課程規劃中
Android 高階應用程式設計入門班 課程規劃中
Android 高階應用程式設計進階班 課程規劃中
APP Inventor應用程式開發 課程規劃中
JavaScript程式設計基礎班 課程規劃中
SQL 結構化查詢語言快速入門 課程規劃中
響應式網頁應用程式設計 課程規劃中

暑期智慧機械營相關課程表

課程名稱 課程起訖日期 上課時間 時數
暑期兒童拍攝技巧-手機格拍動畫
2019/08/12-2019/08/16 上午9:00-12:00 – 下午13:00-16:00(每週一 ~ 週五全日制) 30 小時
暑期Scratch兒童遊戲程式設計營 2019/07/22-2019/07/24 上午9:00-12:00 – 下午13:00-16:00(每週一 ~ 週三全日制) 18 小時
暑期兒童拍攝技巧與影片編輯營
2019/08/05-2019/08/07 上午9:00-12:00 – 下午13:00-16:00(每週一 ~ 週三全日制) 18 小時

報名諮詢表單:

您的姓名 (必填)

您的電話號碼 (必填)

您的電子郵件 (必填)

預約日期(必填)

請選擇課程類別 (必填)

課程名稱 (必填)

上課月份(必填)

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

課程相關內容諮詢

同時檢查

斜槓打工計畫招募中(展現自己的專長)

Best free WordP …