<bdo id="gg8cz"><delect id="gg8cz"><rt id="gg8cz"></rt></delect></bdo><noframes id="gg8cz"><delect id="gg8cz"></delect><noframes id="gg8cz"><rt id="gg8cz"></rt><noframes id="gg8cz"><rt id="gg8cz"></rt><delect id="gg8cz"><delect id="gg8cz"></delect></delect><noframes id="gg8cz"><noframes id="gg8cz"><rt id="gg8cz"><rt id="gg8cz"></rt></rt><noframes id="gg8cz"><rt id="gg8cz"></rt><noframes id="gg8cz"><rt id="gg8cz"><delect id="gg8cz"></delect></rt><noframes id="gg8cz"><noframes id="gg8cz"><rt id="gg8cz"><delect id="gg8cz"></delect></rt><noframes id="gg8cz"><noframes id="gg8cz"><rt id="gg8cz"><bdo id="gg8cz"></bdo></rt><rt id="gg8cz"></rt><noframes id="gg8cz"><rt id="gg8cz"><delect id="gg8cz"></delect></rt> <delect id="gg8cz"></delect><noframes id="gg8cz"><noframes id="gg8cz"><noframes id="gg8cz"><rt id="gg8cz"></rt><noframes id="gg8cz"><noframes id="gg8cz"><noframes id="gg8cz"><rt id="gg8cz"><delect id="gg8cz"></delect></rt><noframes id="gg8cz"><noframes id="gg8cz"><rt id="gg8cz"></rt><noframes id="gg8cz"><rt id="gg8cz"><rt id="gg8cz"></rt></rt> <noframes id="gg8cz"><rt id="gg8cz"></rt><noframes id="gg8cz"><noframes id="gg8cz"><rt id="gg8cz"></rt><rt id="gg8cz"></rt><rt id="gg8cz"><delect id="gg8cz"></delect></rt><noframes id="gg8cz"><noframes id="gg8cz"><noframes id="gg8cz"><rt id="gg8cz"><delect id="gg8cz"></delect></rt><noframes id="gg8cz"><rt id="gg8cz"><delect id="gg8cz"></delect></rt>
 當前位置:平面設計學院 > html+css網頁前端課程
 

html+css網頁前端課程

121746次 75條 202次
講師:韓文強
課級:中級提高
時長:15.0小時
單價:¥850元 助學價:¥310元 我要單買
年會員:¥1800元/年 今日促銷:¥399元 平面設計學院所有教程免費學
分享到:

   《HTML+CSS網頁前端課程》通過手寫代碼詳細講解網頁前端開發必備的html和css代碼知識,知識點由淺入深,從基礎代碼到案例實戰演練,貫穿全流程,讓大家完整系統地學習和掌握html+css網頁前端代碼技能。

  通過本套課程的學習,能夠全面掌握HTML和CSS基本標簽類型、語法格式、網頁布局方式、及交互效果制作等網頁前端代碼知識。在老師帶領制作的實戰商業項目案例中,積累實操經驗,所學知識馬上就可以應用到工作中,實現菜鳥到web前端工程師的真正蛻變。如果您正在想學習和提升HTML+CSS網頁前端代碼技能,本課程是一套您不可錯過的好教程。

課程特色:老師授課風趣幽默,條理分明,邏輯性強,講課過程行云流水。一堂課下來非常輕松,卻也收獲頗豐。

學習環境:老師使用Dreamweaver cc 2015進行講解,建議使用同版本軟件學習,使用其他版本或者軟件也可。學習本課程需要大家具備基本的Photoshop和Dreamweaver操作基礎。

首頁圖片介紹_02.gif圖片介紹_03.gif圖片介紹_04.gif圖片介紹_05.gif圖片介紹_06.gif圖片介紹_07.gif圖片介紹_08.gif圖片介紹_09.gif圖片介紹_10.gif圖片介紹_11.gif圖片介紹_12.gif圖片介紹_13.gif圖片介紹_14.gif圖片介紹_15.gif圖片介紹_16.gif圖片介紹_17.gif圖片介紹_18.gif圖片介紹_19.gif圖片介紹_20.gif圖片介紹_21.gif圖片介紹_22.gif圖片介紹_23.gif圖片介紹_24.gif圖片介紹_25.gif圖片介紹_26.gif圖片介紹_27.gif圖片介紹_29.gif

小米手機頁面600px.gif

