看了行銷班的結案報告我開始緊張了
她(他)們做的好炫真佩服
昨晚翻來覆去睡不著
天ㄚ誰能來救救我！
倒數計時了恐怖的10月17日
2007/09/22
中秋節烤肉
用炭驚人 1年燒掉87座大安公園
更新日期:2007/09/21 04:39 記者: 林倖妃／台北報導
台灣人愛烤肉，多認為木炭烤才會香。環保署統計，國內進口木炭數量可觀，相當砍伐多達八十七座大安森林公園面積，產生的二氧化碳量有八萬七千公噸。由於大賣場販售多為進口劣質木炭，官員提醒，烤肉不一定要冒煙，以免吃下致癌物。
國內木炭用量多，根據關稅總局統計，去年一到十二月進口木炭三千四百萬公斤，其中九成五來自印尼、馬來西亞和中國，價格低廉但潛藏不少劣質木炭。
環保署指出，木炭屬高耗能、低附加價值產品，生產一公斤木炭要消耗六到十公斤木材。人工植林一公頃林地產出十五萬公斤木材，約可製造一．五萬公斤木炭；三千四百萬公斤木炭就須砍伐二千二百六十公頃植林面積，大安森林公園約廿六公頃，保守估算，台灣每年因燒烤砍伐的林木面積達八十七個大安森林公園。
生產的二氧化碳量更可觀。環保署毒物及環境衛生管理處處長袁紹英說，燃燒三千四百公斤木炭會產生二氧化碳八萬七千公噸，佔台灣一年總排放量的○．○三％；以火力發電每產生一度電約排出○．六七公斤二氧化碳計算，該排放量等於一億三千度電力，用力省電還不如少吃燒烤。
袁紹英說，若要烤肉應謹慎選擇木炭，千萬不要貪便宜而購買低價木炭，否則不但因為品質不佳很快就燒完，還可能因燃燒不完全產生多環芳香烴（ＰＨＡｓ〉，附著在烤肉上，該物質已證實為致癌物。
他也提醒，為免木炭著火冒煙時產生的粒狀汙染物和多環芳香烴汙染食材、讓人吃下一肚子有毒物質，烤肉應選用經二度處理去除雜質的無煙炭、長備炭等，或先在空曠處將木炭燒紅再把食材放上去烤。
更新日期:2007/09/21 04:39 記者: 林倖妃／台北報導
台灣人愛烤肉，多認為木炭烤才會香。環保署統計，國內進口木炭數量可觀，相當砍伐多達八十七座大安森林公園面積，產生的二氧化碳量有八萬七千公噸。由於大賣場販售多為進口劣質木炭，官員提醒，烤肉不一定要冒煙，以免吃下致癌物。
國內木炭用量多，根據關稅總局統計，去年一到十二月進口木炭三千四百萬公斤，其中九成五來自印尼、馬來西亞和中國，價格低廉但潛藏不少劣質木炭。
環保署指出，木炭屬高耗能、低附加價值產品，生產一公斤木炭要消耗六到十公斤木材。人工植林一公頃林地產出十五萬公斤木材，約可製造一．五萬公斤木炭；三千四百萬公斤木炭就須砍伐二千二百六十公頃植林面積，大安森林公園約廿六公頃，保守估算，台灣每年因燒烤砍伐的林木面積達八十七個大安森林公園。
生產的二氧化碳量更可觀。環保署毒物及環境衛生管理處處長袁紹英說，燃燒三千四百公斤木炭會產生二氧化碳八萬七千公噸，佔台灣一年總排放量的○．○三％；以火力發電每產生一度電約排出○．六七公斤二氧化碳計算，該排放量等於一億三千度電力，用力省電還不如少吃燒烤。
袁紹英說，若要烤肉應謹慎選擇木炭，千萬不要貪便宜而購買低價木炭，否則不但因為品質不佳很快就燒完，還可能因燃燒不完全產生多環芳香烴（ＰＨＡｓ〉，附著在烤肉上，該物質已證實為致癌物。
他也提醒，為免木炭著火冒煙時產生的粒狀汙染物和多環芳香烴汙染食材、讓人吃下一肚子有毒物質，烤肉應選用經二度處理去除雜質的無煙炭、長備炭等，或先在空曠處將木炭燒紅再把食材放上去烤。
2007/09/10
9/10資訊安全
選購電腦
一.記憶體介紹
1.記憶體的外觀 - 注意金手指有方向性，有8顆IC
2.雙通道 - 依照主機板RAM槽顏色，插入同品牌同規格RAM
*先從靠近CPU的RAM槽，開始插入
3.ECC功能 - 有9顆IC，多校正功能
4.目前主流-DDR2
二.主機板介紹
1.主流品牌-Asus華碩、GIGABYTE技嘉
2.主機板
*IDE-舊式排線(Primary,Secondary,Master,Slave)，
未來主流Serial ATA2
*顯示卡-價格偏貴，玩家級5000以上，可以雙顯示卡
*音效卡-5.1/7.1聲道音效
*北橋(North Bridge )高速，大，有散熱片
*南橋(South Bridge)低速，小，無散熱片(目前已改進有散熱片)
三.電腦組裝注意事項
1.拆卸下來的螺絲，要收集好，拆多少顆就要組回多少顆
2.主機板拆卸，要小心刮傷
3.CPU拆卸要輕，注意排針不要碰歪或斷
4.RAM記憶體的安裝，要注意金手指的方向與防呆
5.BIOS系統-可得知CPU類型，RAM容量，硬碟品牌與容量，光碟機名稱
一.記憶體介紹
1.記憶體的外觀 - 注意金手指有方向性，有8顆IC
2.雙通道 - 依照主機板RAM槽顏色，插入同品牌同規格RAM
*先從靠近CPU的RAM槽，開始插入
3.ECC功能 - 有9顆IC，多校正功能
4.目前主流-DDR2
二.主機板介紹
1.主流品牌-Asus華碩、GIGABYTE技嘉
2.主機板
*IDE-舊式排線(Primary,Secondary,Master,Slave)，
未來主流Serial ATA2
*顯示卡-價格偏貴，玩家級5000以上，可以雙顯示卡
*音效卡-5.1/7.1聲道音效
*北橋(North Bridge )高速，大，有散熱片
*南橋(South Bridge)低速，小，無散熱片(目前已改進有散熱片)
三.電腦組裝注意事項
1.拆卸下來的螺絲，要收集好，拆多少顆就要組回多少顆
2.主機板拆卸，要小心刮傷
3.CPU拆卸要輕，注意排針不要碰歪或斷
4.RAM記憶體的安裝，要注意金手指的方向與防呆
5.BIOS系統-可得知CPU類型，RAM容量，硬碟品牌與容量，光碟機名稱
9/7資訊安全
電腦零件比較
1.京典： http://www.kingtech.com.tw/
2.生富： http://www.kingtech.com.tw/
CPU中央處理器介紹
CPU：Central Processing Unit負責執行運算、
邏輯判斷、資源控管、周邊協調等關鍵任務。
1.Intel英特爾 (品質好)
2.AMD美商超微
RAM記憶體
1.品牌介紹：創見、金士頓、威剛
2.為CPU與儲存設備間的橋樑,需靠電力維持,斷電後內容消失
3.目前使用DDR2 - 更高的運作時脈,低耗電量,晶片顆粒小,更大容量
4.ECC功能 - 能驗證儲存設備資料,有9顆IC
購買CPU注意事項
1.品牌
2.時脈
3.雙核心
4.L2快取容量
1.京典： http://www.kingtech.com.tw/
2.生富： http://www.kingtech.com.tw/
CPU中央處理器介紹
CPU：Central Processing Unit負責執行運算、
邏輯判斷、資源控管、周邊協調等關鍵任務。
1.Intel英特爾 (品質好)
2.AMD美商超微
RAM記憶體
1.品牌介紹：創見、金士頓、威剛
2.為CPU與儲存設備間的橋樑,需靠電力維持,斷電後內容消失
3.目前使用DDR2 - 更高的運作時脈,低耗電量,晶片顆粒小,更大容量
4.ECC功能 - 能驗證儲存設備資料,有9顆IC
購買CPU注意事項
1.品牌
2.時脈
3.雙核心
4.L2快取容量
2007/09/07
9/7網際網路基礎應用
繪聲繪影
※時間軸的操作
一.視訊軌
二.覆疊軌
1.子母畫面 - 在覆疊軌放置影片 ( 可調形狀入場/出場 )
2.遮罩影片 - 插入裝飾 → 邊框
3.Key版面合成 - 在覆疊影像上選擇遮罩( 套用覆疊選項 )
三.標題軌
四.語言軌
五.音效軌
※製作好的影片儲存專案檔(材質檔要放在原位置不能改變，
在不同電腦上也要一致)存影片
存檔類型：
*Ntse DV=> .avi原始未壓縮檔
*Mpeg2 => 最佳保存方式
*Mpeg1=> 品質差
*Wmv=> 網路串流用
※時間軸的操作
一.視訊軌
二.覆疊軌
1.子母畫面 - 在覆疊軌放置影片 ( 可調形狀入場/出場 )
2.遮罩影片 - 插入裝飾 → 邊框
3.Key版面合成 - 在覆疊影像上選擇遮罩( 套用覆疊選項 )
三.標題軌
四.語言軌
五.音效軌
※製作好的影片儲存專案檔(材質檔要放在原位置不能改變，
在不同電腦上也要一致)存影片
存檔類型：
*Ntse DV=> .avi原始未壓縮檔
*Mpeg2 => 最佳保存方式
*Mpeg1=> 品質差
*Wmv=> 網路串流用
2007/09/06
9/6網際網路基礎應用
影像處理軟體介紹
一.PhotoImpact12 - 功能
1.工作區 - 網頁、DVD樣本、美工
2.製作月曆，週曆→ 可用(我行我速)軟體製作
3.修片功能增強
※能依工作需求不同，提供切換不同工作區
二.影片格式
1.avi 檔為壓縮，檔案容量大
2.mpg - Moving Picture Expert Group
A.Mpeg1 - VCD ( 320x240 )，最差效能
B.Mpeg2 - DVD ( 640x480 )，目前正流行，人稱( MP3)
C.Mpeg4 - 網路串流，尚未統一規格，人稱(MP4)
D.Mpeg7 - 資訊傳輸，技術尚未成熟
E.Mpeg21 - 未來
3.wmv - 網路串流用
聲音檔
.wav - 未壓縮
.wma - 網路串流壓縮檔
影像軟體介紹
※Windows Movie Maker - 影片製作
1.開始 → 程式集 → 附屬應用程式 → Windows Movie Maker
2.準備影片檔 ( avi，wpg )
3.匯入視訊，圖片....
4.放入編輯區，設定時間軸
5.增加效果 - 字幕、影片效果、文字效果
※Camtasia 軟體(錄製電腦畫面)
1.安裝執行檔 - camtasiaf.exe ( 一直點選確定 )
2.點選桌面Camtasia Studio捷徑
3.選擇【Camtasia Recorder】功能 → 選擇第三項功能註冊
4.設定熱鍵 - Tools → Options → Hotkeys → 按鍵設定
※Record/Pause hotkey指定錄製按鈕、Stop hotkey指定停止錄製按鈕
5.設定錄製區域 - Capture → Input → 選擇錄製區域
※Screen桌面、 Windows視窗、 Region區塊
6.存檔
一.PhotoImpact12 - 功能
1.工作區 - 網頁、DVD樣本、美工
2.製作月曆，週曆→ 可用(我行我速)軟體製作
3.修片功能增強
※能依工作需求不同，提供切換不同工作區
二.影片格式
1.avi 檔為壓縮，檔案容量大
2.mpg - Moving Picture Expert Group
A.Mpeg1 - VCD ( 320x240 )，最差效能
B.Mpeg2 - DVD ( 640x480 )，目前正流行，人稱( MP3)
C.Mpeg4 - 網路串流，尚未統一規格，人稱(MP4)
D.Mpeg7 - 資訊傳輸，技術尚未成熟
E.Mpeg21 - 未來
3.wmv - 網路串流用
聲音檔
.wav - 未壓縮
.wma - 網路串流壓縮檔
影像軟體介紹
※Windows Movie Maker - 影片製作
1.開始 → 程式集 → 附屬應用程式 → Windows Movie Maker
2.準備影片檔 ( avi，wpg )
3.匯入視訊，圖片....
4.放入編輯區，設定時間軸
5.增加效果 - 字幕、影片效果、文字效果
※Camtasia 軟體(錄製電腦畫面)
1.安裝執行檔 - camtasiaf.exe ( 一直點選確定 )
2.點選桌面Camtasia Studio捷徑
3.選擇【Camtasia Recorder】功能 → 選擇第三項功能註冊
4.設定熱鍵 - Tools → Options → Hotkeys → 按鍵設定
※Record/Pause hotkey指定錄製按鈕、Stop hotkey指定停止錄製按鈕
5.設定錄製區域 - Capture → Input → 選擇錄製區域
※Screen桌面、 Windows視窗、 Region區塊
6.存檔
9/5資訊專案與委外管理
網路資料庫流程-第一步
網站資料庫的架設
1.架設IIS或Apache
2.設定ODBC
3.啟用Dreamweaver
Access資料庫建立
1.開啟Access - 開始 → 程式集 → Microsoft Office → Microsoft Access
2.選擇空白資料庫
3.設定資料庫檔案名稱 - over.mdb
4.over資料庫 - 新增 → 設計檢視
5.設定資料表內容與類型
6.存檔 - 設定資料表名稱
7.完成資料庫設計 - 結束程式
架設 I.I.S
1.打開控制台 - 開始 → 設定 → 控制台 → 新增或移除程式
2.點選新增/移除 Windows元件
3.勾選元件 - Internet Information Services → 按【下一步】開始安裝
※安裝時，需有Windows安裝光碟
※可點選(詳細資料)看內部設定 - STMP(廣告郵件)，FTP(上傳/下傳)
網路資料庫流程-第三步
設定 I.I.S 內部設定
1.打開控制台 - 開始 → 設定 → 控制台 → 系統管理工具
2.點選Internet Information Services捷徑
3.點開本機電腦 → 網站 → 預設的網站 → 按下滑鼠右鍵 → 內容
4.網站設定 - 紀錄本機的IP位址
5.主目錄設定 - 設定本機路徑C:\over，勾選(寫入)
6.文件設定 - 移除不需要的網頁，(新增)網站的首頁 home.htm
※確定後，會問是否覆蓋 - 點選(確定)
7.以上設定完成後，先點選網站名稱，在點選(播放鍵)
8.網站名稱後面沒有(已停止)，代表設定成功
網路資料庫流程-第四步
設定 ODBC 資料庫連結
1.打開控制台 - 開始 → 設定 → 控制台 → 資料來源 ( ODBC )捷徑
2.點選【系統資料4來源名稱】→ 新增
3.選擇資料庫驅動程式 - Mircosoft Access Dirver ( .mdb )
4.資料庫設定 - 設定資料庫名稱，資料庫路徑(選取)
5.選擇資料庫位置 - C:\over\over.mdb
6.設定完成後 → 確定
7.設定完成後，增加一個(over)資料來源
網路資料庫流程-第五步
Dreamweave 管理網站 - 進階設定
1.本機資訊設定
2.遠端資訊設定
3.測試伺服器設定
※伺服器模式 - 資料庫使用
A.ASP VBScript - Mircosoft Access
B.ASP.NETVB - CQL
C.JSP - JavaScript
D.PHP MySQL - MySQL
4.網站地圖/版面設定 - 首頁設定
※當按下確定時，首頁不存在，會問是否建立
建立留言版網頁 - 可參考
http://lubawolf.blogspot.com/2007/08/macromedia-dreamweaver-mx2004-960830.html
網站資料庫的架設
1.架設IIS或Apache
2.設定ODBC
3.啟用Dreamweaver
Access資料庫建立
1.開啟Access - 開始 → 程式集 → Microsoft Office → Microsoft Access
2.選擇空白資料庫
3.設定資料庫檔案名稱 - over.mdb
4.over資料庫 - 新增 → 設計檢視
5.設定資料表內容與類型
6.存檔 - 設定資料表名稱
7.完成資料庫設計 - 結束程式
架設 I.I.S
1.打開控制台 - 開始 → 設定 → 控制台 → 新增或移除程式
2.點選新增/移除 Windows元件
3.勾選元件 - Internet Information Services → 按【下一步】開始安裝
※安裝時，需有Windows安裝光碟
※可點選(詳細資料)看內部設定 - STMP(廣告郵件)，FTP(上傳/下傳)
網路資料庫流程-第三步
設定 I.I.S 內部設定
1.打開控制台 - 開始 → 設定 → 控制台 → 系統管理工具
2.點選Internet Information Services捷徑
3.點開本機電腦 → 網站 → 預設的網站 → 按下滑鼠右鍵 → 內容
4.網站設定 - 紀錄本機的IP位址
5.主目錄設定 - 設定本機路徑C:\over，勾選(寫入)
6.文件設定 - 移除不需要的網頁，(新增)網站的首頁 home.htm
※確定後，會問是否覆蓋 - 點選(確定)
7.以上設定完成後，先點選網站名稱，在點選(播放鍵)
8.網站名稱後面沒有(已停止)，代表設定成功
網路資料庫流程-第四步
設定 ODBC 資料庫連結
1.打開控制台 - 開始 → 設定 → 控制台 → 資料來源 ( ODBC )捷徑
2.點選【系統資料4來源名稱】→ 新增
3.選擇資料庫驅動程式 - Mircosoft Access Dirver ( .mdb )
4.資料庫設定 - 設定資料庫名稱，資料庫路徑(選取)
5.選擇資料庫位置 - C:\over\over.mdb
6.設定完成後 → 確定
7.設定完成後，增加一個(over)資料來源
網路資料庫流程-第五步
Dreamweave 管理網站 - 進階設定
1.本機資訊設定
2.遠端資訊設定
3.測試伺服器設定
※伺服器模式 - 資料庫使用
A.ASP VBScript - Mircosoft Access
B.ASP.NETVB - CQL
C.JSP - JavaScript
D.PHP MySQL - MySQL
4.網站地圖/版面設定 - 首頁設定
※當按下確定時，首頁不存在，會問是否建立
建立留言版網頁 - 可參考
http://lubawolf.blogspot.com/2007/08/macromedia-dreamweaver-mx2004-960830.html
9/5中小企業E畫專題
1.攝影的原理
2.實作
3.賞析
一、三大分析
1.人物
2.風景
3.動物
二、人物、肢體、視線構圖三大要素
注意身體的伸展，神態，方向
請參考 - 維多利亞的秘密 http://www.victoriassecret.com/
三、配色與比例
※照片裁切前後的不同
2007/09/05
9/4資訊安全
作業系統介紹
1.Microsoft - Client用戶端( XP/Vista)Server客戶端( 2003/2008)
2.Linux/Unix -
3.Apple - 用於平面、美工設計方面
資料庫介紹
1.MsSQL - 微軟產品，一般企業常用，價格一千美金
2.Oracle - Oracle(軍方、銀行、航空、大型企業)價格一萬美金以上
3.DB2 - IBM(軍方、銀行、航空、大型企業)
防火牆介紹 - 建立深度防火牆
※IP分享器做為簡易防火牆、舊電腦可做為最外層防火牆
※目前防火牆能力最好的是花旗銀行 - 2秒即可發出警報
Communication Protocol通訊協定
電腦互相交流的語言(100種以上)最常用的：
1.www.http - 網頁
2.ftp - 上傳/下傳資料
3.Mail - 電子郵件
4.TCP/IP - 目前使用最多(通用)
1.Microsoft - Client用戶端( XP/Vista)Server客戶端( 2003/2008)
2.Linux/Unix -
3.Apple - 用於平面、美工設計方面
資料庫介紹
1.MsSQL - 微軟產品，一般企業常用，價格一千美金
2.Oracle - Oracle(軍方、銀行、航空、大型企業)價格一萬美金以上
3.DB2 - IBM(軍方、銀行、航空、大型企業)
防火牆介紹 - 建立深度防火牆
※IP分享器做為簡易防火牆、舊電腦可做為最外層防火牆
※目前防火牆能力最好的是花旗銀行 - 2秒即可發出警報
Communication Protocol通訊協定
電腦互相交流的語言(100種以上)最常用的：
1.www.http - 網頁
2.ftp - 上傳/下傳資料
3.Mail - 電子郵件
4.TCP/IP - 目前使用最多(通用)
2007/09/04
9/4中小企業E化專題
使用者介面(UI)
1.MOMA ORG
2.www.coolhomepages
3.八大構圖
1.水平構圖
2.垂直構圖法- 以強烈的反差來構圖
3.對角線構圖法-從左上往右下有漸層性
4.對角線構圖法-從右上往左下有漸層性
5.X構圖法 - 圖片有顯形/隱形的延伸點
6.Z構圖法 - 以多層次為特點(卡通)
7.▽構圖法 - 上重，下輕
8.△構圖法 - 下重，上輕(企業)
美國當代博物館 - http://moma.org/
大英博物館 - http://www.thebritishmuseum.ac.uk/
中國國家博物館 - http://www.nationalmuseum.cn/default1024.htm
維基百科 - http://zh.wikipedia.org/wiki/首页
連結( Link)開闊視野
1.LABELTAG.KEYBOARD
2.比較WIKI YOUTUBE
3.討論橫向連結METADATA/XML
內容
1.讀文章Web2.0 http://bloguide.ettoday.com/alexandros/textview.php?file=83010
2.動態網頁Blog
3.後台操作
1.MOMA ORG
2.www.coolhomepages
3.八大構圖
1.水平構圖
2.垂直構圖法- 以強烈的反差來構圖
3.對角線構圖法-從左上往右下有漸層性
4.對角線構圖法-從右上往左下有漸層性
5.X構圖法 - 圖片有顯形/隱形的延伸點
6.Z構圖法 - 以多層次為特點(卡通)
7.▽構圖法 - 上重，下輕
8.△構圖法 - 下重，上輕(企業)
美國當代博物館 - http://moma.org/
大英博物館 - http://www.thebritishmuseum.ac.uk/
中國國家博物館 - http://www.nationalmuseum.cn/default1024.htm
維基百科 - http://zh.wikipedia.org/wiki/首页
連結( Link)開闊視野
1.LABELTAG.KEYBOARD
2.比較WIKI YOUTUBE
3.討論橫向連結METADATA/XML
內容
1.讀文章Web2.0 http://bloguide.ettoday.com/alexandros/textview.php?file=83010
2.動態網頁Blog
3.後台操作
9/3資訊專案與委外管理
按鈕 => 隱藏圖層/顯示圖層
第一步：插入/圖層/命名【圖層1】
第二步：插入/影像物件/按鈕群
第三步：插入/圖層/命名【圖層2】
第四步：插入/影像物件/按鈕群【依圖層1的內容而設定】
第五步：插入/圖層/命名【圖層3】
第六步：插入/影像物件/按鈕群【依圖層2的內容而設定】
第七步：設定圖層2、3為隱藏
第八步：設定按鈕的行為【視窗/行為】
執行網頁專案
主題：網頁設計
日期：10/10 倒推法
資源：公司以單位計算、個人以鐘點計算
網站部門/網頁部門/行銷部門/企劃部門
任務：
1.申請網域DNS
2.網站空間
3.收集資訊 – 環境分析/市場分析
4.網頁設計 – 文字/影像/版型/LOGO
5.網站行銷 – 登錄/EDM/平面行銷/網路家族
6.網路維護 – 半年/1年/2年
7.資料庫 – asp/php
第一步：插入/圖層/命名【圖層1】
第二步：插入/影像物件/按鈕群
第三步：插入/圖層/命名【圖層2】
第四步：插入/影像物件/按鈕群【依圖層1的內容而設定】
第五步：插入/圖層/命名【圖層3】
第六步：插入/影像物件/按鈕群【依圖層2的內容而設定】
第七步：設定圖層2、3為隱藏
第八步：設定按鈕的行為【視窗/行為】
執行網頁專案
主題：網頁設計
日期：10/10 倒推法
資源：公司以單位計算、個人以鐘點計算
網站部門/網頁部門/行銷部門/企劃部門
任務：
1.申請網域DNS
2.網站空間
3.收集資訊 – 環境分析/市場分析
4.網頁設計 – 文字/影像/版型/LOGO
5.網站行銷 – 登錄/EDM/平面行銷/網路家族
6.網路維護 – 半年/1年/2年
7.資料庫 – asp/php
9/3中小企業E化專題
1.討論Web2.0特性與我門的專案
2.討論現在完成的網頁
3.練習：動態網頁的後台管理
以Blogvipe為實例操作
電子報的比較
1.聯合新聞網 http://udn.com/NEWS/main.html
2.中時電子報 http://news.chinatimes.com/mainpage.htm
3.東森電子報 http://www.ettoday.com/
4.中廣電子報 http://news.pchome.com.tw/media_idx/bcc.html
5.民視新聞網 http://www.ftvn.com.tw/
其他網站的比較
1.LG - http://www.ch2m.com/corporate/clients/lg.asp
2.SONY - http://www.sony.com/index.php
3.COOLHOMEPAGES - http://www.coolhomepages.com/
4.世界公民運動 - http://bloguide.ettoday.com/alexandros/
關連
1.動態連結 - 關係
2.直接關連 ( HyperLink) 連結已知、有限的
3.橫向連結(Tag/Metadata)※連結未來/不可知
2.討論現在完成的網頁
3.練習：動態網頁的後台管理
以Blogvipe為實例操作
電子報的比較
1.聯合新聞網 http://udn.com/NEWS/main.html
2.中時電子報 http://news.chinatimes.com/mainpage.htm
3.東森電子報 http://www.ettoday.com/
4.中廣電子報 http://news.pchome.com.tw/media_idx/bcc.html
5.民視新聞網 http://www.ftvn.com.tw/
其他網站的比較
1.LG - http://www.ch2m.com/corporate/clients/lg.asp
2.SONY - http://www.sony.com/index.php
3.COOLHOMEPAGES - http://www.coolhomepages.com/
4.世界公民運動 - http://bloguide.ettoday.com/alexandros/
關連
1.動態連結 - 關係
2.直接關連 ( HyperLink) 連結已知、有限的
3.橫向連結(Tag/Metadata)※連結未來/不可知
8/31資訊專案與委外管理
網站設計流程
1.申請ＤＮＳ
2.申請免費或付費網路空間 ( 需將廣告移除 )
3.蒐集資料 -文字、圖片、影片
4.設計工具 - Dreamweaver、Fusion、Namo、Froptpage、Flash ( Swich、gifanimator )
5.資料庫 - ①asp ( SQL、Access ) ②php ( MySQL )
6.上傳測試
7.維護
8.行銷 - 免費網站→轉址(DNS)，登入，關鍵字，ＥＤＭ，網路行銷，部落格
*Dreamweaver關鍵自設定 - 插入 → ＨＴＭＬ → 檔案標籤 → 關鍵字
*UUU免費轉址 http://uuu.to/uuu/
網頁設計流程
1.版型規劃
2.影像處理
3.動態程式(加入網頁) Javascript
4.色彩調整
1.申請ＤＮＳ
2.申請免費或付費網路空間 ( 需將廣告移除 )
3.蒐集資料 -文字、圖片、影片
4.設計工具 - Dreamweaver、Fusion、Namo、Froptpage、Flash ( Swich、gifanimator )
5.資料庫 - ①asp ( SQL、Access ) ②php ( MySQL )
6.上傳測試
7.維護
8.行銷 - 免費網站→轉址(DNS)，登入，關鍵字，ＥＤＭ，網路行銷，部落格
*Dreamweaver關鍵自設定 - 插入 → ＨＴＭＬ → 檔案標籤 → 關鍵字
*UUU免費轉址 http://uuu.to/uuu/
網頁設計流程
1.版型規劃
2.影像處理
3.動態程式(加入網頁) Javascript
4.色彩調整
8/31網際網路基礎應用
8/30網際網路基礎應用
Dreamweaver
一.多媒體的使用
1.聲音 -.mid音符 .wma聲音壓縮 .wav 錄音.mp3
2.影像 -.avi .mpg .wmv
二.音樂 - 插入 → 媒體 → Plugin
參數設定 - hidden ( 面版隱藏 )，loop ( 重複播放 )
三.抓取FLASH的小方法
1.先確定檔案在網路的位置，例：http://網址/0game.swf
2.做出一個網頁，超連結 → Flash位置
3.用IE瀏覽這個網頁
4.滑鼠指者連結點，按下滑鼠右鍵，選擇〈另存目標〉
5.存檔
四.表單的操作說明
1.表單的製作 - 插入 → 表單 → 表單
2.表單Form的屬性
*建議一個網頁只有一個表單
*Action動作 = 將資料傳送目標
( mailto="E-mail信箱 "，伺服器端程式 )
3.插入 → 表單 → 文字欄位
*可設定密碼，客戶端打字隱藏顯示
*常用設定 - 寬度、字元、初始直
4.插入 → 表單 → 選項按鈕
*同一組選項的名稱，可以相同，但輸出值要個別設定
5.插入 → 表單 → 清單/選單
*清單 - 顯示單項項目；清單 - 可同時顯示兩個以上的項目
*清單值 - 可以設定選項的名稱，建議初始值
6.插入 → 表單 → 核取方塊
*同一組選項的名稱，不可以相同，輸出值要個別設定
7.插入 → 表單 → 文字區域
*可以設定意見欄的字元寬度跟行數
8.插入 → 表單 → 按鈕
*資料填寫完成後，可選擇送出資料或重新填寫
註：如需要記錄，要搭配老師的 - Savedate.php
一.多媒體的使用
1.聲音 -.mid音符 .wma聲音壓縮 .wav 錄音.mp3
2.影像 -.avi .mpg .wmv
二.音樂 - 插入 → 媒體 → Plugin
參數設定 - hidden ( 面版隱藏 )，loop ( 重複播放 )
三.抓取FLASH的小方法
1.先確定檔案在網路的位置，例：http://網址/0game.swf
2.做出一個網頁，超連結 → Flash位置
3.用IE瀏覽這個網頁
4.滑鼠指者連結點，按下滑鼠右鍵，選擇〈另存目標〉
5.存檔
四.表單的操作說明
1.表單的製作 - 插入 → 表單 → 表單
2.表單Form的屬性
*建議一個網頁只有一個表單
*Action動作 = 將資料傳送目標
( mailto="E-mail信箱 "，伺服器端程式 )
3.插入 → 表單 → 文字欄位
*可設定密碼，客戶端打字隱藏顯示
*常用設定 - 寬度、字元、初始直
4.插入 → 表單 → 選項按鈕
*同一組選項的名稱，可以相同，但輸出值要個別設定
5.插入 → 表單 → 清單/選單
*清單 - 顯示單項項目；清單 - 可同時顯示兩個以上的項目
*清單值 - 可以設定選項的名稱，建議初始值
6.插入 → 表單 → 核取方塊
*同一組選項的名稱，不可以相同，輸出值要個別設定
7.插入 → 表單 → 文字區域
*可以設定意見欄的字元寬度跟行數
8.插入 → 表單 → 按鈕
*資料填寫完成後，可選擇送出資料或重新填寫
註：如需要記錄，要搭配老師的 - Savedate.php
8/29網際網路基礎應用
Dreamweaver
一.CSS樣式的設定
類別 - 需自訂名稱 ( .name )
標籤 - 預設名稱 ( name.css )
外部CSS檔 - 名稱.css
類型 - 文字設定
背景 - 背景設定
區塊 - 少用
方框 - 區塊設定 ( 欄位大小、欄位間隔、邊界 )
邊框 - 儲存格設定
清單 - 項目設定 ( 少用 )
定位 -可用圖層按鈕替代
擴充功能 - 分頁設定少用，游標變形工具
★游標的副檔名 .cur( 靜態 ) ，.ani ( 動態 )
二.下拉式選單的設定 - 插入 → 表單 → 跳頁選單
1.文字 - 名稱
2.URL - 超連結
3.開啟URL - 開啟新頁面呈現結果
4.+&- - 名稱的上移、下移
三.導入頁 - 增加曝光率的方法
1.內容 - 關鍵字
2.標題 - 關鍵字，只做一個超連結，內容簡單
3.外部網頁 - 超連結到導入頁
Dreamweaver 管理網站操作
1.點選管理網站
2.新增 → 網站
3.設定在Dreamweaver網站名稱 ( 可用中文 )
4.選擇是否使用伺服器技術 → 網頁有無程式，開新檔案時預設副檔名
5.檔案儲存的地方 - 選擇第二項功能則第六項跳過
6.有否使用遠端伺服器
7.設定連線方式 - 複製網站資料到測試伺服器
8.測試伺服器網站檔案放置位置 - c:\Apperv\www\資料夾名稱\
9.測試URL結果 成功失敗
10.設定是否可多人在網路上編輯
11.設定完成
12.檢視結果
Appserv 2.5.8 安裝
1.開啟檔案後 → Next
2.同意書 → I Agree
3.檔案放置位置 → c:\Appserv ( 可自由更改位置 ) → Next
4.內部安裝功能 → Next
5.伺服器名稱、電子信箱 → Next
*安裝過程中需解除封鎖
6.資料庫密碼 → 1234 ( 在確認一次 ) → Insatll
7.安裝過程中 → 解除封鎖
8.安裝完成 → Finsh
一.CSS樣式的設定
類別 - 需自訂名稱 ( .name )
標籤 - 預設名稱 ( name.css )
外部CSS檔 - 名稱.css
類型 - 文字設定
背景 - 背景設定
區塊 - 少用
方框 - 區塊設定 ( 欄位大小、欄位間隔、邊界 )
邊框 - 儲存格設定
清單 - 項目設定 ( 少用 )
定位 -可用圖層按鈕替代
擴充功能 - 分頁設定少用，游標變形工具
★游標的副檔名 .cur( 靜態 ) ，.ani ( 動態 )
二.下拉式選單的設定 - 插入 → 表單 → 跳頁選單
1.文字 - 名稱
2.URL - 超連結
3.開啟URL - 開啟新頁面呈現結果
4.+&- - 名稱的上移、下移
三.導入頁 - 增加曝光率的方法
1.內容 - 關鍵字
2.標題 - 關鍵字，只做一個超連結，內容簡單
3.外部網頁 - 超連結到導入頁
Dreamweaver 管理網站操作
1.點選管理網站
2.新增 → 網站
3.設定在Dreamweaver網站名稱 ( 可用中文 )
4.選擇是否使用伺服器技術 → 網頁有無程式，開新檔案時預設副檔名
5.檔案儲存的地方 - 選擇第二項功能則第六項跳過
6.有否使用遠端伺服器
7.設定連線方式 - 複製網站資料到測試伺服器
8.測試伺服器網站檔案放置位置 - c:\Apperv\www\資料夾名稱\
9.測試URL結果 成功失敗
10.設定是否可多人在網路上編輯
11.設定完成
12.檢視結果
Appserv 2.5.8 安裝
1.開啟檔案後 → Next
2.同意書 → I Agree
3.檔案放置位置 → c:\Appserv ( 可自由更改位置 ) → Next
4.內部安裝功能 → Next
5.伺服器名稱、電子信箱 → Next
*安裝過程中需解除封鎖
6.資料庫密碼 → 1234 ( 在確認一次 ) → Insatll
7.安裝過程中 → 解除封鎖
8.安裝完成 → Finsh
2007/09/03
8/28網際網路基礎應用
Swich & Dreamweaver
Swich 的作業對象 - Flash動畫
1.安裝
2.設定"影片"寬、高
3.配置"角色"(圖片、文字)
*背景圖 → (設寬、高)簡單變化
*小插畫，圖片... ( 可用gif )
*文字 → 加上特效
*注意前後順序
*時間軸的控制 ( 出現、隱藏 )
4.行動
5.匯出(.swf)，存檔(.swi)
6.在網頁內使用
Swich功能介紹
1.檔案儲存為.swi - 可以後續修改程式
2.插入場景、文字、影像物件
3.插入物件的順序變更 - ( 文字要在最上面 )
4.預覽執行結果 - ▼全部場景預覽▽單頁場景預覽
5.檔案儲存為.swf - 可以放在網頁做Flash
6.內容 → 輸入 ( 事先將此檔案的所有需用資源先行抓取 )
7.行動 → 加入事件 → 加入行動 ( 檔案輸出成swf檔才看的到結果)
☆在場景中，設定一觸發點，會產生設定的結果
在Dreamweaver 使用動畫 - 插入 → 媒體 → Flash
Swich 的作業對象 - Flash動畫
1.安裝
2.設定"影片"寬、高
3.配置"角色"(圖片、文字)
*背景圖 → (設寬、高)簡單變化
*小插畫，圖片... ( 可用gif )
*文字 → 加上特效
*注意前後順序
*時間軸的控制 ( 出現、隱藏 )
4.行動
5.匯出(.swf)，存檔(.swi)
6.在網頁內使用
Swich功能介紹
1.檔案儲存為.swi - 可以後續修改程式
2.插入場景、文字、影像物件
3.插入物件的順序變更 - ( 文字要在最上面 )
4.預覽執行結果 - ▼全部場景預覽▽單頁場景預覽
5.檔案儲存為.swf - 可以放在網頁做Flash
6.內容 → 輸入 ( 事先將此檔案的所有需用資源先行抓取 )
7.行動 → 加入事件 → 加入行動 ( 檔案輸出成swf檔才看的到結果)
☆在場景中，設定一觸發點，會產生設定的結果
在Dreamweaver 使用動畫 - 插入 → 媒體 → Flash
訂閱：
文章 (Atom)