簡易網站設計

目標
設計一簡易簡站，張貼你在部落格中的五篇文章。

學習新功能

• 超連結
• 命名
• 文字編排
  

步驟

一、參考網站

1. 五愛的首頁。
2. 徐文嫻的作品
   

二、文字

1. 從其它文件將文字拷貝到記事本，加以編輯 (必要時) ，再從記事本拷貝到Dreamwever。

三、圖像

1. 圖像的處理：jpg檔不要再三儲存，會破壞品質，格式一定要RGB，不可用CMYK。
2. 圖像一定要上傳到遠端的檔案夾內。

四、命名

1. 注意各html檔的命名法則--有數字及名字。
2. 放在網路上的有關檔案，不論html、swf、jpg，其命名萬萬不能用中文或特殊的符號像阿花.jpg或:-).html。

五、建立檔案

建議閱讀

期末作業

目標
以使用者經驗改善一家企業的網站

方法

• 自選一家企業網站，改善之。改善之道如下：
  1. 提出其可改善之處。
  2. 提出同類型的優良企業網站，供改善參考。
  3. 在部落格記錄每週改善記錄。
  4. 在部落格做改善結果意見調查。

可改善者

• 台中技術學院日間部、進修部、進專及補校的網站

改善實例

• 大煒塑膠工業有限公司
  

繳交

1. 在你的www資料夾內新增work5資料夾，把你修改的網站置入其中。
2. 在你的www資料夾的index.html檔案內，加入文字「待修網站」及「作業五」，將前者該文字超連結到你欲修改的網站，後者超連結到work5一資料夾的首頁。
   

期限

1. 11/23(一)~29(日)：主題選定
2. 11/30~12/06：分析組織架構圖
3. 12/07~12/13：設計版型
4. 12/14~12/20：設計版型
5. 12/21~12/27：初稿
6. 12/28~01/03：修稿
7. 01/04~01/10：完稿
8. 01/11~01/17：檢討

個人網頁嘗鮮

目標
在學校的網頁空間內建立一個以文字為主的首頁

步驟

1. 點按右側標籤內的「架設網站」
2. 完成你的index.html之後，檢視無誤之後，在本欄意見欄以超連結方式留言。
   

期中作業自評

目標
為本課程的部落格自評

方法

1. 新增一篇文章
2. 標題為「期中作業自評」
3. 在內容中完成下列諸列：
   
   • 宣言
   • 經營甘苦
   • 最滿意的一篇
   • 後續經營想法
   • 共寫了幾篇
   • 其他 (調查或RSS)或另類心得 (對教學內容之建議)
     

補充
寫完自評，下周(11月28日)後，你可修改文章→儲存為草稿，以保持你部落格內容的一致性。

網路傳播頭條新聞2009

以下的新聞，可能對你的網路傳播觀念有所啟示。

12月

1. 21 網站企劃 主導公司作戰
   
2. 13 Facebook的十大故事
   
3. 03 2010年網路十大趨勢觀察
   

11月

1. 23 Youtube效應：經由病毒影片掙錢
2. 22 十年內十大網路事件
   
3. 17 奢華業向網路找商機
   
4. 16 世界最棒旅台灣馬來骨肉茶奪冠
5. 14 李安在英國Strand受訪錄音
6. 12 小企業如何用facebook行銷？
   
7. 09 網路殘酷，Geocities壽終正寢！
8. 09 Buberry到線上找顧客
   
9. 08 為什麼我們會對線上的某些廣告情有獨鍾？
10. 06 你上了Facebook遊戲的當？
11. 06 Facebook是騙徒的天堂？
    
12. 04 蘋果電腦執行長Stever Jobs的十年豐功偉業
    
13. 03 蘋果電腦執行長Steve Jobs傳奇

10月

1. 30 在線上建立你的品牌Me2.0

08月

1. 03 為什麼建部落格對你的生涯有好處？
   

附錄
十大網路事件快覽
2000 • Craigslist expands beyond San Francisco • Google AdWords launches
2001 • Wikipedia launches • Napster shuts down
2004 • Google's IPO
2006 • Online video revolution • Facebook opens up, Twitter takes off
2007 • The iPhone debuts
2008 • U.S. presidential campaign
2009 • Iranian election protests

html語法妙用舉隅

目標
學會一些html語法的使用

學習項目

1. 在留言版內做超連結
   <a href="網址">連結主題名稱</a>
2. 很長的文章，為了要用「read more" (閱讀更多)」來縮版幅，可在「修改Html」模式下加入字串：
   <!-- more -->
3. 以下兩個特殊符號，須在修改Html模式下的輸入
   < 鍵入&lt; > 鍵入&gt;
4. 將一網誌(具圖文)複製成另一網誌的方法：將進入原始網誌的「修改HTML」模式→拷貝所有的html語法→貼到目的地網誌的「修改HTML」→發佈文章。

補充

• html=hypertext makeup language
• 看html的好方法之一是用Dreamweaver軟體
• html5
• html5範例

期中作業評核

目標
發表你九週來經營的部落格。

日期
11月9日-15日之上課日

方法

1. 每人3~5分鐘。
2. 說明以下項目：
   • 宣言
   • 經營甘苦
   • 最滿意的一篇
   • 後續經營想法
   • 共寫了幾篇
     
   • 其他 (調查或RSS)
     

繼續閱讀的方法

目標
當一欄的內容篇幅很長時，用「繼續閱讀...」將之後的內容隱藏。

步驟
方法一

1. 進入修改文章。
2. 一篇很長的文章，用「read more" (閱讀更多)」縮版幅，在「修改Html」模式下加入字串：
   <!-- more -->

方法二

1. 進入修改文章。
2. 「設定」標貼→選取「文章編輯器」 新版文章編輯器：立刻一窺 最新功能！ →「儲存設定」。
3. 文字編輯區→游標放在欲「read more或繼續閱讀...」之處。
4. 撰寫模式→「插入Jump/break」圖示。