XYZ軟體補給站-XYZ教學網-XYZ教育王
最新目錄光碟
112學年國中高中影音教學
2023年知名線上課程教學
112下學期國小.國中.高中
112上學期國小.國中.高中
111下學期國小.國中.高中
111上學期國小.國中.高中
110年TKB數位學堂影音教學
110年金榜函授影音教學
110年讀享國考小學堂
109年超級函授影音教學
109年高點.高上影音教學
2024年1月1號軟體新片
公職國考.研究所(單科)
所有科目題庫班相關考試
所有科目總複習相關考試
公職國考共同科目
行政.司法相關考試
律師司法官.司法相關
商業.會計.管理相關考試
電子.電機.資訊相關考試
土木.結構.機械相關考試
測量.水利.環工.工業考試
社會.文化.地政.不動產
物理.化學.後醫.插大
護理.營養.衛生.醫類
教育.觀光.心理.語言
警察,消防,法類相關考試
鐵路.郵政.運輸.農業考試
未分類相關考試
106年前所有單科考試
國小.國中.高中教學
國小命題.考卷類.教學
國中命題.考卷類.教學
高中命題.考卷類.教學
三貝德升學王影音教學
三貝德小學王影音教學
萬試通學習王影音教學
翰林雲端學院影音教學
AI學霸網影音教學
行動補習網影音教學
名師學院影音教學
艾爾雲校.一點通.楊明山
國小補習班影音教學
國中補習班影音教學
高中補習班影音教學
四技統測.警專.護理師
公職國考就業(套裝)
公務人員高普考相關考試
關務.移民.外交.民航
國安局.調查局.司法.警察
公務人員鐵路特考
技師執照類相關考試
教職.轉學考.後醫.研究所
國營事業相關考試
106年前所有套裝考試
線上課程綜合教學
YOTTA線上課程綜合教學
HAHOW線上課程綜合教學
PPA線上課程綜合教學
UD線上課程綜合教學
天下線上課程綜合教學
知名線上課程綜合教學
臺灣全民學習平台
專業知識教學
外語檢定、外語綜合教學
專業幼兒綜合教學
迪士尼幼教系列
巧連智幼教系列
運動.減肥.瑜珈.舞蹈
命理.股票.講說DVD
電腦認證與應用學習
專業繪圖軟體
繪圖、圖像、靜態影像
工程繪圖.計算.分析軟體
電子.電機.電信應用軟體
3D動畫、模型、模具軟體
Autodesk系列程式軟體
ADOBE奧多比工具軟體
Corel及訊連系列軟體
PTC參數科技繪圖軟體
影像圖庫視頻素材
程式軟體光碟
程式合輯、軟體合輯
影片、多媒體相關軟體
音樂、聲音相關軟體工具
防毒防駭安全軟體
網頁製作資料庫管理
燒錄光碟製作軟體
字型輸入法軟體
微軟系列程式軟體
麥金塔專用軟體
系統優化.清理.修復工具
掃描.PDF.辦公文書工具
程式開發.數據.資料庫
FTP傳輸.下載.遠端工具
廣告信.電話.郵件工具
報表.會計.統計.數學軟體
硬碟.備份救援.還原工具
未分類、綜合程式軟體
遊戲、影片、音樂
PC電腦遊戲系列
MP3音樂及音樂光碟
電影院縣片系列
亞洲連續劇DVD
歐美連續劇藍光與DVD
卡通動畫與經典影集DVD
演唱會.MTV.卡拉OK
網站首頁 站內搜索 購物結帳 手動下單 問題反應 訂單查詢 訂購說明
您現在的位置:網站首頁 專業知識教學 Udemy線上課程綜合教學 光碟詳情
商品編號:DUE0591
商品名稱:Udemy線上課程 解決CSS令人煩惱的版面問題:float, position, flexbox, gridsystem(含教材) 講師:朝輝 蘇 影音教學 中文發音 繁體中文版(DVD版)
商品分類:Udemy線上課程綜合教學
語系版本:中文發音 繁體中文版
官方網站:https://xyz567.com
運行平台:官方原版畫質MP4檔,沒有任何平台限制,終身使用
更新日期:2020-03-26
光碟片數:1片DVD光碟
銷售價格:$300元
熱門標籤: Udemy線上課程  解決CSS令人煩惱的版面問題  朝輝  float  position  flexbox  gridsystem 

Udemy線上課程 解決CSS令人煩惱的版面問題:float, position, flexbox, gridsystem(含教材) 講師:朝輝 蘇 影音教學 中文發音 繁體中文版(DVD版)


內容說明:

◆ 清楚解釋float的原理與應用,修改版面不再是惡夢!
◆ position靈活配置,讓你網頁版面躍昇空間感!
◆ 學會最新flexbox與grid system 網頁排版輕鬆達成!
◆ css版面配置課程全面剖析, 一次解決你拼湊無邏輯的模糊觀念!

當網頁跑版已常讓您抓狂,您還是無可奈何嗎?
網頁設計師最大的痛點之一,稍微知道float、position、flexbox和gridsystem的原理,但卻搞不懂它們的應用方法,導致一用下去悲劇發生。
後續花費更多的時間去調整版面,看著交件日期越來越近,自己就越來越心急!

從事網頁相關工作者,CSS版面必修課程!
完全剖析CSS相關版面基本屬性,先掌握並透徹基礎原理。
再搭配實際CSS版面配置應用,一步步提升自己的版面配置速度,整套課程多種實戰方法靈活運用,建構出真實世界的網頁內容。

