進階搜尋
0IETB1031 靈活變化的新時代響應式網頁設計 Nana老師的網站設計  整合大躍進
0IETB1031

靈活變化的新時代響應式網頁設計

Nana老師的網站設計 整合大躍進
地點
建國
日期
2022/03/16

2022/05/06
總時數
48hr
時間
19:00~22:00
原價 14,500 元
目前最惠價
NT$ 12,325
師資說明

張曼娜老師

張曼娜老師

曾任:
漢騰科技/視覺設計師
傳宇互動媒體/網路事業專案經理
GoodIdeas/設計總監

現職:
‧易禧AIC及ACC多媒體科技/多媒體講師(民國86年10月迄今 )
‧文化大學教育推廣部 第二專長多媒體電腦教育講師(民國87年迄今 )
‧實踐大學教育推廣部 多媒體設計類課程專業講師 (民國 100 年8月迄今

著作 :
‧Photoshop 5 與網頁設計 博碩文化出版社 1999
‧網頁三劍客( Flash、Dreamweaver、Fireworks )整合 亞邁多媒體出版 2000
‧Photoshop 6 縱橫新視界 亞邁多媒體出版 2001
‧Dreamweaver 4 網頁奇兵 亞邁多媒體出版 2001
‧Fireworks 4 魔幻網頁 亞邁多媒體出版 2001
‧文化大學 Go2School 虛擬大學 ( 遠距教學網站 ) Dreamweaver 及 Photoshop 教案設計 2000
‧Photoshop 絕對出色影像處理與視覺設計表現 ( 與碁峰出版社合作,範例書 ) 2011 8/8初版 三刷
‧Photoshop 絕對出色影像處理與視覺設計表現 ( 與碁峰出版社合作,範例書 ) 2012 10/5再版

網站及影音動畫相關作品:
中華電信Higo商品街、淡水地政官網、新第來亨建築官網、東光船務官網、卡農文化事業官網、雀巢Babyfamily官網、荃發留學移民網、白蘭氏健康贏家俱樂部行銷網、愛樂芬幼兒美語學校官網、漢網科技官網、愛群科技官網、MOXA官網、中衛發展局官網、經濟部標準檢驗局官網、兒童福利聯盟"十在關心"系列、怡富證券摩根富林明行銷網頁、小哈波電腦美語永福分校網站、艾兒法室內設計網站、艾兒法網站形象廣告影片後製作、瑪雅空間設計公司網站規劃設計、台灣綠色裝修聯盟網站設計、文化大學教育推廣部內網Banner製作、法鼓山梁皇寶燦網頁動畫元件設計製作、Compass ( 德國五金展 ) 展場Demo光碟製作設計(含錄影剪接)、梅莉朵健康屋展場視覺動畫設計指導、夢朵身心靈發展協會展場視覺規劃與動畫設計、禮讚國際有限公司網頁影音剪輯動畫設計指導、柏松企業網站企劃與影音動畫視覺指導………
課程介紹
響應式網頁就是同一份網頁可以因應不同裝置(手機、平板、電腦),秀出它最適合的面,本課程中將學會網頁製作的流程,包含初始的Photoshop版型設計到後來的html語法、CSS語法及 JQuery和JavaScript的套用,以商業用途常見範例及效果為導向,循序漸進地一步步完成以手機為優先的響應式網頁
教學內容

Lesson 1 Photoshop:前置作業 3hrs
enlightened三種版(手機、平板、電腦)的尺寸規格
enlightened如何切版
enlightened如何讓圖擋瘦身-常用的網頁設計的圖檔(JPG、PNG、GIF)細項設定


Lesson 2 Photoshop:前置作業 3hrs
enlightenedEDM 設計


Lesson 3 ~ Lesson 16:html +CSS + jQuery + 媒體查詢 42hrs
enlightenedDreamweaver 介面初介紹
enlightened 如何定義網站及管理網站
enlightenedhtml 語法初介紹
enlightened先用 html 的概念,完成簡易六個頁面及各式超連結(內部連結、外部連結Email 連結、錨點、連結、檔案下載連結、圖片放置&嵌入背景&文字相關設定 )
enlightened 表格應用
enlightened 項目符號(清單)應用
enlightened IFrame 的用法
enlightened 在網頁中嵌入音樂或影片
enlightened 表單設定 ( 製定會員專區欄位 )
enlightened CSS 階層樣式表初介紹(CSS 選擇器種類與使用時機)
enlightened行間樣式、內嵌樣式、外部連結樣式練習
enlightened 用 CSS 美化文字
enlightened 用 CSS 美化圖片
enlightened 用 CSS 設定網頁背景樣式
enlightened 用 CSS 美化項目符號(清單)
enlightened 用 CSS 規劃版型(絕對定位與相對定位的差別、長度單位該如何設定)
       至少 6 種與圖文編排有關的綜合應用
enlightened 用 CSS 設計按鈕
enlightened 用 CSS 設計下拉選單
enlightened 用 CSS 3 + html5 完成 5 款簡易動畫
enlightened 設定網頁中浮動的固定廣告區
enlightened 如何套用現成的 JavaScript 及 jQuery 效果來為網頁增色
enlightened響應式網頁最重要的核心 : 媒體查詢-如何依據裝置的不同寬度,在同一個網頁套用 3 個版
enlightened 響應式網頁綜合練習之商業應用 : 手機優先模式
enlightened 如何修改現成的商用版型
enlightened 網域名稱的申請與虛擬主機的購買
enlightened 如何將網站搬家到虛擬主機
enlightened如何在各大搜尋引擎登錄

優惠辦法
※檢附相關證件;臨櫃報名享特定優惠(請參考以下資格)
1.網路報名:享95折優惠($13,775)
2.推廣舊生、開課2週前報名:享9折優惠($13,050)
3.超早鳥優惠:12/31前完成報名繳費可享85折優惠($12,325)
註:以上優惠擇一使用
適合對象
1.上班族欲培養第二專者
2.美術科系欲進修職場技術者
3.有心成為SOHO族,自行接案者
4.對動態色彩與畫面有著無限想像空間者
5.美感欠缺,欲了解如何配色及版面編排者
6.對數位內容設計整合有興趣者
其他備註
※為維護課程品質及尊重智慧財產權,上課中請勿錄音錄影,亦不提供錄音或錄影補課。
※課程進行中,為一人一台電腦,教室電腦中也有課程相關軟體,以利上課使用。
※請攜帶行動硬碟或隨身碟(16G以上),以利課程進行中的資料存取。
※學員若有需要相關軟體請自行購買或尋找,本單位與教師皆不提供任何軟體給予學員。
※關於本課程的內容諮詢、品質回饋可連絡ITCTC資訊科技認證訓練中心,LINE ID:@oju3641x(服務時間:週一~週五10:30-12:00、13:30~19:00)。
【以上師資、課程內容、時間及場地等,本單位保留變更之權利。】
你可能會喜歡...
*優惠方式僅能擇一享有
優惠資訊
優惠方案 價格 說明
線上優惠價 NT$13,775 即日起,只要您在線上購買此課程,即可享受此優惠價格。
超早鳥優惠 NT$12,325 12/31前完成報名繳費可享85折優惠
原價 NT$14,500 原價
其他備註
*合乎結業標準者(缺課未超過課程總時數1/5),本研習核發文大推廣部研習結業證書。部分課程不適用。(例如:6小時以下課程或講座)
*未領證書協助保管期限從結業日起算,最多保留兩年的時間,如期限過後想要補領取,請自行至建國本部一樓櫃台繳交100元補印證書。
*持身心障礙者手冊,憑手冊報名本部終身學習課程,享有該課程當期學費之最低價優惠
*報名方式:現場繳費、ATM轉帳、電話訂購