圖片介紹_31.gif圖片介紹_32.gif圖片介紹_33.gif圖片介紹_34.gif圖片介紹_35.gif圖片介紹_36.gif圖片介紹_37.gif圖片介紹_38.gif圖片介紹_39.gif圖片介紹_40.gif圖片介紹_41.gif圖片介紹_42.gif

下拉菜單制作

導航條下拉列表600.gif

鼠標經過時圖片切換效果

transform850.gif

鼠標經過時按鈕動效和旋轉特效

按鈕效果.gif旋轉特效.gif

鼠標經過時縮放效果

縮放效果修改.gif

 

圖片介紹_43.gif圖片介紹_44.gif圖片介紹_45.gif圖片介紹_46.gif圖片介紹_47.gif圖片介紹_48.gif圖片介紹_49.gif圖片介紹_50.gif圖片介紹_51.gif圖片介紹_52.gif圖片介紹_53.jpg

 
第一章 HTML代碼基礎回顧

主要講解常見的文本標簽和區塊標簽用途介紹,代碼的基本編寫規范總結

超級鏈接和錨記鏈接代碼編寫及實操演示

講解圖像標簽及相關屬性設置,圖像的相對路徑和絕對路徑。

使用Dreamweaver設計視圖及代碼編寫兩種制作表格的方式對比,以及細線表格的做法

表單標簽的編寫規范、嵌套規范以及相關屬性的用法講解

使用表格布局京東欄目模塊,實例演示細線表格的用法。

利用所學知識制作京東企業用戶注冊表,練習表格、嵌套表格、表單及圖片提交表單的制作.

第二章 CSS層疊樣式表概述

講解css樣式的編寫格式及標簽選擇器、類選擇器、id選擇器、編組選擇器、后代選擇器、通用選擇器、后代選擇器7種類型選擇器的特征對比和編寫格式

講解常用的文字屬性包括顏色、大小、字體、粗細、行高、下劃線、傾斜、對齊方式、首行縮進等

背景顏色,圖片,對齊方式,是否重復,固定背景等屬性設置及編寫規則

講解盒子模型概念,內邊距、外邊距的應用以及元素默認值的清除方式,使用外邊距定義元素居中的方法

講解盒子模型的邊框屬性,利用邊框制作“圣誕樹”案例

講解行元素、塊元素和行級塊元素的特性及相互轉換的方法,以及隱藏屬性的應用。

講解浮動屬性及清除浮動的應用,利用所學知識手動編寫代碼,制作導航條案例

各類型選擇器作用元素的優先級別比較

第三章 網頁布局小案例

綜合練習,利用所學html和css知識制作“百度百科w3c”頁面

講解小米5頁面課堂案例,包含固定背景和文字排版,上標下標的制作方法等知識點

講解如何利用float屬性布局網頁,設置網頁模塊間距的方式等

多個模塊布局時,實現同樣的布局方式的不同方法演示

利用所學知識,實操演練“Gulp中文網”頁面布局及樣式的定義

第四章 網站首頁制作實例

商業案例logo及導航條區域的制作,包括鼠標移入時導航條表框,文字顏色的變化以及項目分割線的制作。

圖像的保存方式,線條的制作,圖像表現的居中方式等

產品展示區域圖片的排列與分布,按鈕制作,鼠標指針的改變,以及去除元素間隙的方法等。

講解圖片和按鈕的布局,利用定義列表制作新聞內容,以及span標簽定義新聞時間等

底部區域公司名稱處理,鏈接文本處理,及電話號碼優化,代碼編組優化等

第五章 網站整站布局案例

固定定位,相對定位和絕對定位的對比及代碼編寫方式等。

利用定位布局制作帶有下拉框的導航條效果。

利用定位布局制作鼠標移入時的圖文交互效果,涉及小知識點背景顏色的不透明度以及過渡屬性設置。

講解transition屬性的用法,及制作簡單交互小動畫按鈕。

講解css3的圓角、陰影、旋轉、縮放、以及速率等屬性值

第六章 商業網站的綜合實例

吉利汽車網站首頁整體框架搭建,及頭部區域logo,導航條,搜索框的框架搭建和樣式設置

海報區域輪播圖的框架搭建,左右和下方切換按鈕制作,以及定位方式的優化等

導航菜單按鈕的創建,鼠標懸停時圖標顏色及背景的切換等

