飛翔的學習筆記

DW-CS5.5-528(AM)

noreply@blogger.com (Anonymous) — Mon, 28 May 2012 04:00:00 +0000

1. 網站/新增網站
網站名稱 : 你開心就好
資料夾路徑是 Cho7 在C:/的位置或者你喜歡好記的位置(個人偏好桌X....^_^)
我的設定--> C:\Documents and Settings\Administrator\桌面\NOTE\
進階網頁測試\tokyoimage

2. 點選"map.htm"& open it.

3. 點選版面/繪製 AP Div,在step2中繪製伊矩形,依樣畫葫蘆完成step3,並將
step4點選拖曳至step2所繪的框框中

4. 將 txt/map02.txt中的操作說明...等文字,複製並貼在紅色框中.(底下ID要給名稱喔!)

5. 點擊圓形連結區域工具,在預備連結的紅色圓點上畫圓

6. 點選剛剛畫的連結區域"東京迪士尼樂園",點擊右側標籤檢視窗/行為/+/調換影像

7.點選 [影像 "image1" 於圖層 "ap Div1"*]並設定與"東京迪士尼樂園"位置連結的圖片

8. 選擇藍色框,點擊右側標籤檢視窗/行為/+/設定文字/設定容器文字,將介紹"東京
    迪士尼樂園"內容的文字貼上;容器一定得選[div "ap Div"],且在重複一次上述動作;
     標籤檢視窗/行為/+/設定文字/設定容器文字;容器選[div "ap Div"],將介紹 "操作
     方式與說明文字" 內容的文字貼上(順序要對,不然當.................機@_@)

9. 最後確認設定是否如下,OK........................等什麼????????????? 測試啦!@_@

.
.
.
.
.

附加樣式表

建置中

DW-CS5.5-525(PM)

noreply@blogger.com (Anonymous) — Fri, 25 May 2012 08:00:00 +0000

影像插入表單

1. 點選"影像"將三張圖 insert 進來 (Alt+Ctrl+I)

2. 點選"表單"插入3X3表單

3. 如圖所示,將綠標與紅標圖示錶框

4. 點選圖示,新增CSS規則/標籤/img

5.進入"img的CSS規則定義",設定如下
邊框:border: thick groove #F60;

6.如圖所示,將綠標與紅標圖示分別錶框;這裡就必須將圖示分為 img&table img

   a. 先從 img 開始(綠標).
       點選圖示(可別點到表格中的圖示啊!),新增CSS規則/複合/body>p>img, 進入
       "body>p>img的CSS規則定義",設定如下
       邊框:border: 10px double #0F0;

   b. 再從 table img 開始(紅標).
       點選圖示(可別點到表格外的圖示啊!),新增CSS規則/複合/table img, 進入
       "table img 的CSS規則定義",設定如下
       邊框:border: 10px double #F00;

7. 完成品出來啦!

.
.
.
.
.

---------------------------------------------------------------------

DW-CS5.5超連結按鈕

1. 點選"東南科大"讓其反白,在連結框中key入網址,新增CSS規則/複合/a:link, 進入
    "a:link的CSS規則定義",設定如下
    背景:background-color: #C9F;
    邊框:border: 5px double #909;
    字型:text-decoration: none;

2. 接續點選新增CSS規則/複合/a:visited, 進入 "a:visited的CSS規則定義",設定如下
背景:background-color: #FF9;
邊框:border: 5px groove #FF0; 確定

    再接續點選新增CSS規則/複合/a:hover, 進入 "a:hover的CSS規則定義",設定如下
    背景:background-color: #F69;
    邊框:border: 5px groove #C39; 確定

    最後接續點選新增CSS規則/複合/a:active, 進入 "a:active的CSS規則定義",設定如下
    背景:background-color: #999;
    邊框:border: 5px groove #666; 確定

未連結狀態滑入狀態按下狀態已連結狀態

.
.
.
.
.

---------------------------------------------------------------

設計超連結按鈕(精緻)

依觸及按鈕所產生的狀態,共有四種:
1.未點擊狀態 2.滑入狀態 3.點擊狀態 4.已點擊狀態

