(2)抓下你目前的 LionFree.Net 首頁, 並繳交圖片:
(a)請用一個獨立窗 Chrome 或 IE 連到你的 xxxxx.LionFree.Net
(b)敲 ALT_PrintScr 抓下該窗畫面 (不可用 CTRL_PrintScr 喔!)
(c)在你簽到文章內先貼出(1)以下是我舊版 xxxxx.LionFree.Net 網頁:
(d)接著當然是放你剛抓下的圖片啦!(記得要先夾檔存檔重新編修吧?)
(e)如果你到現在還沒做好自己LionFree或自己架設的網站,
這裡必須放自己的WeeBLY 或同學的 LionFree.Net (要可以點了連過去!)
(a)請用一個獨立窗 Chrome 或 IE 連到你的 xxxxx.LionFree.Net
(b)敲 ALT_PrintScr 抓下該窗畫面 (不可用 CTRL_PrintScr 喔!)
(c)在你簽到文章內先貼出(1)以下是我舊版 xxxxx.LionFree.Net 網頁:
(d)接著當然是放你剛抓下的圖片啦!(記得要先夾檔存檔重新編修吧?)
(e)如果你到現在還沒做好自己LionFree或自己架設的網站,
這裡必須放自己的WeeBLY 或同學的 LionFree.Net (要可以點了連過去!)
(3)規劃網站 / 規劃網頁 (要想啦!)
(4)準備今天要繳交的第 2 張圖片與連結:
(a)砍掉你的 xxxxx.LionFree.Net (必要時自己先備份)
(b)用 DW CS6 建立網站, 設定遠端伺服器是 tsaiwn.LionFree.Net
(c)設定 ftp 帳號 [email protected] (密碼上課會公布)
(d)把網站下載到你電腦之後, 把 "誰是蔡神" 改為 "你學號你姓名",
當然其連結(Link)必須連到你的 WeeBly 網站
(目前是連到 tsaiwn.weeBly.com)
(e)重新設定網站的遠端為你的 LionFree.Net, 帳號密碼當然也是你自己的
(f)把改好的 Local 網站丟到你的 LionFree.Net,
開啟你的 LionFree.Net 並抓下畫面, 這是今天要繳交的第一張圖片
(g)在你簽到文章內先貼出(2)你 xxxxx.LionFree.Net 網址 (要可以點),
接著下方為剛抓下圖片, 也要設 Link 連結到你的 xxxxx.LionFree.Net
(h)還要順便貼出你的 WeeBLY.com 方便讓大家點, 例如:
(3)這是 009008007 蔡神的WeeBLY 網站 tsaiwn.WeeBLY.com
(a)砍掉你的 xxxxx.LionFree.Net (必要時自己先備份)
(b)用 DW CS6 建立網站, 設定遠端伺服器是 tsaiwn.LionFree.Net
(c)設定 ftp 帳號 [email protected] (密碼上課會公布)
(d)把網站下載到你電腦之後, 把 "誰是蔡神" 改為 "你學號你姓名",
當然其連結(Link)必須連到你的 WeeBly 網站
(目前是連到 tsaiwn.weeBly.com)
(e)重新設定網站的遠端為你的 LionFree.Net, 帳號密碼當然也是你自己的
(f)把改好的 Local 網站丟到你的 LionFree.Net,
開啟你的 LionFree.Net 並抓下畫面, 這是今天要繳交的第一張圖片
(g)在你簽到文章內先貼出(2)你 xxxxx.LionFree.Net 網址 (要可以點),
接著下方為剛抓下圖片, 也要設 Link 連結到你的 xxxxx.LionFree.Net
(h)還要順便貼出你的 WeeBLY.com 方便讓大家點, 例如:
(3)這是 009008007 蔡神的WeeBLY 網站 tsaiwn.WeeBLY.com
要多看看各網站的版型與風格
(5)練習從範本開啟兩欄式並修改,
使用 HTML + CSS 並修改樣式 (Style)
注意: 接著的練習也要抓畫面繳交 !
(上課會 Demo)
使用 HTML + CSS 並修改樣式 (Style)
注意: 接著的練習也要抓畫面繳交 !
(上課會 Demo)
InLine CSS / Internal CSS / External CSS
https://vineetgupta22.wordpress.com/2011/07/09/inline-vs-internal-vs-external-css/
(6)練習切換 設計師 / 程式撰寫人員 , 熟悉各種面板的使用
(7)設定(修改) F12 預覽的瀏覽器為 Chrome , 通常預設為 IE
移動/轉存 CSS 規則
|
|
(8)初步了解 CSS, 並練習把 CSS 分離到獨立檔案
(上課會 Demo, 請務必要仔細看並跟著做)
(上課會 Demo, 請務必要仔細看並跟著做)
(9)練習改變 CSS 規則以便影響網頁的外觀
(上課會 Demo, 請務必要仔細看並跟著做)
(10)插入錨點(#內部連結) 與 使用錨點(英文 Anchor)
(上課會 Demo, 請務必要仔細看並跟著做)