<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>
當前位置：首頁 > 平面設計學院 > 課程 > 1.1常見的文本及區塊標簽

html+css網頁前端課程

共37節 15.0小時
單　價：¥310元 單買本課程
年會員：¥399/年 平面設計學院所有教程免費學
開通會員 免費學本學院所有課程
 
  
時間：00:00 |
授課老師
韓文強
主攻：網頁設計/電商/web前端
資深WEB前端工程師，站酷推薦設計師，是一名永不止步的學習者和分享者。擅長的行業包括WEB前端開發、電商設計及裝修、UI設計等，多年從業經驗和實戰項目經驗，共累計參與制作網站超過80個，原創設計文章超過二十幾篇，點擊量逾80萬，被許多平臺轉載。開發的web前端開發課程，以通俗易懂的特點，幫助了很多菜鳥轉變成了前端開發人才。
推薦課程
  • 課時：37節課
  • 時長：15.0小時
  • 課級：中級提高

   《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代碼基礎回顧
18分鐘
1.1常見的文本及區塊標簽
11分鐘
1.2 超級鏈接和錨記鏈接
13分鐘
1.3 圖像標簽及路徑
23分鐘
1.4 表格標簽
21分鐘
1.5 表單的制作
13分鐘
1.6京東模塊布局案例
22分鐘
1.7 京東注冊表案例
第二章 CSS層疊樣式表概述
30分鐘
2.1.CSS語法格式及7種選擇器
22分鐘
2.2.常見的文本樣式
23分鐘
2.3.背景樣式及簡寫規則
25分鐘
2.4.盒子模型的概念以及內邊距和外邊距
23分鐘
2.5.盒子模型的邊框及應用
15分鐘
2.6.三種不同類型的區塊及轉換
27分鐘
2.7.添加浮動和清除浮動及導航條案例
30分鐘
2.8.選擇器優先級和其他屬性
第三章 網頁布局小案例
41分鐘
3.1.CSS文本樣式-百度W3C頁面
34分鐘
3.2.背景樣式的應用-模擬小米5頁面
22分鐘
3.3.浮動布局案例練習-網頁基礎框架1
25分鐘
3.4.浮動布局案例練習-網頁基礎框架2
39分鐘
3.5.網頁布局實戰-Gulp中文網
第四章 網站首頁制作實例
33分鐘
4.1.網站框架搭建及頭部布局
30分鐘
4.2.海報區域和公司簡介布局搭建
27分鐘
4.3.產品展示區域的搭建
28分鐘
4.4.新聞區域的搭建
20分鐘
4.5.底部區域和頁面細節及代碼優化
第五章 網站整站布局案例
31分鐘
5.1.三種定位布局方式
18分鐘
5.2.帶有下拉框的導航條
19分鐘
5.3.定位在交互上的應用
19分鐘
5.4.CSS3的transition屬性及應用
25分鐘
5.5.CSS3的其他常用屬性
第六章 商業網站的綜合實例
34分鐘
6.1.1網站首頁 - 頭部及海報區域的搭建（上）
25分鐘
6.1.2 網站首頁 - 頭部及海報區域的搭建（下）
21分鐘
6.2.1網站首頁 - 帶有下拉框的導航菜單搭建(上)
34分鐘
6.2.2網站首頁 - 帶有下拉框的導航菜單搭建(下)
25分鐘
6.3.網站首頁 - 廣告模塊及新聞區域
13分鐘
6.4.網站首頁 - 底部區域的搭建
38分鐘
6.5.網站內頁的搭建技巧
換一批您可能感興趣的課程
 
微信客服
Copyright ? 2013 qinxue.com, 湘ICP備13012319號-1
PC版觸屏版
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>