好程序員-千鋒教育旗下高端IT職業教育品牌

400-811-9990
我的賬戶
好程序員

專注高端IT職業培訓

親愛的猿猿,歡迎!

已有賬號,請

如尚未注冊?

[HTML5] 好程序員入學入門系列-PC及移動端布局

[復制鏈接]
3756 0
好程序員教程 發表于 2018-12-10 14:51:35 | 只看該作者 |只看大圖 |閱讀模式 打印 上一主題 下一主題
好程序員入學入門系列-PC及移動端布局

本課程專為好程序員量身打造的HTML5入學入門課程,PC及移動端布局是頁面布局與設備適配基礎課。

  • HTML5

    課程分類

  • 107課時

    總課時

  • 初級

    課程難度

  • 點擊查看

    網盤密碼

課程試學目錄
  • html5教程:第1章_1階段課程體系_01_超文本標記語言編程-張學友

  • html5教程:第1章_1階段課程體系_02_css盒模型-胖帥

  • html5教程:第1章_1階段課程體系_03_多終端瀏覽器兼容-王英俊先生

  • html5教程:第1章_1階段課程體系_04_布局模型及定位技術的應用-大鑫姐

  • html5教程:第1章_1階段課程體系_05_Css Sprites(精靈圖)-阿嬌

課程信息
本帖最后由 好程序員教程 于 2018-12-26 13:26 編輯

好程序員入學入門系列-PC及移動端布局
課程介紹:本課程專為好程序員量身打造的HTML5入學入門課程,PC及移動端布局是頁面布局與設備適配基礎課。

章節目錄:
1.階段課程體系

html5教程:第1章_1階段課程體系_01_超文本標記語言編程-張學友
html5教程:第1章_1階段課程體系_02_css盒模型-胖帥
html5教程:第1章_1階段課程體系_03_多終端瀏覽器兼容-王英俊先生
html5教程:第1章_1階段課程體系_04_布局模型及定位技術的應用-大鑫姐
html5教程:第1章_1階段課程體系_05_Css Sprites(精靈圖)-阿嬌
html5教程:第1章_1階段課程體系_05_Css Sprites(精靈圖)-阿美
html5教程:第1章_1階段課程體系_06_pc端項目實戰-李妮妮
html5教程:第1章_1階段課程體系_07_HTML5新特性-凡塵
html5教程:第1章_1階段課程體系_08_CSS3選擇器-霞姐
html5教程:第1章_1階段課程體系_09_CSS3 2D炫酷動效-機哥
html5教程:第1章_1階段課程體系_10_css3動畫特效詳解
html5教程:第1章_1階段課程體系_11_響應式頁面布局-開心姐
html5教程:第1章_1階段課程體系_12_移動端頁面重構(1)
html5教程:第1章_1階段課程體系_12_移動端頁面重構
html5教程:第1章_1階段課程體系_13_移動端項目實戰(1)
html5教程:第1章_1階段課程體系_13_移動端項目實戰


2.知識點講解

章節介紹:本章節主要為好程序員HTML5學科第一階段課程知識點詳解視頻,H5一階段主要內容為HTML結構、CSS樣式、PC站布局與實踐、H5語義化標簽與屬性、CSS3動畫與新特性、M站布局與實踐等知識點。視頻特點:知識面廣,涉及度深,理論與實際相結合,通俗的小白式講解模式,是自學H5的必備教學視頻。


1html基礎
2css基礎
3css核心屬性
4盒模型與文本溢出
5元素類型
6定位錨點
7圖片整合
8寬度自適應
9瀏覽器兼容
10表單表格高級
11html5新增標簽
12css3選擇器和新增屬性
13 2d和3d效果
14彈性盒與媒體查詢
15移動端布局


3.HTML5微案例講解

h5微案例教程:01_css3動畫實現loading效果-木子姐-1
h5微案例教程:02_css3實現旋轉立方體-木子姐-1
h5微案例教程:03_css3實現旋轉太極圖-木子姐-1
h5微案例教程:04_css實現圖片輪播手動切換效果_木子姐-1
h5微案例教程:05_css3實現折扇效果-木子姐-1
h5微案例教程:06_css實現網頁常見動畫效果_木子姐-1
h5微案例教程:07_垂直手風琴_木子姐-1
h5微案例教程:08_css3實現奇虎導航效果_木子姐-1
h5微案例教程:09_實現一個元素水平垂直居中的幾種方法_木子姐-1
h5微案例教程:10_css定位實現圖片放大效果_木子姐-1
h5微案例教程:11_致美創意
h5微案例教程:12_旋轉縮放動畫特效
h5微案例教程:14_旋轉動畫特效一_霞姐-1
h5微案例教程:15_旋轉動畫特效二_霞姐-1
h5微案例教程:16_旋轉動畫特效三_霞姐-1
h5微案例教程:17_css3縮放動畫一_霞姐-1
h5微案例教程:18_css3縮放動畫二_霞姐-1
h5微案例教程:19_css3動畫奔跑的小人_霞姐-1
h5微案例教程:20_css利用背景圖片的位置實現初始與劃上高度不一致的導航菜單效果_霞姐-1
h5微案例教程:21_css利用溢出裁切實現只有中間顯示邊框的效果_霞姐-1
h5微案例教程:22_css利用元素特殊的類型實現圖片大小不一定時的水平垂直居中_霞姐-1
h5微案例教程:23_css實現二級導航菜單效果_霞姐-1
h5微案例教程:24_css實現中英文切換導航效果_霞姐-1
h5微案例教程:25_tab卡片菜單導航制作_霞姐-1
h5微案例教程:26_滑動門導航菜單_霞姐-1
h5微案例教程:27_利用css3彈性盒構建骰子布局_霞姐-1
h5微案例教程:28_利用錨點制作電子相冊_霞姐-1
h5微案例教程:29_麥田國際首頁
h5微案例教程:30_鼠標懸停動畫特效一_霞姐
h5微案例教程:31_鼠標懸停動畫特效二 霞姐-修改
h5微案例教程:32_圖片的立體陰影效果 霞姐-1
h5微案例教程:33_1_search
h5微案例教程:33_2_nav.
h5微案例教程:33_3_subnav
h5微案例教程:33_4_sales-tmh1
h5微案例教程:33_5_sales-tmh2
34_簡易鼠標懸停效果-1
h5微案例教程:35_純css實現六邊形效果-1
h5微案例教程:36_Css3鼠標懸停抖動效果-1
h5微案例教程:37_3d鼠標懸停效果-1




精彩內容,一鍵分享給更多人!
收藏
收藏1
轉播
轉播
分享
淘帖0
支持
支持1
反對
反對0
回復

使用道具 舉報

您需要登錄后才可以回帖

本版積分規則

關注我們
好程序員
千鋒好程序員

北京校區(總部):北京市海淀區寶盛北里西區28號中關村智誠科創大廈

深圳西部硅谷校區:深圳市寶安區寶安大道5010號深圳西部硅谷B座A區605-619

杭州龍馳智慧谷校區:浙江省杭州市下沙經濟技術開發區元成路199號龍馳智慧谷B座7層

鄭州校區:鄭州市二七區航海中路60號海為科技園C區10層、12層

Copyright 2007-2019 北京千鋒互聯科技有限公司 .All Right

京ICP備12003911號-5 京公安網11010802011455號

請您保持通訊暢通1對1咨詢馬上開啟

广东36选7玩法