精修DIV+CSS網頁排版設計輕鬆做 - 恆逸教育訓練中心

優勢多媒體前端互動設計 - DCSS. 精修DIV+CSS網頁排版設計輕鬆做. Web Design with DIV and CSS. 時數：24小時; 費用：NT$ 8,400; 點數：2.5 ... 課程分類 原廠介紹 轉職培訓 恆逸轉職培訓網站 全方位網路系統工程師就業認證養成班 微軟全方位網站程式設計師養成班 Java全方位Web程式設計師養成班 多媒體網頁與UI設計師就業養成班 全省職訓補助專案課程 考試中心 考試中心最新訊息 各區考試中心介紹 考試費用一覽表 國際認證考試報名流程 VUE考試中心 Kryterion考試中心 PSI考試中心 認證考試問與答Q&A 報名Redhat/EC-Council認證考試 報名RedHatkoala考試 企業服務 企業服務介紹 企業教育訓練點數 企業包班 場地租借 企業徵才 顧客服務 申請課程重聽 RedHatInternetRemoteLAB線上申請 恆逸會員介紹 顧客服務Q&A 顧客服務信箱 關於恆逸 師資介紹 恆逸介紹 台北恆逸 新竹恆逸 台中恆逸 高雄恆逸 精誠資訊附設職訓中心介紹 精誠資訊附設職訓中心新竹分部介紹 精誠資訊附設職訓中心台中分部介紹 主題專區 恆逸轉職培訓網站 恆逸最新課程簡介 恆逸校園網站 恆逸學生網站 UCOM職能補給站 恆逸顧客證言網站 恆逸資訊安全網站 .NET程式開發X資料庫 廠商最新職缺 網站導覽 相關連結 網站地圖  尋找課程 恆逸課程查詢 關閉視窗 首頁>課程查詢>DCSS 優勢多媒體前端互動設計-DCSS 精修DIV+CSS網頁排版設計輕鬆做 WebDesignwithDIVandCSS 時數：24小時 費用：NT$8,400 點數：2.5 選擇查詢分區開課時間 台北 新竹 台中 高雄 台北 22646班 2022/07/12~2022/08/04每週二四 18:30~21:30 報名 台北 522班 2022/10/06~2022/10/12每週一二三四五 09:00~16:00 報名 台北 22645班 2022/10/16~2022/10/29每週六日 09:00~16:00 報名 台北 523班 2022/12/22~2022/12/27每週一二三四五 09:00~16:00 報名 目前查無開課時段 詳細開課時間請洽詢業務 聯絡恆逸 點此展開更多課程時段 點此收合列表 教材 優勢精選教材 課程目標 HTML與CSS可說是摒除表格式排版最需要精通的網頁基本語法，HTML決定網頁的架構而CSS決定網頁的視覺設計，可以簡單說CSS就是網頁的化妝師，它能讓網頁徹底使用您所希望的方式來呈現，這是單靠傳統HTML所無法完成的事情。

恆逸講師將以網頁設計師所熟悉的Dreamweaver軟體來教大家如何活用CSS的語法設計，Dreamweaver發展到CC最新版，加入HTML5與CSS3的相關功能設定，從設定畫面到程式碼編輯介面，都有完善的安排，讓不熟程式撰寫的使用者，自然輕鬆跨入程式碼領域。

資深講師將以最簡單易懂的學習方式，引導不黯程式撰寫的您精耕HTML與CSS相關語法，加強專業的網頁設計實力，也方便後續與JavaScript/jQuery之間的設計應用。

想要學會正確的DIV/CSS排版是可以有方法的，本課程不但要教您學會如何從PSD檔靜態頁面設計從容轉化DIV/CSS排版，課程內容包括DIV排版應用、單欄、兩欄與三欄的固定式版面編排、HTML5+CSS3新屬性與標籤應用…等，讓您從CSS2.0一路銜接至HTML5+CSS3.0，並準備好學習響應式網頁所需CSS基礎。

