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


  • 站內搜索


    請輸入軟體名稱或編號
    購物車
    熱門關鍵字
    wang 同捉
    亢少軍 保哥
    程式設計 chao
    Morgan Python
    TongZhuo zhou
    企管顧問 卓越人生
    朝輝 網頁設計
    Antonia Huang
    lijun Peng
    Sjlyedu Xiao
    Java JavaScript
    米斯特 東東
    東東好課 唐宇迪
    插畫 廖洧傑
    圖標繪製 線上教室
    Chih Photoshop
    Spring Yuan
    zhang 4P產品組合
    Ai工程師 Android
    Careers chen