1. open Fireworks (數值照key)

2. 檢視/尺規(勾選)

3. 將畫布分割為四等份

4. 完成四等份

5. 點選step1矩形並拖拉畫之step2,而後step3修正數值

6. 完成複製矩形

7. 編輯文字&背景設定

8. save path 網路測試用2/images/命名為hyperlink 存檔類型為*.PNG之後點擊儲存

9. 檔案/匯出 ,

10. Open Dreamweaver CS5.5 new file
在"設計"中key入文字(ex:國立清華大學),選取整段文字做連結

11. 新增CSS規則/標籤/p

12. 進入 p的CSS規則定義(暫不做任何變動),按確定

13. 點擊文字後,新增CSS規則/複合/a:link 按確定

14. 設定背景的Background-image(I)的路徑(抓取Firework中製作的圖面)
設定區塊的Display(D):block
設定方框的Width:150pix,Hight:40pix

此一超連結按鈕為尚未點擊狀態

15. 點擊文字後,新增CSS規則/複合/a : visited 按確定
      設定背景的Background-image(I)的路徑(抓取Firework中製作的圖面)
      設定區塊的Display(D):block
      設定方框的Width:150pix,Hight:40pix

此一超連結按鈕為滑入狀態

16. 點擊文字後,新增CSS規則/複合/a : hover 按確定
      設定背景的Background-image(I)的路徑(抓取Firework中製作的圖面)
      設定區塊的Display(D):block
      設定方框的Width:150pix,Hight:40pix

此一超連結按鈕為點擊狀態

17. 點擊文字後,新增CSS規則/複合/a : active 按確定
      設定背景的Background-image(I)的路徑(抓取Firework中製作的圖面)
      設定區塊的Display(D):block
      設定方框的Width:150pix,Hight:40pix

此一超連結按鈕為已點擊狀態此一狀態無法在chrom顯現,

18.原始"國立清華大學"文字,利用新增CSS規則/標籤/a(或者複合/a : active) 進入a的CSS規則定義/區塊/Test-indent(I): -999 % 按確定 (每台電腦設定不一,數值請自行拿捏)

完成!測試看看吧.....................................(非常beautiful!)

.
.
.
.
.

繼續~
-------------------------------------------------------------------

超連結按鈕 (陽春)

1.open Dreamweaver-CS5.5 new file

在"設計"中key入文字(ex:國立清華大學),選取整段文字建立連結

2. 點選"國立清華大學"新增CSS規則/標籤/p

3. 進入 p的CSS規則定義(暫不做任何變動),按確定

4. 點選"國立清華大學"/新增CSS規則/標籤/a (複合亦可, a:link)

3. 字型/Text-decratino(D):none (字體無底線)

4. 區塊/Display(D):block ,按確定

5.方框/Width(W):120%

完成!測試看看吧.....................................(非常陽春喔!)

.
.
.
.
.

bye bye~

DW-CS5.5-525(AM)

noreply@blogger.com (Anonymous) — Fri, 25 May 2012 04:00:00 +0000

CSS (Cascading Style Sheet 串接樣式表) 測試

1. open new file , 輸入文字,當程式碼亂糟糟時,請用左側icon中的"套用原始碼格式"整理

2. 點選"段落1"文字,新增CSS規則/標籤/P 確定
    背景/background-color: #FC9;
    區塊/text-align: center;
    方框/width: 100px; margin-right: auto;margin-left: auto;

3-1. 點選其中一個文字,例如:"段落1"文字,做類別的設定 ; 新增CSS規則/類別/.color
(類別的語法須在開頭加一個句號)

3-2. 確定

4. 在 .color的CSS規則定義中設定, 字型/font-weight: bolder;color: #F06,記得
結束對話框之後,到"類別"選擇

