懷柔電腦培訓,懷柔學平面設計懷柔網站建設,懷柔做網站懷柔印刷懷柔效果圖設計懷柔電腦培訓學校QQ咨詢懷柔電腦培訓qq咨詢

咨詢電話:010-69632027/13241022177

教師的觀點:博興宏勝IT職業教育=先進的課程體系+遠程教育平臺+國家權威認證+分配廣告定單+試用期跟蹤輔導+實戰型教學
當前位置: 首頁 > 課程設置 >

WEB2.0布局就業班

XHTML+CSS課程學習目標: 

Ⅰ. 使用 XHTML+CSS 技術對網站進行布局

Ⅱ. 完美分離 XHTML結構層和 CSS表現層

Ⅲ. 精確還原網站設計效果圖

Ⅳ. 制作出來的頁面兼容 IE6、IE7、Firefox、Opera、谷歌等各種瀏覽器

Ⅴ. 可以熟練制作出 (門戶級) 、(游戲類) 等網站的頁面 

 

 

第一階段:DIV+CSS精講

• XHTML、CSS概述,結構與樣式的分離的優勢 

• 行間樣式、內部樣式、外鏈樣式的區別 

• div 盒模型詳解、標簽的并列與嵌套 

• 讓 div 居中: margin: 0 auto; 

• 選擇合適的標簽:ul、ol、li、dl、dt、dd、h1-h6、p、span… 

• 定義鏈接樣式:link、hover、visited、active 

• 定義選擇符:類型、群組、包含、id及class、通配選擇符 

• XHTML 內聯對象與塊對象 inline、block 

• 樣式優先權的問題 

• XHTML 及 CSS 的注釋方式 

• 相對定位、絕對定位詳解及實際應用 

• 布局分析:各類網站(門戶網站、設計網站)的布局方式 

• 運用PhotoShop軟件進行精確切圖 

• 表格詳解:colgroup、thead、tbody、tfoot、scope、col、row 

• 表單元素、改變表單元素的樣式 

 

 

第二階段:實戰訓練

• 瀏覽器的兼容性問題解析 

• 常見的瀏覽器 BUG 

• 調試頁面錯位的方法 

• CSS命名規范、CSS樣式簡寫、特殊字符 

• 讓 div 居中的另一種方式:使用 margin 負值方式居中 

• 不設寬度的水平居中 

• 垂直水平居中的 div 

• 網頁陰影的制作 

• 實現圓角的多種方法 

• 網站導航的制作、滑動門效果詳解 

• 半透明 div 圖層 

• 隱藏、顯示 div 

• 制作 div 內的下拉條 

• 隱藏多行文本框的下拉條 

• 用戶體驗更好的選框方式 

• 錨點及其實際應用 

• 將網頁中FLASH的背景設置為透明 

• 去掉鏈接時的虛線 

• 讓IE6支持PNG圖片 

• 運用bodyID不同制作的導航效果 

 

 

第三階段:網站案例分析

網站案例分析

 

 

課時:26

     久久动漫综合网