導航菜單下拉框的制作,鼠標懸停時顯示,離開時隱藏

產品展示列表制作,廣告圖制作以及新聞列表項制作

底部列表及備案信息,以及外部鏈接圖標的制作

網站內頁的CSS樣式引用以及頭部和底部區域的快捷制作方法

 
韓文強 主攻:網頁設計/電商/web前端 簡介:資深WEB前端工程師,站酷推薦設計師,是一名永不止步的學習者和分享者。擅長的行業包括WEB前端開發、電商設計及裝修、UI設計等,多年從業經驗和實戰項目經驗,共累計參與制作網站超過80個,原創設計文章超過二十幾篇,點擊量逾80萬,被許多平臺轉載。開發的web前端開發課程,以通俗易懂的特點,幫助了很多菜鳥轉變成了前端開發人才。
 
  • 1_1文本和區塊標簽的回顧-(時間-0_01_19;12)
  • 1_1文本和區塊標簽的回顧-(時間-0_12_56;28)
  • 1_2超級鏈接-(時間-0_00_14;20)
  • 1_2超級鏈接-(時間-0_04_04;20)
  • 1_3圖像標簽-(時間-0_04_59;10)
  • 1_3圖像標簽-(時間-0_10_56;20)
  • 1_4表格和細線表格的做法-(時間-0_00_50;01)
  • 1_4表格和細線表格的做法-(時間-0_20_01;25)
  • 1_5表單標簽-(時間-0_13_47;13)
  • 1_6小案例1-京東網布局-(時間-0_08_20;07)
  • 1_6小案例1-京東網布局-(時間-0_10_57;01)
  • 1_7小案例2-京東網注冊頁面-(時間-0_10_51;19)
  • 2_1CSS語法格式及7種選擇器-(時間-0_21_52;04)
  • 2_2常見的文本樣式-(時間-0_11_02;27)
  • 2_3背景樣式及簡寫規則-(時間-0_09_54;06)
  • 2_5盒子模型的邊框及應用-(時間-0_21_16;08)
  • 2_4盒子模型的概念以及內邊距和外邊距-(時間-0_16_09;17)
  • 2_5盒子模型的邊框及應用-(時間-0_10_50;07)
  • 2_6三種不同類型的區塊及轉換-(時間-0_10_33;02)
  • 2_7添加浮動和清除浮動及導航條案例-(時間-0_23_31;02)
  • 2_8選擇器優先級和其他屬性-(時間-0_19_31;25)
  • 3_2背景樣式的應用-模擬小米5頁面-(時間-0_10_54;01)
  • 3_2背景樣式的應用-模擬小米5頁面-(時間-0_22_29;19)
  • 3_2背景樣式的應用-模擬小米5頁面-(時間-0_32_00;13)
  • 3_3浮動布局案例練習-網頁基礎框架1-(時間-0_08_09;25)
  • 3_3浮動布局案例練習-網頁基礎框架1-(時間-0_17_52;23)
  • 3_4浮動布局案例練習-網頁基礎框架2-(時間-0_22_27;27)
  • 3_5網頁布局實戰-Gulp中文網-(時間-0_17_41;05)
  • 3_5網頁布局實戰-Gulp中文網-(時間-0_34_04;15)
  • 3_5網頁布局實戰-Gulp中文網-(時間-0_38_16;29)
  • 4_1網站框架搭建及頭部布局-(時間-0_23_37;27)
  • 4_1網站框架搭建及頭部布局-(時間-0_07_31;00)
  • 4_2海報區域和公司簡介布局搭建-(時間-0_28_25;13)
  • 4_3產品展示區域的搭建-(時間-0_14_16;01)
  • 4_3產品展示區域的搭建-(時間-0_26_14;01)
  • 4_4新聞區域的搭建-(時間-0_27_07;05)
  • 4_4新聞區域的搭建-(時間-0_11_20;15)
  • 4_5底部區域和頁面細節及代碼優化-(時間-0_00_00;00)
  • 4_5底部區域和頁面細節及代碼優化-(時間-0_14_31;12)
  • 5_1三種定位布局方式-(時間-0_25_42;21)
  • 5_2帶有下拉框的導航條-(時間-0_06_29;14)
  • 5_2帶有下拉框的導航條-(時間-0_15_45;08)
  • 6_1_1網站首頁---頭部及海報區域的搭建-(時間-0_23_32;20)
  • 5_5CSS3的其他常用屬性-(時間-0_22_37;19)
  • 5_4CSS3的transition屬性及應用-(時間-0_17_17;00)
  • 5_3定位在交互上的應用-(時間-0_16_19;21)
  • 6_1_2網站首頁---海報區域的搭建-(時間-0_21_39;17)
  • 6_2_1網站首頁---帶有下拉框的導航菜單搭建-(時間-0_11_35;29)
  • 6_4網站首頁---底部區域的搭建-(時間-0_11_59;10)
  • 6_3網站首頁---廣告模塊及新聞區域-(時間-0_23_42;00)
  • 6_3網站首頁---廣告模塊及新聞區域-(時間-0_15_25;02)
  • 6_2_2網站首頁--下拉框區域搭建-(時間-0_14_41;00)
  • 6_5網站內頁的搭建技巧-(時間-0_07_41;14)
  • 6_5網站內頁的搭建技巧-(時間-0_29_45;01)
  • 6_5網站內頁的搭建技巧-(時間-0_24_22;00)
  • 6_5網站內頁的搭建技巧-(時間-0_36_23;22)
  • 本套教程單價:¥850元 助學價:¥310元 
  • 平面設計學院年會員:¥1800元/年 今日促銷:¥399元 可學習所有教程+新增教程 
  • 本學院已有 126 套教程 總計 1377 個小時 查看詳情
