張曼娜老師

Photoshop 12 hrs
HTML 5 + CSS3 + JQuery 36 hrs
全方位設計 一學就會 (初階中階)


視覺企劃部分 概論 + Photoshop 12hrs
Lesson01 : 企劃要點 (電腦版網站與響應式網站的差別)、接案流程與實例經驗分享、如何利用圖檔檔案格式加速網頁下載速度
Lesson02 : 電腦版版型網站版型實作1—西點烘焙網站
Lesson03 : 手機板網站實作2_西點烘焙網站
Lesson04 : 行銷網頁 EDM 製作 廣告看板及動圖製作


HTML 5 + CSS3 + JQuery 36hrs
搭配軟體 : Dreamweaver
Lesson 01 :
HTML 5：網站建置的概念、HTML5語法初介紹、如何定義網站、頁面設定、文字與圖片設定、相對路徑與絕對路徑的介紹、各類超連結綜合應用(超連結對象與分類、文字與圖片的超連結設定、檔案下載連結)

Lesson 02 :
HTML 5：各類超連結綜合應用(錨點連結、電子郵件連結、滑鼠變換影像按鈕、導覽列按鈕、影像地圖超連結)

Lesson 03 :
HTML 5：表格應用、表格的使用時機、表格各項屬性設定(列、欄、寬、高、………) 、表格應用技巧：巢串表格、Excel 資料如何快速變成Dreamweaver 中的文件、表狀資料排序

Lesson 04 :
HTML 5 + CSS3應用：何謂CSS及其重要性與優點、CSS 樣式的種類(內部樣式表、外部樣式表、行內樣式表)、CSS 樣式浮動面板與語法的搭配、樣式的匯出與匯入、各類樣式的編輯(文字、背景、區塊、方框、邊框、清單、定位、擴充)

Lesson 05 :
HTML 5 + CSS3應用：設定網頁第二組超連結配色、設定不隨捲軸移動的背景底圖、設定水平線樣式、設計網頁捲軸顏色、iframe應用、頁框網頁實作、利用頁框製作不間斷的背景音樂、指定超連結的網頁在iframe中顯示

Lesson 06 :
HTML 5 + CSS3應用：版型綜合練習一～Div + CSS 網頁版型規劃(如何製定網頁尺寸、認識DIV、實作 DIV + CSS 完成版型規劃：巢串 DIV 的概念)、AP 元素與 AP DIV(何謂 AP 元素與 AP DIV、AP DIV 的使用時機、AP DIV 各項屬性設定(尺寸、背景色、顯示與隱藏、堆疊順序…)、AP DIV 與 DIV 綜合應用(版型部分)

Lesson 07 :
HTML 5 + CSS3應用：Dreamweaver：版型綜合練習二～快速製作下拉選單(與Fireworks的小整合) 、AP DIV 各項屬性設定(尺寸、背景色、顯示與隱藏、堆疊順序…)、AP DIV 與 DIV 綜合應用(版型部分)

Lesson 08 :
HTML 5 + CSS3應用 + JQuery 套用：Dreamweaver：網頁相簿與範本功能、內建功能快速製作網頁相簿、利用範本統一管理網站、範本的製作、範本的套用、範本的管理、整合影音多媒體元件(插入視訊檔、插入音訊檔)

Lesson 09 :
HTML 5 + CSS3應用 + JQuery 套用：Dreamweaver：行為語法、片段、擴充元件(Extension)、JavaScript 與行為語法之間、好用的Extension、Spry 特效應用(Spry 介面工具集 widget、使用Spry 選單列

Lesson 10 :
HTML 5 + CSS3應用 + JQuery 套用：Dreamweaver：使用Spry 標籤面板、使用Spry 折疊式、使用Spry 可收合面板、使用 Spry 效果)、網站上傳與維護管理、如何申請網域名稱與虛擬主機、伺服器型態、網站上傳與搜尋引擎登錄

Lesson 11 :
HTML 5 + CSS3應用 + JavaScript：響應式網頁語法撰寫 (一)
新式的手機網頁的設計概念、設計時該遵守那些原則、流動的版面、靜態的版面、流動版面加上靜態版面

Lesson 12 :
HTML 5 + CSS3應用 + JavaScript：響應式網頁語法撰寫 (二)
CSS3的媒體詢問、Viewport 的設定、依照畫面寬度決定段落編排、精緻化內容區塊、響應式網頁的行動版與電腦版的切換


※為維護課程品質及尊重智慧財產權，上課中請勿錄音錄影，亦不提供錄音或錄影補課。