Welcome! 登入 註冊
專區首頁 專區百科 專區論壇 專區部落格 專區地圖

Advanced

[講義] RWD多頁網頁編輯 (一) skin / navigation / Menu / video

網頁設計與語法（HTML/CSS） 文章列表 發表文章 PDF 列印（下載）
JinJin [ 站內寄信 / PM ]
[講義] RWD多頁網頁編輯 (一) skin / navigation / Menu / video

分類標籤: 網頁設計與語法（HTML/CSS）  108-1《中國》竹視傳二A-進階網頁設計  108-1《中國》竹視傳二B-進階網頁設計
  1. 1. 本單元範例下載
  2. 1.1 head需修改之項目
  3. 1.2 skins/css/網頁主色設定
  4. 1.3 等待動畫page-loader
  5. 1.4 Toggle navigation行動版導覽列/桌機版logo圖檔
  6. 1.5 導覽列設定/navbar/dropdown
  7. 1.6 首頁video影片設定 / videowrap影音區塊 / script
  8. 2. 上課影音

1. 本單元範例下載



[color=#FF1493]✱[/color] [url=http://mepopedia.com/~jinjin/ex/rwd-video.zip]範例下載[/url]

學長姐參考範例：



2. skins/css/網頁主色設定




skin / [color=#CC0066]mycolor.css[/color] 網頁主色設定


使用搜尋快速鍵Ctrl+F(或搜尋與取代Ctrl+shift+F) 將原來色碼替換成欲取代的色碼





3. 等待動畫page-loader


等待動畫，可自行設計gif動畫後替換

<div class="page-loader"> <img src="assets/img/loader.gif" alt=""> </div>

4. Toggle navigation行動版導覽列/桌機版logo圖檔




行動版導覽列logo文字及圖示設定



5. 導覽列設定/navbar/dropdown





導覽列原始碼位置










6. 首頁video影片設定 / videowrap影音區塊 / script




html /script導覽列原始碼位置





html 影片代碼位置修改



2. 上課影音


[講義] RWD多頁網頁編輯 (一) skin / navigation / Menu / video
https://youtu.be/ZfnETBim57c





Edited 4 time(s). Last edit at 11/20/2019 08:15AM by JinJin.
(編輯記錄)

推薦 / 評論　 分享到Facebook     回應文章 Quote
Newer Topic Older Topic