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

知名線上課程 3天!動手寫網頁 (實戰系列)(含教材) 講師:taker.wu 影音教學 中文發音 繁體中文版(DVD版)


內容說明:

HTML&CSS不難,只要有心人人都可以寫網頁。Taker老師讓你只要花三天的時間就能學會網頁架構並且實作出一個接案等級的網頁!
課程內容:


網站的骨架:HTML 基礎
課前閒聊
【網頁架構】到底是什麼?
【HTML 標籤】(tag) 是什麼?
【常用標籤】與他們的用途
替【架構】取名字:如何使用【id】與【class】
HTML 其實是一種【樹狀結構】嗯?可以吃嗎?

CSS 選擇器 (selector):選擇要改變【誰】的長相
CSS 的寫法
【CSS 選擇器】
練習:一起來選選看吧!

CSS layout:排版工程學
display:顯示的特性
position:相對位置屬性
float & clear:文繞圖與排版

CSS 細節設定
box model
background:背景設定
font 相關:文字相關設定
其他

CSS 權重
【權重】觀念與調整方法

【實戰練習】「設計圖」大解析
行前準備:IDE 工具
Wireframe:手繪分析稿,讓架構一清二楚

【實戰練習】使用 HTML 製作網站架構
初始設定
header > nav 與假資料們
content > slider / category / Grid 概念 / HTML 特殊字元
content > recent-product / event / 假字
content > event / feature / 假按鈕
content > outlets / email 連結 / 新分頁連結
footer > 內容 / go top
HTML 架構完成後的長相
額外練習

【實戰練習】CSS 魔法:替架構披上美麗外皮
初始設定:串連 HTML 與 CSS 檔案
container / header / 置中的辦法 / 用 float 來排版
nav 的諸多調整,與 UX 細節
關於 clearfix
#header 回顧
slider / category / Grid 的實作方法 / 圖片服貼容器 / 文字的設定
slider 與 category 回顧
recent product / 標題
Grid 左右邊界 對齊問題
product 的細節設定
大解析:滑鼠移上 product 後顯示資訊的架構
CSS 3:滑鼠移上 product 後的動態效果
recent product 回顧
額外練習

【實戰練習】CSS 魔法 #2:將簡陋架構,轉變為美麗網頁
休息一下:談談 CSS 的單位
繼續練習:event / 背景圖片設定 / 假按鈕外觀
feature
按鈕的多樣性
margin 崩塌 (margin collapse)
feature / outlets / 分割線
footer / logo 的出格 / 第三種置中 / 用 CSS 做出圓形
go top 回到頂端按鈕
整體回顧
訓練總結

外傳【切版秘笈】:常見的排版方式與製作方法
基礎切版架構:版面置中
兩欄式架構、三欄式架構
常見版面介紹:nav
破格設計
特殊版面介紹:圖片常見的問題與解法
cover info:覆蓋在圖片上的資訊
下一步?

相關商品:
  • 知名線上課程 jQuery 好好玩 講師:taker.wu 影音教學 中文發音 繁體中文版(DVD版)
  • 知名線上課程 【大師開講】企業敏捷轉型,落實敏捷變革的方法(含教材) 講師:Yves Lin 影音教學 中文發音 繁體中文版(DVD版)
  • 零基礎朋友圈營銷實戰:你的朋友圈價值百萬 知名線上課程 影音教學 中文版(DVD版)
  • 12堂實用脫單穿搭技巧 讓男神對你一見鐘情 知名線上課程 影音教學 中文版(DVD版)
  • 隨學隨用的零基礎手繪課 知名線上課程 影音教學 中文版(DVD版)


  • 站內搜索

    網站搜索器
    請輸入軟體名稱或編號
    購物車
    熱門關鍵字
    同文館 徐福崧
    黃謙信 Cindy
    內容電力 城邦自慢塾
    雷爵 鄭勝友
    Unity 城邦微學習
    Chung EZCourse
    Google Ryan
    taker.wu 王作桓
    丘祐瑋 吳永志
    免寫程式 林宜璟
    周勝輝 柿子文化
    陳士杰 梁民康
    超實用 詹姆斯
    EXCEL 2D電繪入門
    Agile ASP.NET
    CSS與HTML OH卡療心術
    Playmaker R語言
    Spark首陰 Swift
    Tung UI攻略
    VR觀念入門 Windows