你將會學到的
解決網頁版面配置的困擾
可快速將視覺平面稿,完整呈現為HTML
各種HTML版面靈活運用,發揮自己最強實力
課程內容:

├─01 float的介紹
│ 001 float主要用途:選單排列、版面排列、文繞圖.mp4
│ 002 2.float.zip
│ 002 float的原理_left right.mp4
│ 003 .zip
│ 003 直接圖片排排看!float簡單應用(1).mp4
│ 004 直接圖片排排看!float簡單應用(2).mp4
│ 005 5.zip
│ 005 float元素與非float元素的關係.mp4
│ 006 馬上用! 選單的排列.mp4
│ 007 css的重設:CSS Reset 與 CSS normalize.mp4

├─02 float最常令人搞不懂的地方
│ 008 -3.zip
│ 008 CSS中float引起的父元素高度塌陷.mp4
│ 009 父元素高度塌陷解法(一):overflow_hidden.mp4
│ 010 父元素高度塌陷解法(二):空標籤clear_both.mp4
│ 011 父元素高度塌陷解法(三):父元素加偽類clear_both.mp4
│ 012 img.zip
│ 012 父元素高度塌陷解法(四):display_table.mp4
│ 013 父元素高度塌陷解法(五):display_flow-root.mp4

├─03 position的介紹與實例應用
│ 014 position_static和position_relative.mp4
│ 015 position_fixed和position_absolute.mp4
│ 016 position_ sticky.mp4
│ 017 實例應用(一)_ 捲動固定選單.mp4
│ 018 5..zip
│ 018 實例應用(二)_ 圖文配置-1.mp4
│ 019 實例應用(二)_ 圖文配置-2.mp4
│ 020 實例應用(三)_ 次選單-1.mp4
│ 021 z-index.zip
│ 021 實例應用(三)_ 次選單-2.mp4

├─04 讓你驚豔的flexbox排版功能
│ 022 flex.zip
│ 022 Flex的概念.mp4
│ 023 img.zip
│ 023 新增html內容:認養合作夥伴.mp4
│ 024 容器(Container)屬性一_ display, flex-direction, flex-wrap, flex-flow.mp4
│ 025 .zip
│ 025 容器(Container)屬性二_ justify-content, align-items, align-content.mp4
│ 026 項目(Item)屬性一_ order, align-self.mp4
│ 027 flex-grow-flex-shrink-flex-basis-flex.zip
│ 027 項目(Item)屬性二_ flex-grow, flex-shrink, flex-basis, flex.mp4
│ 028 about-img.zip
│ 028 flex應用-about us.mp4
│ 029 flex合併使用.mp4

├─05 隨心所欲的gird system排版功能
│ 030 gird system的介紹與瀏覽器支援性.mp4
│ 030 gird-system.zip
│ 031 (1) grid-template-columns, grid-template-rows.mp4
│ 031 columns-rows.zip
│ 032 (2) grid-template-columns, grid-template-rows.mp4
│ 032 repeat.zip
│ 033 areas.zip
│ 033 grid-template-areas, grid-template.mp4
│ 034 grid-column-gap, grid-row-gap, grid-gap.mp4
│ 035 Grid Container的水平垂直_ justify-items, align-items.mp4
│ 036 Grid Item的水平垂直_justify-content, align-content, place-content.mp4
│ 037 content.zip
│ 037 grid-auto-rows, grid-auto-columns.mp4
│ 038 grid-auto-flow.mp4
│ 038 grid-auto.zip
│ 039 grid.mp4
│ 040 area2.zip
│ 040 item grid.mp4
│ 041 item justify-self, align-self, place-self.mp4

└─06 gird應用與各網頁調整
042 .zip
042 動物新聞頁面gride-system製作.mp4
043 .zip
043 樣板頁面製作.mp4
044 合作夥伴頁面製作.mp4
045 blog頁面製作.mp4
045 grid-layout.zip
046 about.zip
046 about頁面製作.mp4
047 notice.txt
047 其他頁面的調整.mp4
048 contact.zip
048 layout.zip
048 聯絡我們頁面排版練習與完成網站檔案.mp4

相關商品:
  • Udemy線上課程 Bootstrap 4最強實戰教學,讓你現學現用(含教材) 講師:朝輝 蘇 影音教學 中文發音 繁體中文版(DVD版)
  • Udemy線上課程 給網頁設計初學者的一門課:html+css 講師:朝輝 蘇 影音教學 中文發音 繁體中文版(DVD版)
  • Udemy線上課程 jQuery入門超簡單,無痛邁入網頁前端第一步!(含教材) 講師:朝輝 蘇 影音教學 中文發音 繁體中文版(DVD版)


  • 站內搜索


    請輸入軟體名稱或編號
    購物車
    熱門關鍵字
    wang 慕課
    肌內效 同捉
    黃帝內經 癮科技
    亢少軍 保哥
    chao Wong
    zhou Andrew
    Huang 中國針灸學
    針灸 程式設計
    普羅米修士 lijun
    Morgan Python
    Sjlyedu TongZhuo
    企管顧問 卓越人生
    朝輝 網頁設計
    Antonia Peng
    Xiao Chung
    Google Haran
    Java JavaScript
    Prometheus UI設計
    六角學院 卡斯伯
    米斯特 東東
    東東好課 恆偉
    威廉 英語會話
    配穴法 唐宇迪