5-1. 點選"段落2"針對它做單一的定義,做 ID 的設定 ; 新增CSS規則/ID/#P2
(ID的語法須在開頭加一個#)

5-2. 確定

6. 屬性框中的 ID 為必選項,類別為非選項,看一下程式碼內容(請自行變化...@_@)

隨記:類別與ID,就如同家族與個人........................................休息一下吧!!!!!!

.
.
.
.
.

休息時間來點輕鬆的吧! n_n

範例練習:CSS語法

1. CSS Comments 註解

2. The class Selector 類別

3. CSS Border 邊框

4. HTML <div> Tag

.
.
.
.
.

繼續吧!!! @_@

div 組塊元素

1. 輸入下圖程式碼 (Levela&Levelb請改為小寫)

2. 先點設計視窗的"第三層文字",再點新增CSS規則/複合/#Levela #Levelb .levelc
按確定

3. 進入 "#levela #levelb .levelc 的CSS規則定義"對話框,確定 (暫時沒有任何設定
變化)

4. 點設計視窗的"第二層文字"(其中一個), 新增CSS規則/複合/.levelc (選擇類別亦可)
按確定

5. 進入 ".levelc 的CSS規則定義"對話框,設定邊框 border: medium groove #F69;

6. 改變"第三層文字"的類別

7.點設計視窗的"第三層文字", 新增CSS規則/複合/#levelb.levelc ,
進入 "#levelb.levelc的CSS規則定義"對話框,設定背景:background-color:
#FC6;按確定

8.複製上一階段的文字,接著繼續.....................................@_@

第六層文字並不會改變顏色,因為"第四層文字"與"第五層文字"並未對應到我所新增
的CSS,所以他呢.....聞風不動 @_@ (注意程式碼裡的leveld&levele喔!)

Q1. 接下來,熟悉一下動一下腦,如何解下列圖所示

.
.
.
.
.

下課吃飯啦!

DW-CS5-524(AM)

noreply@blogger.com (Anonymous) — Thu, 24 May 2012 04:00:00 +0000

Chapter-3範例練習

1. 建立另一個新網站時,須先釋放前一個網站的資料
點選"管理網站(M)..."

2. Delete 網頁測試用1

3. 網站/新增網站

4. 給予資料夾路徑&名稱

5. 完成 step 4 之後,確認面板群組中的屬性/資料庫/檔案 ,是否為 step 4 所設定的目錄.
並增加命名之資料夾

6-1. 將DW CS5中的光碟片範例ch03複製到此根目錄中,做為實例演練 ,開啟about.htm
光碟 path為"本書範例\各章完成檔\ch03"

6-2. 開啟about.htm,並複製一個test.htm,將面板群組中的CSS樣式/全部/所有規則/style中
的內容全部清除,作為演練

7. 點選"映像東京", 在右側面板群組中的CSS樣式標籤 ,新增CSS規則 /標籤/h1,按確定
    接著設定 "h1的CSS規則定義"
    背景:background-color: #F99;
    邊框:border: medium dashed #F39;
    字型:font-size: 30px;color: #FFC;
    區塊:letter-spacing: 10px;text-align: center;
    方框:width: 100%;padding-top: 6px;

8. 點選"用旅行勾勒自己心中的日本", 在右側面板群組中的CSS樣式標籤 ,新增CSS規
    則 /標籤/h2,按確定.接著設定 "h2的CSS規則定義"
    字型:color: #F69;
    邊框: border-top-width: medium;border-top-style: double;border-top-color: #0C6;
    方框:width: 40%;padding-top: 10px;clear: both;
    背景:background-image: url(images/Doc1.files/image004.gif);background-repeat: no-repeat;
             background-position: left bottom;
    區塊:text-indent: 25px;

9.點選"關於旅行的時間與地點", 在右側面板群組中的CSS樣式標籤 ,新增CSS規則 /
   標籤/h3,按確定.接著設定 "h3的CSS規則定義"
    字型:color: #F99;
    方框:width: 25%;clear: both;padding: 10px;margin-top: 10px;
    邊框:border-top-style: solid;border-top-width: thin;border-top-color: #3F9;

10. 點選文章的敘述內容, 在右側面板群組中的CSS樣式標籤 ,新增CSS規則 /標籤/p,
      按確定.接著設定 "p的CSS規則定義"
      方框:width: 100%;clear: both;float: left;
      區塊:letter-spacing: 3px;

11. 點選隔開線, 在右側面板群組中的CSS樣式標籤 ,新增CSS規則 /標籤/hr,按確定.
      接著設定 "hr的CSS規則定義"
      方框:clear: both;
      邊框:border-top-style: double;border-right-style: double;border-bottom-style: double;
               border-left-style: double;border-top-color: #999;border-right-color: #999;
               border-bottom-color: #999;border-left-color: #999;

12. 點選邊號清單, 在右側面板群組中的CSS樣式標籤 ,新增CSS規則 /標籤/ol,按確定.
接著設定 "ol的CSS規則定義"
方框:clear: both;

13. 點選空白處, 在右側面板群組中的CSS樣式標籤 ,新增CSS規則 /標籤/body,按確定.
接著設定 "body的CSS規則定義"
背景:background-image: url(images/about-bg.gif)

14. 將test.htm做整併動作,完成如下的 step 之後,ch03資料夾delete ,完成測試練習

.
.
.
.
.
好難,需要老師的檔案參考,不然.............

接下來是編號清單

1. 特殊字型,可用於清單編號喔!

2. 可以開一個新檔編輯,只要在<p>與<-p>之間即可.將"第一清單"等文字key入吧!

3. 將程式碼圈起來,點選底下的"編輯清單"

4. 經過編輯的清單(主項目)如下:

5. 編輯次項目(縮排只需要點一次)

6. 編輯次次項目(縮排只需要點二次)

7. 次次項目完成

8. 在標籤<ol>中加入type="xx"(ol 後空一格在填上type="xx"),主項次完成

Q1. 試著將羅馬數字改為英文字母

Chapter-4

1. 建置中

Picasa 圖片編輯

noreply@blogger.com (Anonymous) — Mon, 14 May 2012 10:41:00 +0000

1. 點選下載Picasa

2. 下載Picasa

3. 完成安裝

4. 選擇部份搜尋......點選完成

5. 全選並點選完成

6. 進入主選單

7. 利用Picasa編輯多張圖片

檔案/將資料夾新增到Picasa...(新資料夾3)

8. 建立/圖片美術拼貼(P)...

開始美編囉!

9. 利用點選"圖片美術拼貼(P)... " 之後左側所出現的對話框,設定及拼貼

10. 圖片/檢視和編輯

分享按鈕

noreply@blogger.com (Anonymous) — Wed, 09 May 2012 12:29:00 +0000

1. 使用獨立Facebook讚按鈕

1-1. 網誌/範本/修改HTML/展開小裝置範本 ,找到

<b:include data='post' name='post'/>

1-2. 接著下一行,輸入<br/>之後Enter到下行貼上code.之後Save.

code <script>document.write('<iframe src="http
://www.facebook.com/plugins/like.php?href
<data:post.url/>&layout=standard&show_faces=true&
amp;width=450&action=like&font=verdana&colorsc
heme=light"scrolling="no"frameborder="
0"allowTransparency="true"style="border
:none; overflow:hidden; width:450px; height:65px"></iframe>');</script>

1-3. 檢視網誌
OK!

2. 多種推文按鈕

2-1. 連結 " http://share.lockerz.com/ "

2-2. 點選 "Grab the Share Button/Button/Share", 再點 "Customze".

2-3. 選擇服務按鈕,完畢按 "Done ,go back" .

2-4. 點選"Get Button Code",並複製程式碼.

2-5. 網誌/範本/修改HTML/展開小裝置範本 ,找到

<b:include data='post' name='post'/>

2-6. 接著下一行,貼上code.之後Save.

<div class='a2a_kit a2a_default_style'>
<a class='a2a_dd' href='http://www.addtoany.com/share_save'>Share</a>
<span class='a2a_divider'/>
<a class='a2a_button_facebook'/>
<a class='a2a_button_twitter'/>
<a class='a2a_button_plurk'/>
<a class='a2a_button_live'/>
<a class='a2a_button_email'/>
<a class='a2a_button_hotmail'/>
<a class='a2a_button_google_gmail'/>
<a class='a2a_button_google_plus'/>
</div>
<script src='http://static.addtoany.com/menu/page.js' type='text/javascript'/>
<!-- Lockerz Share END –>

2-7. 檢視網誌
OK!

blogger-8(眾平台與Blog的整合)

noreply@blogger.com (Anonymous) — Fri, 04 May 2012 11:48:00 +0000

1. Twitter

申請 Twitter...

登入...進首頁...

編修個人資料級版面...

記得短網址...(很重要!!!)

1-1. 將 Twitter 設定出現在 blogger 的網頁

點選網誌/新網頁

點選 "網址"

填上名稱與網址

完成...

1-2. 將 Twitter 設定出現在 blogger 的側欄

點選小工具...

點選我的網站...

點選個人檔案小工具...

自訂設定完成後,可先測試(L),確認後Get code.複製...

點選版面配置/新增小工具/HTML-JavaScript , 將複製的code貼上,儲存.

檢視網誌...

Ok!

2. Plurk

申請Plurk...

登入...

點選 "個人檔案" ... 進入主畫面...

編輯個人檔案資料...

帳號設定...

開始噗浪囉!

2-1. 將 Plur 設定出現在 blogger 的網頁

步驟與 twitter 一樣...

2-2. 將 Plurk 設定出現在 blogger 的側欄

在 Plurk 主頁面點選個人檔案/噗浪貼 , 將程式碼複製,到 blogger 後台編輯.

點選版面配置/新增小工具/HTML-JavaScript , 將複製的code貼上,儲存.

檢視網頁...

Ok!

3. Facebook

申請facebook帳號,並登入.....

連結 "https://developers.facebook.com/docs/plugins/",點擊 "Like Box".

設定型式大小,點擊 "Get Code" 並複製.

點擊 "IFRAME" 並 copy code.

網誌/版面配置/新增小工具/HTML JavaScript 貼上.

檢視網誌 !

Ok!

Order RSS

noreply@blogger.com (Anonymous) — Fri, 04 May 2012 06:57:00 +0000

建立訂閱 RSS電子報

連結 http://feedburner.google.com/ . 頁面為英文版.點選 "Languages"

改中文版,點選 "English" 按滑鼠右鍵,複製捷徑.

在資訊欄中貼上複製的捷徑,將 "en_US" 改為 "zh_TW" .

http://feedburner.google.com/fb/a/switchlang?

forward=http%3A%2F%2Ffeedburner.google.com%2Ffb%2Fa%2Fmyfeeds&locale=en_US

http://feedburner.google.com/fb/a/switchlang?

forward=http%3A%2F%2Ffeedburner.google.com%2Ffb%2Fa%2Fmyfeeds&locale=zh_TW

先燒錄摘要標籤,也就是新建網誌的網址(ex:飛翔的學習日記)

點選關於 "RSS"

Ok......

相關資料 1.

相關資料 2.

Ok......

點進 "飛翔的網誌"

選擇型式如下:

(1).編輯摘要地址/摘要地址 "http://feeds.feedburner.com/blogspot/acaDd

網誌/網頁 ( "en_US" ---> "zh_TW" )

(2).宣傳摘要/Email Subscriptions/訂閱表格代碼(copy 程式碼)

網誌/版面配置/新增小工具(側欄)/HTML JavaScript ( "en_US" ---> "zh_TW" )

(3).宣傳摘要/Email Subscriptions/訂閱鏈接代碼(copy 程式碼)
       網誌/網頁 ( "en_US" ---> "zh_TW" )

       其中訂閱鏈接代碼......必須去頭掐尾.
                 <a href="http://feedburner.google.com/fb/a/mailverify?
    uri=blogspot/acaDd&loc=en_US">Subscribe to 飛翔的學習日記 by Email</a>

選定RSS&Count圖標

宣傳摘要/Chicklet Chooser.選定圖標.

顯示摘要訂閱人數的動態圖像

檢視網誌

內容優化/摘要內容總結工具. 此為文章摘要內容設定長度.

插畫

noreply@blogger.com (Anonymous) — Wed, 02 May 2012 15:01:00 +0000

建置部落格-3

noreply@blogger.com (Anonymous) — Thu, 26 Apr 2012 09:31:00 +0000

statcounter 計數器

1. 請連結 " http://statcounter.com " 申請帳號與密碼

5. 可見瀏覽人數

6. 設定連結 statcounter 頁面

7. 複製 Code 至Blogger

Whos 即時性統計

1. 請連結 http://whos.amung.us/

Blogger-2B

noreply@blogger.com (Anonymous) — Wed, 25 Apr 2012 01:30:00 +0000

Google Blogger 對應到獨立網址

1.頁面選單/設定/基本 , 點選 "+新增自訂網域"

2. Key in 申請的網址,檢查是否可用

3. 進行註冊

4. 申請

Blogger-2A

noreply@blogger.com (Anonymous) — Tue, 24 Apr 2012 22:00:00 +0000

申請獨立網址

請連結 http://www.twnic.net.tw/dn/dn_01.htm

建置部落格-2

noreply@blogger.com (Anonymous) — Tue, 24 Apr 2012 18:30:00 +0000

利用Windows Live Writer 編輯部落格

1. 開啟 Windows Live Writer

2. 點選部落格/新增部落格帳號

3. 點擊 "其他的部落格服務"

4. 輸入 "網址" , "帳號" , "密碼"

5. 傳送資料中

6. OK!

Blogger-1B

noreply@blogger.com (Anonymous) — Tue, 24 Apr 2012 14:45:00 +0000

1. 移除部落格預設導覽列(有CCS & HTML兩種方式)
1A-1. 頁面選單範本/自訂	1A-2. 頁面選單範本/自訂,鍵入語法


1B-1. 頁面選單範本/修改HTML	1B-2. 點選繼續

1B-3. 勾選展開小裝置範本,將HTML 語法置換即可
	CSS語法: .Navbar{visibility:hidden;display:none;}


2. 移除部落格下方版權列(有CCS & HTML兩種方式)
1A-1頁面選單範本/自訂	1A-2. 頁面選單範本/自訂,鍵入語法

1B-1. 頁面選單範本/修改HTML	1B-2. 點選繼續

1B-3. 勾選展開小裝置範本,將HTML 語法置換即可
	CSS語法: #Attribution1 {display:none;}

Blogger-1A

noreply@blogger.com (Anonymous) — Tue, 24 Apr 2012 13:22:00 +0000

備份與還原部落格分兩部份

1. 範本的備份與還原
1-1. 點選頁面選單/範本	1-2. 點選備份或還原

1-3. 選擇備份或還原


2. 網誌的備份與還原
2-1. 點選設定/其他	2-2. 選擇

2-3. 匯入網誌	2-4. 匯出網誌

2-5. 刪除網誌

新增小工具

noreply@blogger.com (Anonymous) — Tue, 24 Apr 2012 07:30:00 +0000

當部落格前台需要新增工具時,皆在 "版面配置" 中完成.

新增 "搜尋框" ; 新增小工具/基本/搜尋框/儲存
點選 "搜尋框" 勾選/儲存


檢視前台結果
	OK!

新增 "翻譯" ; 新增小工具/基本/翻譯/儲存
點選 "翻譯"	點選/儲存

檢視前台結果
	OK!

新增 "連結清單" ; 新增小工具/基本/連結清單/儲存
點選 "連結清單"	設定/儲存

檢視前台結果
	OK!

新增 "訂閱電子報" ; 新增小工具/基本/HTML Java Script/儲存
點選 "HTML Java Script"	鍵入標題名稱/內容/儲存

檢視前台結果
	OK!

新增 "訂閱RSS" ; 新增小工具/基本/HTML Java Script/儲存
點選 "HTML Java Script"	鍵入標題名稱/內容/儲存

檢視前台結果
	OK!

新增 "文字" ; 新增小工具/基本/文字/儲存
點選 "文字"	鍵入標題名稱/內容/儲存

檢視前台結果
	OK!

新增 "g+ 追蹤" ; 新增小工具/基本/HTML Java Script/儲存
點選 "HTML Java Script"	鍵入標題名稱/內容/儲存

檢視前台結果
	OK!

新增 "投影片" ; 新增小工具/基本/投影片/儲存
點選 "投影片"	鍵入標題名稱/內容/儲存

檢視前台結果
	OK!

新增 "統計" ; 新增小工具/基本/HTML Java Script/儲存
點選 "HTML Java Script"	鍵入標題名稱/內容/儲存

檢視前台結果
	OK!

新增 "統計" ; 新增小工具/精選/Recent Comments/儲存
點選 "Recent Comments"	鍵入標題名稱/設定/儲存

檢視前台結果
	OK!

新增 "關於我" ; 新增小工具/基本/簡介/儲存
點選 "簡介"	鍵入標題名稱/設定/儲存

檢視前台結果
	OK!

新增 "噗浪的外掛元件" ; 新增小工具/基本/HTML Java Script/儲存
點選 "HTML Java Script"	鍵入標題名稱/內容/儲存

檢視前台結果
	OK!

新增 "推特的外掛元件" ; 新增小工具/基本/HTML Java Script/儲存
點選 "HTML Java Script"	鍵入標題名稱/內容/儲存

檢視前台結果
	OK!

新增 "Facebook的外掛元件" ; 新增小工具/基本/HTML Java Script/儲存
點選 "HTML Java Script"	鍵入標題名稱/內容/儲存

檢視前台結果
	OK!

新增 "大型投影片" ; 新增小工具/基本/HTML Java Script/儲存
點選 "HTML Java Script"	鍵入標題名稱/內容/儲存

檢視前台結果

.
.
.
.
.
.
.
加油

建置部落格-1

noreply@blogger.com (Anonymous) — Mon, 23 Apr 2012 16:53:00 +0000

申請一個Google 的帳號,備用~

1. 進到Google的首頁,點選更多中的更多...

2. 選擇 Blogger.

3. 登入.

4. 申請加入Blogger.

5.檢視部落格名稱.

6. 建立新網誌.

7. 網誌清單.

8. 選擇編輯"飛翔的學習日記" , 出現這篇網誌的總覽畫面.

開始為我的部落格妝點版面囉!

9. 點選"範本" , 再自訂您的背景、版面配置、顏色、
字型及其他項目...

9-1.移除Blogger前台預設導覽列......等 , 有兩種方式,
CCS語法&HTML語法.

CCS~

HTML~

10. 點選"版面配置",開始大搬家囉!!!

11. 另外還有一些小工具可藉由"新增小工具"

增加置放在版面上.

12. 點選"設定", 建立你個人專屬的Blogger資料.

繼續下一篇

見面會

noreply@blogger.com (Anonymous) — Mon, 23 Apr 2012 14:42:00 +0000

今天是自強工業科學基金會-網路商店創業經營班開訓日! ^_^

前面一個小時是認識導師與助理小姐

接著是重頭戲囉!

自我介紹 (緊張!緊張!緊張!)

.................但因時間有限,部分尚未自我介紹的同學留待4/25日的班會

~~~~ 繼續 ~~~~

接下來是3個小時的勞安法規,這是開始課程前必修法規喔!

當然囉!時間如同蝸牛般努力的往前衝..............終於..........下課啦!

同學明天見.................................騎上愛馬回家

(兩輪的)

關於本站

noreply@blogger.com (Anonymous) — Sun, 22 Apr 2012 11:49:00 +0000

這個部落格的產生,是因為我參加了職訓局的 "網路商店創業經營實務班" ,一開始就是敎部落格的建置.而讓我著實無奈的一點是,我沒有數位相機!!!那麼,我在初期的課程中我就無法隨心所欲的建置我的部落格了.想了想,那好吧!我先將所有的功能記錄下來,一方面當做筆記;一方面為未來另一個網誌做準備囉!

也因為是一個學習的筆記,當然會出現一些小瑕疵,我會慢慢的做修正,如果有新發現好用的功能也會加上去,希望來到我部落格的朋友們不吝指教,讓我這個以學習紀錄為主的部落格漸漸完整.謝謝!