適合對象 網頁設計師，有Dreamweaver基礎，只會用Table排版而希望學習正確DIV/CSS排版設計者 課程內容 1.HTML簡介 1-1HTML簡介與常用的HTML標籤 1-2CSS使用規則與CSS選取器 1-2-1行內樣式 1-2-2嵌入樣式 1-2-3新增嵌入CSS規則與CSS套用方式 1-2-4連接外部樣式(LinkingStyleSheet) 2.CSS樣式初步應用 2-1CSS文字屬性應用 2-2CSS按鈕 2-2-1清單與CSS按鈕 2-2-2CSS直向色塊按鈕 2-2-3CSS直向圖片按鈕 2-2-4CSS清單橫向按鈕 2-2-5CSS橫向圖片按鈕 3.CSS與版面編排應用 3-1插入DIV標籤利用CSS美化DIV標籤 3-1-1美化DIV標籤 3-1-2固定寬度圓角邊框 3-2DIV區塊定位 3-2-1Position(定位)設定 3-2-2div區塊置中於頁面垂直中央 3-2-3版面內容含有內部div的垂直置中 4.內頁版面編排 4-1CSS一欄版面配置 4-1-1CSS固定寬度影像邊框 4-1-2單欄式內頁 4-1-3CSS變動寬度與高度影像邊框 4-2DIV二區塊定位編排 4-2-1使用Position(定位)區塊設計版面 4-2-2使用Float(浮動)製作區塊 4-3CSS二欄版面配置應用 4-3-1CSS固定寬度二欄版面 4-3-2CSS固定寬度二欄版面與按鈕應用 4-4CSS三欄的版面配置 4-4-1CSS固定寬度三欄版面 4-4-2CSS固定寬度三欄版面與按鈕應用 5.CSS3設計新屬性 5-1text-shadow文字陰影 5-2BoxShadow區塊陰影 5-3BorderRadius圓角 5-4半透明顏色與漸層 5-5Transform變形 5-6Transition轉變效果 6.HTML5與CSS3新增屬性應用 6-1HTML5的語意標記 6-1-1新增的語意標記 6-1-2檔頭標記 6-1-3導覽選單標記 6-1-4文章的標記 6-1-5區段的標記 6-1-6頁尾的標記 6-2文字與圖像的標記 6-2-1文字的設計 6-2-2圖標的標記 6-2-3圖標的圖說 6-3HTML5版面內容與元素設計應用 6-3-1HTML5視訊播放 6-3-2以圓角框包圍 6-3-3將導覽列設為圓角 6-3-4使用漸層的背景設計 6-3-5為外框加上陰影 6-3-6背景圖像調整與控制 6-3-7將顏色設成半透明 6-3-8變形緞帶裝飾 學會技能 完整CSS文字與標準CSS網頁按鈕編排 CSS固定寬排版技巧 能獨立以CSS排版完成網站 具備響應式網頁所需HTML5與CSS3基礎 備註事項 學生優惠價：參加校園IT職涯學習護照方案，享有5折優惠價NT$4,200元 推薦課程 RWD:響應式網頁設計 USDWAPC:DreamweaverPHPApache商業網站實用範例實作 BWAPC:Bootstrap網頁實作PHPApache商業網站 jQuery:JavaScript與jQuery網頁互動實作 FEID:前端互動式網頁程式設計-UI與元件設計 FEDev:前端必學的網頁開發基礎技能 相關連結 Dreamweaver專業網頁編輯應用 使用者介面視覺構成解析與優化 DreamweaverPHPApache商業網站實用範例實作 Illustrator專業網頁與動畫素材設計 精修DIV+CSS網頁排版設計輕鬆做 Photoshop視覺影像與多媒體應用設計 說明會資訊 台北場次 日期：2022/06/29 (三) 14:00~16:00 JavaWeb程式設計師養成班講座(線上遠距講座) 免費參加 新竹場次 日期：2022/06/29 (三) 14:00~16:00 JavaWeb程式設計師養成班講座(線上遠距講座) 免費參加 台中場次 日期：2022/06/29 (三) 14:00~16:00 JavaWeb程式設計師養成班講座(線上遠距講座) 免費參加 高雄場次 日期：2022/06/29 (三) 14:00~16:00 JavaWeb程式設計師養成班講座(線上遠距講座) 免費參加 更多講座訊息 台北恆逸教育訓練中心 02-25149191 02-25149292 台北市松山區復興北路99號14樓 詳細資訊 新竹恆逸教育訓練中心 03-5723322 03-5745738 新竹市光復路二段295號3樓之2 詳細資訊 台中恆逸教育訓練中心 04-23297722 04-23102000 台中市西區臺灣大道二段309號2樓 詳細資訊 高雄恆逸教育訓練中心 07-5361199 07-5361698 高雄市前鎮區中山二路2號25樓 詳細資訊