Tuesday, September 30, 2008

部落格的用色

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

在上述的目標下,顧及瀏覽者在不同的作業系統 (像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內,就可以較容易駕御色彩了。
另以下的網站是提供調色的好處所值得一遊。

參考網站

Wednesday, September 24, 2008

日三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. 初試啼聲--本周先架出第一篇分組內容
看看別人

Saturday, September 20, 2008

分組登錄

請點按右下意見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邱美秀 部落格 / 網站

Friday, September 19, 2008

夜二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莊宏儀 部落格 / 網站

部落格建構

本部落格分享分為以下三個單元
  • 趨勢簡述
  • 架設實務
  • 管理重點
一、趨勢簡述
行銷的工具之一部落格。為理解部落格的可能應用途,請先瀏覽以下的部落格
以上的部落格是由個別的部落客所經營,其內容可能每日更新,也可能想到才更新,或依需要而更新,這些部落格的共同特點是它允許瀏覽者貼上意見,與格主互動或其覽客互動。
每一部落格會有一個網址,一如您瀏覽其他的網站。這個網址代表一部伺服器,它滿足國際網路協定的要求。

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

(一)、找到能架部落格的網站,加入會員。
(二)、在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架設的部落格

Wednesday, September 17, 2008

圖像上傳



上傳到部落格的圖像以GIF、JPG為主。
上傳的圖像來源可以用以下二種:
  • 指定本地端的圖源
  • 指定網路上的圖源
在此介紹第二種,該圖像是以第一種方法上傳之後,再找出它的網址的,以下是一個圖源的網址。
http://3.bp.blogspot.com/_iEIW9m8urUs/SM-62KMtfFI/AAAAAAAAAlA/3DuXSXxVigQ/s1600/header-01.gif

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

Tuesday, September 16, 2008

部落格的文字處理

部落格的文字可以進行以下的處理:
  • 直接在編輯區內;
  • 從其他文件複製,再貼入編輯區內。
進行上述的第二項的作法時,最好完成以下的步驟:
  1. 選取欲複製的文字,將複製原文字,
  2. 電腦螢幕左下角→所有程式→ 附屬應用程式→記事本
  3. 再貼到《記事本》軟體的文件內,做適當的編輯。
  4. 複製上一步驟的文字。
  5. 貼到部落格的編輯區內。
練習
  1. 點按以下的網址
http://www.books.com.tw/exep/prod/booksfile.php?item=0010397400利用上述的方法編輯出如下圖的文字,請點按該圖以利瀏覽。

Wednesday, September 10, 2008

教學進度

  • 上半學期由同學分組建構一個可參賽全球華文部落格大獎
    要設在哪一個伺服器未限定。
  • 下半學期由同學分組以建構一商業網站為主。
  • 個人在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/