部落格的用色

部落格的用色與網頁設計一樣，其用色目標包括：吸引人、便利閱讀 (分類)、表現該部落格的特質等。

在上述的目標下，顧及瀏覽者在不同的作業系統 (像MAC或PC)瀏覽，不生色偏，以及減低資訊的負荷，所以用到網頁安全色共216色，包含於256色內，讓每一色僅佔一個byte即可。這216色是以RGB各6個色來組合。
RGB每色有256(0到255)可能色值，今從中挑出六個，各色值的十進位及十六進位(有#表示)如下
0 (#0)
51 (#33)
102 (#66)
153 (#99)
204 (#cc)
255 (#ff)
有以上基礎概念，在部落格的範本之幕後程式HTML內，就可以較容易駕御色彩了。
另以下的網站是提供調色的好處所值得一遊。

參考網站

• Chritine的部落格色彩範本

日三a 2008

01余思穎 部落格 / 網站
02余桂棻 部落格 / 網站
03吳季珊 部落格 / 網站
05周晏婷 部落格 / 網站
07林語屏 部落格 / 網站
09張曉慧 部落格 / 網站
10許心瑜 部落格 / 網站
11郭靜暄 部落格 / 網站
12陳佳慧 部落格 / 網站
13陳宛渝 部落格 / 網站
14陳玟如 部落格 / 網站
15陳思澐 部落格 / 網站
16鄂智涵 部落格 / 網站
17黃佳鈴 部落格 / 網站
19廖泊宜 部落格 / 網站
20廖姿婷 部落格 / 網站
22蔡妙音 部落格 / 網站
23蔡宛廷 部落格 / 網站
25鄭詔蓉 部落格 / 網站
26薛仰玲 部落格 / 網站
33郭郭益言 部落格 / 網站
34鹿筱薇 部落格 / 網站

個人部落格格式編修

目標

• 完成個人部落格的版頭圖像的編修
• 分組部落格的主題及內容初製
  
  1. 設計方向
  2. 學習模範--列舉三個部落格
  3. 任務分配及執行
  4. 初試啼聲--本周先架出第一篇分組內容

看看別人

• 2008華文部落格入圍
• 台中技術學院「學生學習部落格」
• 大頭佬的創意森林
• 就醬的營養午餐
• 窩@埔里
• 律師歌手蘇兒真
• Character Design
• 出色的設計師
• 同學的版頭例一
• 雜記寶
• 範例
• 寫部落格救地球
• mr6

分組登錄

請點按右下意見comments

• 填入組員姓名學號，三人一組，一人當組長；
• 標明選定參賽主題；初步構想。

建議流覽

• 第三屆華文部落格優選
• 第四屆全球華文部落格初審入圍
  

好康相報

• 中技部落格設計競賽
• 寫部落格月入五萬元

分組作業說明

• 各組依自訂主題規畫部落格的大方向及執行計畫
• 分組的部落格要設在哪家伺服器，由各組決定。
  各組在留這區內成以<a href="http://xxxxx.xxxx.xxx">該網址標題</a> 的方式做出各組部落格的超連結。
  
• 個人的部落格每周須新增文章，記錄本課程的學習記錄、心得。
  

進專1A學生名單

01廖庭馴 部落格 / 網站
02王郁萍 部落格 / 網站
04周雅鈴 部落格 / 網站
06陳盈攸 部落格 / 網站
07陳昭雯 部落格 / 網站
08張英森 部落格 / 網站
09林佩君 部落格 / 網站
10吳怡君 部落格 / 網站
11李季霏 部落格 / 網站
13阮楚蘋 部落格 / 網站
15吳美瑩 部落格 / 網站
16黃圓錞 部落格 / 網站
17劉亞倫 部落格 / 網站
18王智廣 部落格 / 網站
19嚴姿涵 部落格 / 網站
20陳巨峰 部落格 / 網站
21陳俊達 部落格 / 網站
23柯義豐 部落格 / 網站
24林厚志 部落格 / 網站
26胡浩文 部落格 / 網站
27熊康伶 部落格 / 網站
29陳逸慈 部落格 / 網站
30楊郁葶 部落格 / 網站
31毛梅蘭 部落格 / 網站
32曾惠萱 部落格 / 網站
33譚昕 部落格 / 網站
34辛薏如 部落格 / 網站
35楊仕鵬 部落格 / 網站
36陳俊利 部落格 / 網站
38洪坤照 部落格 / 網站
40白意婷 部落格 / 網站
42蘇裕雯 部落格 / 網站
43陳雪華 部落格 / 網站
44黃資華 部落格 / 網站
45邱美秀 部落格 / 網站

夜二1 2008

01宋義威 部落格 / 網站
02陳思瑩 部落格 / 網站
04蔡芳珍 部落格 / 網站
05徐文嫻 部落格 / 網站
06林奇震 部落格 / 網站
07賴麗真 部落格 / 網站
08邱家鳳 部落格 / 網站
09游雅雯 部落格 / 網站
10陳玟蓉 部落格 / 網站
11黃俞瑄 部落格 / 網站
12吳政億 部落格 / 網站
13陳洺頤 部落格 / 網站
14陳奕縉 部落格 / 網站
15許燕婷 部落格 / 網站
16楊淋元 部落格 / 網站
17蕭文鳳 部落格 / 網站
18劉丞原 部落格 / 網站
19魏德瑀 部落格 / 網站
20倪紀萱 部落格 / 網站
21李瑀潔 部落格 / 網站
22蔡文欽 部落格 / 網站
23周兆萱 部落格 / 網站
24陳克婷 部落格 / 網站
25郭芷融 部落格 / 網站
28姚　瑋 部落格 / 網站
29陳宜欣 部落格 / 網站
30廖英琦 部落格 / 網站
31林禹陵 部落格 / 網站
32邱義盛 部落格 / 網站
33王滋娸 部落格 / 網站
34張雅君 部落格 / 網站
35江婕瑜 部落格 / 網站
36林鈺娟 部落格 / 網站
37李宛蒨 部落格 / 網站
38莊宏儀 部落格 / 網站

部落格建構

本部落格分享分為以下三個單元

• 趨勢簡述
• 架設實務
• 管理重點
  

一、趨勢簡述
行銷的工具之一部落格。為理解部落格的可能應用途，請先瀏覽以下的部落格

• Blog創意演化
  
• 黑色蛋塔
• 彎彎
  
• 女王
• 上山採藥
• 他踢的
• similarity-blog
• edublog
• 阿孝札記
• 大餅
• 就醫的部落格
  
• 雜序寶
• Annie's攝影筆記本
• 狐窩在埔里
  

以上的部落格是由個別的部落客所經營，其內容可能每日更新，也可能想到才更新，或依需要而更新，這些部落格的共同特點是它允許瀏覽者貼上意見，與格主互動或其覽客互動。
每一部落格會有一個網址，一如您瀏覽其他的網站。這個網址代表一部伺服器，它滿足國際網路協定的要求。

二、架設實務
現在您準備要擁有自己的部落格，您不必花錢，也不必留下重要的人身資料等，一般程序如下：

(一)、找到能架部落格的網站，加入會員。

• 國內
  到指定網址，從點按「加入會員」開始，依指示進行。
  Yahoo
  無名小站
  中華電信
  痞客邦
  
  
• 國外
  方法與國內類似
  http://www.blogger.com/
• http://edublogs.org/
  

(二)、在Google轄下的blogger架設部落格。
在該網站架設自己的部落格只要三個重點程序：

1. 建立帳戶
2. 命名您的 blog
3. 選擇範本

(三)、瀏覽部落格並記住其網址
您必須記住自己的部落格網址，一如記自家的電話號碼。例如，您要記的是
http://3dxxxxxx.blogspot.com (xxxxxx是你的學號像是32999999或129333333，見 實例 )

(四)、登入部落格
每一次要新增文章或編輯舊文章或新增部落格，您必須進行登入的工作，做法同新建部落格一樣。

1. http://www.blogger.com
2. 在下圖登入欄左欄鍵入您的電子信箱，右欄鍵入您的密碼，再按「登入」鈕，即可進入您的部落格的主頁。
   

(五)、新增文章、上傳圖片、影片及超連結

• 新增文章
  從.doc檔拷貝內文，先貼入記事本使成為純文字，再拷貝該純文字，貼入部落格的文字編輯區。
  
• 上傳圖片
  直接傳手邊的圖片--RGB模式下的GIF、JPG、PNG格式。
  直接傳網站上的圖片--
• 上傳影片--AVI、MOV等
• 超連結

(六)、變更設定
接下來，您有必要進入「設定」中的「格式」選項中完成下列的細項。完成更改之後，按頁面下方的「儲存設定」，再點按頁面上方「重新發佈」。
其次，您可能需要更改下列的設定：

• Blogspot的地址，方法是進入「設定」中的「發佈」選項，於blogspot地址欄更改您的網址。更改之後，按頁面下方的「儲存設定」，再點按頁面上方「重新發佈」。
• 意見的設定，方法是
  
  1. 進入「設定」中的「意見」選項。
  2. 於「誰能發表意見」欄內去選擇，當您選取任何人時，表示您完全開放給瀏覽者。更改之後，按頁面下方的「儲存設定」，再點按頁面上方「重新發佈」。

• 放大頭照的方法
  
  1. 先在您的文章內張貼一張您的大頭照(70x82pixel)，檔案須小於5k。發佈之後，進入修改，點按編寫欄的右上之「作改Html」，以檢視該圖片的位址。
  2. 選取該位址，其html語法類似：
     http://photos1.blogger.com/blogger/7622/3832/200/profile.jpg
     複製之。
  3. 進入檢視blog，於右上角 About下方點按 「View my Complete profile 」。
  4. 點按左上的Edit your profie鈕。
  5. 在相片URL右側的文字欄貼，貼上該位址。
  6. 點按最下方的「儲存簡介」。
  7. 進入修改文章模式，將步驟1中的大頭照刪除。

您也可以試著更改範本。不同的範本會有不同的風格，選一種和您最麻吉的。
要修改已張貼的文件，要先點按「張貼」再點按「修改」。
修改完之後一定要按最下方的「發佈文章」。

三、管理重點
您可能新開一門課，想要增加部落格或有一篇文章要隱藏或刪除，這就需要加以管理，以下僅就下列數項做介紹。

• 增刪部落格
• 增刪文章
• 隱藏文章
• 進階編輯

四、同學用Blogger架設的部落格

• 徐文嫻
• 白意婷
  

圖像上傳

上傳到部落格的圖像以GIF、JPG為主。
上傳的圖像來源可以用以下二種：

• 指定本地端的圖源
• 指定網路上的圖源

在此介紹第二種，該圖像是以第一種方法上傳之後，再找出它的網址的，以下是一個圖源的網址。
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivoIHJNuF2ztECIqNg6guAy1RV8OWW_qtmaaDtBwtiwq6q7DBRRQIzI7Uidw889q87f_i4txUO9NN0uWHQIQOvNNr0sK4_Mfx0pNydbFCptXKRW8OFmjtPT_o4KRofhz28XF5WTQ/s1600/header-01.gif

檢驗它是否真實的方法就是將上述的字串複製，再貼入瀏覽器的網址內，按Enter鍵，看是否有一張圖。

部落格的文字處理

部落格的文字可以進行以下的處理：

• 直接在編輯區內；
• 從其他文件複製，再貼入編輯區內。

進行上述的第二項的作法時，最好完成以下的步驟：

1. 選取欲複製的文字，將複製原文字，
2. 電腦螢幕左下角→所有程式→ 附屬應用程式→記事本
3. 再貼到《記事本》軟體的文件內，做適當的編輯。
4. 複製上一步驟的文字。
5. 貼到部落格的編輯區內。
   

練習

1. 點按以下的網址

http://www.books.com.tw/exep/prod/booksfile.php?item=0010397400利用上述的方法編輯出如下圖的文字，請點按該圖以利瀏覽。

教學進度

• 上半學期由同學分組建構一個可參賽全球華文部落格大獎
  要設在哪一個伺服器未限定。
  
• 下半學期由同學分組以建構一商業網站為主。
• 個人在websxxxxxx.blogspot.com落格記錄一學期的學習心得及資訊分享

以下的o9/20^21代表9月20是或21日。

1. 09/10^12 概論，blog架設，分組完成
2. 09/17^19 個人網站架設-http://web2.ntit.edu.tw/~sxxxxxxxxxxx/
   
3. 09/24^26 blog的文字處理
   
4. 10/01^03 圖像處理
5. 10/08^10 html
   
6. 10/15^17 多媒體物件的搭配
7. 10/22^24 發表
   
8. 10/29^31 發表
   
9. 11/05^07 期中作業--分組參賽部落格
10. 11/12^14 網站內容架構
11. 11/19^21 文字處理；文字型網頁的架設；表格圖像處理
12. 11/26^28 網頁的色彩計劃
13. 12/03^05 多媒體物件的搭配。
14. 12/10^12 樣版的建立與套用
15. 12/17^19 CSS樣式表
16. 12/24^26 發表
17. 12/31^02 發表
18. 01/07^09 期末作業評核﹣﹣商業網站設計或改造
    範例
    改善前：http://www.asystem.com.tw
    改善後：http://web2.ntit.edu.tw/~s23955014/asystem/