購買了該教程的同學
木易
WBE
LJP
云朵99
康豐
當當小
一寒
dengnici
桃汁
wlh630
fuling2210
Lz
situbei
幸福之光
liuyaqian
情酙雞尾酒
王雪
lsyyunshi
 
您可能感興趣的課程
 
講師:笨叔
39628次25條56次
 
講師:賈斌
138195次58條158次
 
講師:文成武
265309次237條560次
 
講師:開心老師
444592次207條459次
 
講師:Gordan
228982次118條324次
 
講師:胡飛虎
310939次213條749次
 
講師:陳志文
295275次223條194次
 
講師:田婧
2133806次1304條1176次
 
微信客服
99国产欧美久久久精品蜜|无码一区二区波多野播放搜索|少妇人妻综合久久中文|亚洲av永久无码精品一百度|亚洲人77777在线观看
<bdo id="gg8cz"><delect id="gg8cz"><rt id="gg8cz"></rt></delect></bdo><noframes id="gg8cz"><delect id="gg8cz"></delect><noframes id="gg8cz"><rt id="gg8cz"></rt><noframes id="gg8cz"><rt id="gg8cz"></rt><delect id="gg8cz"><delect id="gg8cz"></delect></delect><noframes id="gg8cz"><noframes id="gg8cz"><rt id="gg8cz"><rt id="gg8cz"></rt></rt><noframes id="gg8cz"><rt id="gg8cz"></rt><noframes id="gg8cz"><rt id="gg8cz"><delect id="gg8cz"></delect></rt><noframes id="gg8cz"><noframes id="gg8cz"><rt id="gg8cz"><delect id="gg8cz"></delect></rt><noframes id="gg8cz"><noframes id="gg8cz"><rt id="gg8cz"><bdo id="gg8cz"></bdo></rt><rt id="gg8cz"></rt><noframes id="gg8cz"><rt id="gg8cz"><delect id="gg8cz"></delect></rt> <delect id="gg8cz"></delect><noframes id="gg8cz"><noframes id="gg8cz"><noframes id="gg8cz"><rt id="gg8cz"></rt><noframes id="gg8cz"><noframes id="gg8cz"><noframes id="gg8cz"><rt id="gg8cz"><delect id="gg8cz"></delect></rt><noframes id="gg8cz"><noframes id="gg8cz"><rt id="gg8cz"></rt><noframes id="gg8cz"><rt id="gg8cz"><rt id="gg8cz"></rt></rt> <noframes id="gg8cz"><rt id="gg8cz"></rt><noframes id="gg8cz"><noframes id="gg8cz"><rt id="gg8cz"></rt><rt id="gg8cz"></rt><rt id="gg8cz"><delect id="gg8cz"></delect></rt><noframes id="gg8cz"><noframes id="gg8cz"><noframes id="gg8cz"><rt id="gg8cz"><delect id="gg8cz"></delect></rt><noframes id="gg8cz"><rt id="gg8cz"><delect id="gg8cz"></delect></rt>