已經製作的網頁的樣板，如何套用樣版
Dreamweaver先開一個新檔案，再將資料KEY入，
在'修改' => 樣版 =>將樣版套用到頁面即可。
使用元件設計師設計按鈕，做成一組的按鈕列。
在樣版裡製作按鈕列，先在PhotoImpact裏使用”元件設計師”
設計好每一個按鈕，存為GIF檔（PhotoImpact會存成三個相關
GIF檔），再到Dreamweaver將樣版叫出，使用插入導覽列，
把按鈕列加到樣版裡。
Swish1.52
1.安裝/購買
2設定影像，寬度、高度(600*400)
3.插入影像
4.插入文字，設定屬性
5.時間軸 =>-加入效果
6.調整時間軸內各”角色”的配置
7.加入行動
8.預視
9.匯出swf檔案
2007/08/28
2007/08/27
8/24網際網路基礎應用
單頁式網頁製作要點：
1.以美工設計版面為主，仍然要考慮文字編輯的方便
2.設計版面圖檔(基本位置配置，大色塊，單色圖，
區分各區塊【標題，功能表，本文】)
3.適當的工具
*PhotoImpact設計版面
*切割工具，存成網頁
*Dreamweaver樣板處理多個頁面
操作實例：
1.製作設計 (圖稿、切割、另存web HTML)
2.網頁設計
*指定樣板（範本）
*指定可編輯區域
*開新檔案（範本）
在Dreamwearver使用樣板設計
1.開啟製作好的網頁保留可編輯(文字或圖片)的位置
2.插入 =>樣板物件 =>製作樣板
*產生Templates資料夾
*儲存一個樣版檔（.dwt）
3.選取區域插入 =>樣板物件 =>可編輯區域
增加網頁
1.檔案 => 開新檔案 => 樣板 => 存檔(先存檔再編輯)
2.在已有的網頁檔案，套入樣板
1.以美工設計版面為主，仍然要考慮文字編輯的方便
2.設計版面圖檔(基本位置配置，大色塊，單色圖，
區分各區塊【標題，功能表，本文】)
3.適當的工具
*PhotoImpact設計版面
*切割工具，存成網頁
*Dreamweaver樣板處理多個頁面
操作實例：
1.製作設計 (圖稿、切割、另存web HTML)
2.網頁設計
*指定樣板（範本）
*指定可編輯區域
*開新檔案（範本）
在Dreamwearver使用樣板設計
1.開啟製作好的網頁保留可編輯(文字或圖片)的位置
2.插入 =>樣板物件 =>製作樣板
*產生Templates資料夾
*儲存一個樣版檔（.dwt）
3.選取區域插入 =>樣板物件 =>可編輯區域
增加網頁
1.檔案 => 開新檔案 => 樣板 => 存檔(先存檔再編輯)
2.在已有的網頁檔案，套入樣板
8/23網際網路基礎應用
AppServ
可不裝（預覽頁面時，直接開啟htm檔；
IE允許執行畫面；不能執行php）
可安裝
網頁資料夾=>固定擺在F:\AppServ\www\XXXX=>
預覽網頁用正式方式 http://localhost/XXXX/filename
網頁資料夾至於別處=>指定測試伺服器（指定AppServ上的暫存位置）
可不裝（預覽頁面時，直接開啟htm檔；
IE允許執行畫面；不能執行php）
可安裝
網頁資料夾=>固定擺在F:\AppServ\www\XXXX=>
預覽網頁用正式方式 http://localhost/XXXX/filename
網頁資料夾至於別處=>指定測試伺服器（指定AppServ上的暫存位置）
8/22網際網路基礎應用
一.複習Review - 網頁設計
1.管理網站 - 網站目錄、檔名 ( 不用中文，副檔名概念要清楚 )、
使用Dreamweaver管理 與Server結合。
2.網頁內容 - 頁面屬性(文字、圖形、表格、超連結)
3.增強內容 - CSS、JavaScript 、 Rollover按鈕、影像地圖。
4.影像處理 - 照片大小、色調、檔案格式 (gif，jpg)
5.動畫效果 - GIF ( JavaScript，Swish )
6.多媒體 - 聲音 ( mid，.wmv)、影片(擷取.剪接)
7.網頁組成 - Frame頁框、CSS、單一頁面 ( 程式，樣版 )
8.網站架設 - Appserv
9.程式設計 ( 動態網頁 ) - php、套件
二.Dreamweaver管理網站 -
使用伺服器技術(1.php 2.網站目錄 3.前置詞)
1.點選檔案面版的管理網站
2.點選新增 → 網站
3.設定Dreamweaver網站名稱（可中文）
4.使用伺服器 技術 → PHP MySQL
5.設定檔案來源 → 硬碟:\Appserv\www\網站名稱
6.設定URL根目錄 → http://localhost/網站名稱
7.測試 URL→ 是否前置詞正確
8.無遠端伺服器 → 完成
1.管理網站 - 網站目錄、檔名 ( 不用中文，副檔名概念要清楚 )、
使用Dreamweaver管理 與Server結合。
2.網頁內容 - 頁面屬性(文字、圖形、表格、超連結)
3.增強內容 - CSS、JavaScript 、 Rollover按鈕、影像地圖。
4.影像處理 - 照片大小、色調、檔案格式 (gif，jpg)
5.動畫效果 - GIF ( JavaScript，Swish )
6.多媒體 - 聲音 ( mid，.wmv)、影片(擷取.剪接)
7.網頁組成 - Frame頁框、CSS、單一頁面 ( 程式，樣版 )
8.網站架設 - Appserv
9.程式設計 ( 動態網頁 ) - php、套件
二.Dreamweaver管理網站 -
使用伺服器技術(1.php 2.網站目錄 3.前置詞)
1.點選檔案面版的管理網站
2.點選新增 → 網站
3.設定Dreamweaver網站名稱（可中文）
4.使用伺服器 技術 → PHP MySQL
5.設定檔案來源 → 硬碟:\Appserv\www\網站名稱
6.設定URL根目錄 → http://localhost/網站名稱
7.測試 URL→ 是否前置詞正確
8.無遠端伺服器 → 完成
2007/08/23
2007/08/21
8/21網際網路基礎應用
GIF 動畫 靜態網頁 . htm
Javascript / CSS互動表單
動態網頁 =>資料由Server端產生
網路 => 元件設計師 => 匯出
1.HTML（產生網頁，多個圖檔）
2.最佳化程式 => 存檔（圖檔）
3.匯出成PhotoImpact圖形物件
4.匯出成PhotoImpact圖形物件
建議：
1.將圖形物件存成UFO
2.匯成HTML在網頁使用
用元件設計師製作Rollover按鈕
1.先產生一組按鈕，匯出 mm1（產生一個html及三張圖片）
2.產生各組（html+圖檔） mm2,mm3,mm4
3.以一個為主（mm1），將其他按鈕複製過來i)
a.打開分割，檢視原始碼ii)
b. copy圖檔（含超連結）iii)
c.copy原始碼中的Javascript
GifAnimator操作
1.決定好圖形尺寸（寬高）
2.先準備好圖案
3.進入GifAnimator
4.開新檔案 =>設定圖檔大小
5.新增畫格
6.---增加物件---（貼圖，物件）
7.設定各畫格的時間
8.預覽結果
9.存檔(.uga檔（日後修改用），.gif檔)
網路程式 ASP，JSP，PHP（動態網頁）
Server端程式
1.安裝Server => AppServ software
2.網頁程式副檔名 .php
3.php程式內容（文字檔）
程式網頁?>
開始寫程式
1.建立新檔案
2.更改檔名，副檔名.php
3.開始編寫（原始碼）
4.存檔
5.執行，以IE開啟 http://localhost/(資料夾www)/*.php
秀出現在時間的程式
echo’現在時間 ’.date(“Y年m月d日H:i:s,time());?>
Javascript / CSS互動表單
動態網頁 =>資料由Server端產生
網路 => 元件設計師 => 匯出
1.HTML（產生網頁，多個圖檔）
2.最佳化程式 => 存檔（圖檔）
3.匯出成PhotoImpact圖形物件
4.匯出成PhotoImpact圖形物件
建議：
1.將圖形物件存成UFO
2.匯成HTML在網頁使用
用元件設計師製作Rollover按鈕
1.先產生一組按鈕，匯出 mm1（產生一個html及三張圖片）
2.產生各組（html+圖檔） mm2,mm3,mm4
3.以一個為主（mm1），將其他按鈕複製過來i)
a.打開分割，檢視原始碼ii)
b. copy圖檔（含超連結）iii)
c.copy原始碼中的Javascript
GifAnimator操作
1.決定好圖形尺寸（寬高）
2.先準備好圖案
3.進入GifAnimator
4.開新檔案 =>設定圖檔大小
5.新增畫格
6.---增加物件---（貼圖，物件）
7.設定各畫格的時間
8.預覽結果
9.存檔(.uga檔（日後修改用），.gif檔)
網路程式 ASP，JSP，PHP（動態網頁）
Server端程式
1.安裝Server => AppServ software
2.網頁程式副檔名 .php
3.php程式內容（文字檔）
程式網頁?>
開始寫程式
1.建立新檔案
2.更改檔名，副檔名.php
3.開始編寫（原始碼）
4.存檔
5.執行，以IE開啟 http://localhost/(資料夾www)/*.php
秀出現在時間的程式
echo’現在時間 ’.date(“Y年m月d日H:i:s,time());?>
2007/08/20
8/20網際網路基礎應用
網頁圖檔應用
1.UFO - Photo Impact專用
2.JPG - 相片，合成影像
3.PNG - 1 跟 2 的合成
4.GIF - 不規則圖形(透明色)，符號，圖案
(256色、調色盤、網頁安全色)，標誌，標題，小動畫
網路功能表=>按鈕設定師
1.先圈選預作成按鈕的選取區
2.網路 → 按鈕設計師（任意形狀，矩形）
3.設定樣式，方向，寬度，色彩...→ 確定
4.將按鈕物件複製到新影像
5.另存新檔 → GIF（圖形交換格式）→ 選項
6.勾選透明度 → 遮照選項 → 遮照 → 挑選色彩 → 色彩選擇
7.置入網頁內
網路功能表=>背景設計師
1.網路 → 背景設計師
2.設定類型，顏色，漸層效果
網路功能表=>元件設計師
1.網路 → 元件設計師
2.選擇套用的圖形 - 橫幅，按鈕，按鈕列....等
3.設定文字、圖形顏色、背景☆如有超連結，需在此先行詳細設定，
例：網址，目標，替代文字....等
4.匯出
a.HTML
b.影像最佳化程式（JPG檔）
c.PhotoImpact的影像編輯區 :個別物件、元件物件
1.UFO - Photo Impact專用
2.JPG - 相片，合成影像
3.PNG - 1 跟 2 的合成
4.GIF - 不規則圖形(透明色)，符號，圖案
(256色、調色盤、網頁安全色)，標誌，標題，小動畫
網路功能表=>按鈕設定師
1.先圈選預作成按鈕的選取區
2.網路 → 按鈕設計師（任意形狀，矩形）
3.設定樣式，方向，寬度，色彩...→ 確定
4.將按鈕物件複製到新影像
5.另存新檔 → GIF（圖形交換格式）→ 選項
6.勾選透明度 → 遮照選項 → 遮照 → 挑選色彩 → 色彩選擇
7.置入網頁內
網路功能表=>背景設計師
1.網路 → 背景設計師
2.設定類型，顏色，漸層效果
網路功能表=>元件設計師
1.網路 → 元件設計師
2.選擇套用的圖形 - 橫幅，按鈕，按鈕列....等
3.設定文字、圖形顏色、背景☆如有超連結，需在此先行詳細設定，
例：網址，目標，替代文字....等
4.匯出
a.HTML
b.影像最佳化程式（JPG檔）
c.PhotoImpact的影像編輯區 :個別物件、元件物件
8/20中小企業E化專題
2007/08/17
8/17網際網路基礎應用
PhotoImpact10
邊緣複雜的物件
1.擷取物件
2.用筆刷圈選圖案
3.擷取物件 - 點圖案周邊外圍去背→ 點選擷取
4.調整物件 - 擦掉圖案周邊多出來的圖案 → 完成按確定
5.複製貼製在需要的影像上
※一些常用的功能
1調整 =>擴大底框
2.相片 =>相片邊框
3.工具箱 =>3D融合(物件 =>3D =>設高度)
4.文字是物件(2D、3D物件)也是選取區
也是路徑(可改變形狀，改變後就不是文字是物件)
5.文字 =>選取區 =>擴大選取區
仿製功能決定起點 =>按Shift + 滑鼠左鍵
2007/08/16
8/16網際網路基礎應用
PhotoImpact10
*工具使用(挑選.屬性)
*百寶箱使用要注意
*選取資料的功能(去背、柔邊、取消選取)
*基底影像(物件要掌控)
*變形特效、相片色調、色階
*路徑、文字圖、影像
製作組合影像
選取另一張圖的部份影像
1.在目標影像"設定"選取區(選柔邊)
2.匯出選取區(即遮罩)
3.到圖案點匯入選取區
4.移動選取區(*選項 =>只移動圈選框)
5.點複製 =>在目標影像貼上
遮罩使用
1.開啟新檔案(設為灰階)
2.任意畫圖(*黑底，繪圖顏色為白色)
3.可在其他圖上匯入選取區=>遮罩
*百寶箱文件資料庫
1.選取百寶箱圖庫字樣
2.點開圖層管理員
3.取消群組
4.針對各個文字物件 => 修改文字
5.修改後的文字=>群組
*工具使用(挑選.屬性)
*百寶箱使用要注意
*選取資料的功能(去背、柔邊、取消選取)
*基底影像(物件要掌控)
*變形特效、相片色調、色階
*路徑、文字圖、影像
製作組合影像
選取另一張圖的部份影像
1.在目標影像"設定"選取區(選柔邊)
2.匯出選取區(即遮罩)
3.到圖案點匯入選取區
4.移動選取區(*選項 =>只移動圈選框)
5.點複製 =>在目標影像貼上
遮罩使用
1.開啟新檔案(設為灰階)
2.任意畫圖(*黑底，繪圖顏色為白色)
3.可在其他圖上匯入選取區=>遮罩
*百寶箱文件資料庫
1.選取百寶箱圖庫字樣
2.點開圖層管理員
3.取消群組
4.針對各個文字物件 => 修改文字
5.修改後的文字=>群組
8/15網際網路基礎應用
基本物件
*副檔名
*管理網站(Dreamweaver)
*圖檔*單一的網頁
1.主設計 => Frame.htm
2.首頁 => Home.htm
3.單頁(BLOG)流行趨勢，美工內容
頁框的使用
1.腦中已有頁面(頁框)的規劃
2.*建立預設的頁框 *修改頁框的組成
3.設定頁框組的屬性=>各頁框的寬度(多少像素、相對)，是否捲動
4.設定頁框的屬性=>原始檔、頁框名稱
5.存檔(頁框、頁框組)
課本16章 頁框建立
1.開新檔案=>點選頁框組選擇樣式(不選邊框)
2.版面=>工具列的頁框=>選擇切割方式
3.手動分割(給頁框名稱)
PhotoImpact 10 使用
照片的處理
相片特效處理
Ctrl + D 再製一張圖(避免更改原來的圖)
選取工具
1.矩形、圖形(組合使用)
2.套索(不規則形狀逐步點選)
3.魔術棒工具(物件與背景明顯分離)
4.Bezier 貝茲曲線(設柔邊效果會較好)
※物件合併存檔要先存 ufo 副檔名
網頁要用的再存 jpg 副檔名
*副檔名
*管理網站(Dreamweaver)
*圖檔*單一的網頁
1.主設計 => Frame.htm
2.首頁 => Home.htm
3.單頁(BLOG)流行趨勢，美工內容
頁框的使用
1.腦中已有頁面(頁框)的規劃
2.*建立預設的頁框 *修改頁框的組成
3.設定頁框組的屬性=>各頁框的寬度(多少像素、相對)，是否捲動
4.設定頁框的屬性=>原始檔、頁框名稱
5.存檔(頁框、頁框組)
課本16章 頁框建立
1.開新檔案=>點選頁框組選擇樣式(不選邊框)
2.版面=>工具列的頁框=>選擇切割方式
3.手動分割(給頁框名稱)
PhotoImpact 10 使用
照片的處理
相片特效處理
Ctrl + D 再製一張圖(避免更改原來的圖)
選取工具
1.矩形、圖形(組合使用)
2.套索(不規則形狀逐步點選)
3.魔術棒工具(物件與背景明顯分離)
4.Bezier 貝茲曲線(設柔邊效果會較好)
※物件合併存檔要先存 ufo 副檔名
網頁要用的再存 jpg 副檔名
2007/08/14
2007/08/13
8/13中小企業E化專題
1.部落格經營Step2&3
2.內部規格
3.專案內容(分組進行)
2.內部規格
3.專案內容(分組進行)
清冊：
1.Frame分鏡
2.Page頁
3.Layout版面配置
4.Pegion區塊
5.Templat底圖、表單
6.Form元件
7.Video影像
(1)Text文字(2)Graphic圖案(3)Image圖像
(4)Video影片(5)Anjmator動畫
8.Avdio音效
(1)Lingual語音(2)Music音樂(3)Sound聲音
9.Interactiuity互動
2007/08/10
8/10應用軟體
圖與文的對齊
使用對齊=>靠左或靠右（文繞圖）
書本
P.5-36 滑鼠變換影像
插入影像物件=>滑鼠變換 =>原始影像 =>滑鼠變換影像
P.6-2 內部超連結檔案 檔名.htm內部錨點 #命名錨點
P.6-10 外部網站http:// 網址…/
※目標 =>新視窗
P.6-14 e-mail連結與我聯絡 mailto:email信箱 mailto:（開啟outlook）
P.6-15 mailto:xxx@xxx?subject=網站意見在outlook的主旨會秀
”網站意見”
P.6-18 一般檔案的超連結（非網頁）圖片 => 屬性
※檔名圖檔（FLASH） =>秀在IE視窗內
※Word , Excel（影像）=> 秀在IE視窗內，開新視窗，下載檔案
P.6-20 頁面屬性（整個頁面）連結 =>連結顏色 =>查閱過連結
P.6-21(右上)設計 =>CSS樣式 => a;hover 編輯加入表格，應用同Word
使用對齊=>靠左或靠右（文繞圖）
書本
P.5-36 滑鼠變換影像
插入影像物件=>滑鼠變換 =>原始影像 =>滑鼠變換影像
P.6-2 內部超連結檔案 檔名.htm內部錨點 #命名錨點
P.6-10 外部網站http:// 網址…/
※目標 =>新視窗
P.6-14 e-mail連結與我聯絡 mailto:email信箱 mailto:（開啟outlook）
P.6-15 mailto:xxx@xxx?subject=網站意見在outlook的主旨會秀
”網站意見”
P.6-18 一般檔案的超連結（非網頁）圖片 => 屬性
※檔名圖檔（FLASH） =>秀在IE視窗內
※Word , Excel（影像）=> 秀在IE視窗內，開新視窗，下載檔案
P.6-20 頁面屬性（整個頁面）連結 =>連結顏色 =>查閱過連結
P.6-21(右上)設計 =>CSS樣式 => a;hover 編輯加入表格，應用同Word
8/9應用軟體
ACD See 7.0 => 管理整張相片
光影魔術手 => 加花邊、浮水印
Picasa（Google）網路管理照片
設計Photo Impact
照片/圖檔
1.類型 jpg，gif，png網頁可用（副檔名）
bmp 點陣圖、電腦畫面
tif 掃描圖稿
raw 原始
2.解析度 （水平）*（垂直）= 像素
3.檔案大小
擷取電腦畫面
1.PrtScr => 抓全螢幕
2.Alt-PrtScr => 抓單一視窗
3.利用Photo Impact 擷取任意畫面物件
※【影片不一定擷取得到】
ACD See常用操作
1.更名、轉換格式
2.調整大小、旋轉、裁切尺寸
3.色彩、色調、曝光度……
ACD See建立網頁相本
選圖框→建立→建立HTML相簿→基本縮圖頁面→圖像品質85~95
光影魔術手 => 加花邊、浮水印
Picasa（Google）網路管理照片
設計Photo Impact
照片/圖檔
1.類型 jpg，gif，png網頁可用（副檔名）
bmp 點陣圖、電腦畫面
tif 掃描圖稿
raw 原始
2.解析度 （水平）*（垂直）= 像素
3.檔案大小
擷取電腦畫面
1.PrtScr => 抓全螢幕
2.Alt-PrtScr => 抓單一視窗
3.利用Photo Impact 擷取任意畫面物件
※【影片不一定擷取得到】
ACD See常用操作
1.更名、轉換格式
2.調整大小、旋轉、裁切尺寸
3.色彩、色調、曝光度……
ACD See建立網頁相本
選圖框→建立→建立HTML相簿→基本縮圖頁面→圖像品質85~95
2007/08/09
8/9中小企業E化專題
8/8應用軟體
準備工作
1.可暫時不安裝AppServ
2.確認自己網站放置的資料夾xx:/Appserv/www/photo
3.將網頁材質檔案至於images資料夾內
4.副檔名取消隱藏
5.準備一些照片圖檔
6.執行Dearmweaver設定"管理網站"
開始編寫網頁
1.在面板的檔案區 => 開新檔案
2.更改檔名 => 檔名規則（不用中文），副檔名為 . htm
3.開啟編寫內容
頁面屬性
1.標題
2.背景色/背景圖
3.邊界…等
頁面字體不需設定用預設字體即可
顏色代碼 # _R_ _G_ _B_ R/G/B各以兩碼表示00 => FF 由淺到深
例如：#FF0000 為紅色
萬國碼Unicode Text Format-8 UTF-8
操作
換列(BR)=>Shift-Enter
特殊字元 …… 在”文字”工具列選項
空白 在”文字”工具列選項
水平線(HR) => 插入HTML => 水平線
CSS的觀念 => 樣式表不要在頁面設字體及大小
插入圖片
1.檔案類型
jpg 照片
gif (小圖案，動畫，透明色，256色)
png 支援透明度
2.圖檔大小 ：解析度，每點存放位元數
3.屬性設定
插入圖片
1.圖已放在網頁資料夾 => 直接拉進法
2.插入 => 影像*確定
(1) 檔名規則(英文)
(2)檔案放在網頁資料夾
超連結
1.內部網站某個……網站（檔案）同一個頁面 to 特定位置 插入，命名錨點（xxx） 連結
2.外部網站注意：開新頁面 => 目標：_ blank 外部網頁
1.可暫時不安裝AppServ
2.確認自己網站放置的資料夾xx:/Appserv/www/photo
3.將網頁材質檔案至於images資料夾內
4.副檔名取消隱藏
5.準備一些照片圖檔
6.執行Dearmweaver設定"管理網站"
開始編寫網頁
1.在面板的檔案區 => 開新檔案
2.更改檔名 => 檔名規則（不用中文），副檔名為 . htm
3.開啟編寫內容
頁面屬性
1.標題
2.背景色/背景圖
3.邊界…等
頁面字體不需設定用預設字體即可
顏色代碼 # _R_ _G_ _B_ R/G/B各以兩碼表示00 => FF 由淺到深
例如：#FF0000 為紅色
萬國碼Unicode Text Format-8 UTF-8
操作
換列(BR)=>Shift-Enter
特殊字元 …… 在”文字”工具列選項
空白 在”文字”工具列選項
水平線(HR) => 插入HTML => 水平線
CSS的觀念 => 樣式表不要在頁面設字體及大小
插入圖片
1.檔案類型
jpg 照片
gif (小圖案，動畫，透明色，256色)
png 支援透明度
2.圖檔大小 ：解析度，每點存放位元數
3.屬性設定
插入圖片
1.圖已放在網頁資料夾 => 直接拉進法
2.插入 => 影像*確定
(1) 檔名規則(英文)
(2)檔案放在網頁資料夾
超連結
1.內部網站某個……網站（檔案）同一個頁面 to 特定位置 插入，命名錨點（xxx） 連結
2.外部網站注意：開新頁面 => 目標：_ blank 外部網頁
8/7應用軟體
Power Point多媒體播放
簡報設計影片檔的副檔名： avi，mpg，wmv
Power Point.ppt 不含簡報檔，要自行與簡報一起COPY
影像檔為絕對路徑=>建議固定 C：\ 資料夾
副檔名為pps意是Power Point轉檔，為直接播放檔，
若以Power Point開啟，亦可更改另存ppt檔
信嘉老師 http://140.137.219.54/網頁伺服器
Apache 2*php5（程式）*MySQL5（資料庫）
其他工具在網頁設計，自己電腦的IP為127.0.0.1 或 local host
安裝網站
1. 執行AppServ
(1) Next => Next
(2) 安裝目錄
(3) 伺服器名稱：localhost
Mail：a@a.a.a
(4)My Sql資料庫密碼
(5)安裝完成
2. 測試方式用IE開啟網站 http://localhost/
網站（硬體+伺服器）建置選擇
1. 找ISP，網站空間 à 只能放靜態網頁
2. ISP主機代管 服務( 自己的主機放在ISP)
3. 自己架設：
電腦（記憶體大一點2GB以上）
線路（ADSL）
固定IP申請網址（1年400元）
ISP：Internet Service Provider
BSP：Blog Service Provider
注意事項
網站內的檔案/資料夾
命名規則
1. 英文字母開頭(小寫)
2. 不能用中文
3. 不要用空白，特殊符號（可用底線）
4. 副檔名
管理網站功能
1.點管理網站案新增
2.網站定義命名(自己喜好)
3.要不要使用伺服器點NO
4.輸入http://appserv/www/photo
5.遠端伺服器(選無)
簡報設計影片檔的副檔名： avi，mpg，wmv
Power Point.ppt 不含簡報檔，要自行與簡報一起COPY
影像檔為絕對路徑=>建議固定 C：\ 資料夾
副檔名為pps意是Power Point轉檔，為直接播放檔，
若以Power Point開啟，亦可更改另存ppt檔
信嘉老師 http://140.137.219.54/網頁伺服器
Apache 2*php5（程式）*MySQL5（資料庫）
其他工具在網頁設計，自己電腦的IP為127.0.0.1 或 local host
安裝網站
1. 執行AppServ
(1) Next => Next
(2) 安裝目錄
(3) 伺服器名稱：localhost
Mail：a@a.a.a
(4)My Sql資料庫密碼
(5)安裝完成
2. 測試方式用IE開啟網站 http://localhost/
網站（硬體+伺服器）建置選擇
1. 找ISP，網站空間 à 只能放靜態網頁
2. ISP主機代管 服務( 自己的主機放在ISP)
3. 自己架設：
電腦（記憶體大一點2GB以上）
線路（ADSL）
固定IP申請網址（1年400元）
ISP：Internet Service Provider
BSP：Blog Service Provider
注意事項
網站內的檔案/資料夾
命名規則
1. 英文字母開頭(小寫)
2. 不能用中文
3. 不要用空白，特殊符號（可用底線）
4. 副檔名
管理網站功能
1.點管理網站案新增
2.網站定義命名(自己喜好)
3.要不要使用伺服器點NO
4.輸入http://appserv/www/photo
5.遠端伺服器(選無)
2007/08/05
8/5分享文章 From朋友
政府（有決策權的人）會思考嗎!!!!
中央真的那麼有錢嗎 ???
錢在那裏 ????
我們小孩的未來又如何 ?????
燒錢.......................也燒去了未來。
-
50元 買最後的尊嚴
文/洪蘭(陽明大學神經科學研究所教授)
餃子店的老闆常用舊報紙包冷凍水餃，我在煮餃子時，便順便看一下報紙，不浪費時間。 有一天看到一個讀者投書〈生命最後的尊嚴〉，原來一位男士失業，一家四口用100元過一天，這位讀者去他家時，偶然在他的撲滿裡看到一個50元的硬幣，就拿起來搖一下，男主人靦腆地說：「那是生命最後的尊嚴。」
當時，他並沒有聽懂這句話的意思，以為表示家裡還有點儲蓄，後來在電視上看到這位男士帶著孩子燒炭自殺了。
他去他家，看到那個撲滿空了，桌上有張發票：炭，50元。他才瞭解那天「生命最後的尊嚴」是什麼意思。
這真是悲慘，令人不勝唏噓，就像上戰場的勇士留最後一顆子彈給自己一樣，讓自己能有尊嚴地離開這個世界。
翻過報紙，另一面是財大氣粗的大老闆擁著兩位美女，說他們公司尾牙花7億，頓時覺得這版面很刺眼，急忙跳過去，真是朱門酒肉臭，路有凍死骨。再翻過去，看到今年花燈要花1.3億，政府要薄海歡騰、普天同慶。這時只覺得很憤慨了，人民已經在用最後的50元來維持他的尊嚴了，政府卻還拿著人民的血汗錢在做繁華的假象，像這樣的新聞，實在是看不下去。
政府的錢應該用在為老百姓謀福利上，最基本的福利就是人人有飯吃。飯都沒得吃，點什麼花燈呢？燈應該點在老百姓的心中，不管這個世界多黑暗，只要老百姓心中是亮的，這個國家一定有前途，假如表面上歌舞昇平，老百姓心中泣血，這假象又能維持多久呢？
務實的教育政策才能點亮心燈 從神經學上，我們知道要改正一個行為，不是說NO就可以使這個行為不發生，還必須找出要的行為，用要的行為去取代不要的行為。今天政府只是宣揚不要自殺是沒有用的，必須替人民找出一條生路，他們才會不自殺。
目前政府有兩件事必須要做，一是整頓治安，許多人被地下錢莊逼得走投無路，或一生積蓄被騙光而選擇自殺，政府應大力掃除詐騙和討債集團，先把前門的狼跟後門的虎去除，然後從務實的教育做起，給人民一技之長。
現在世界的潮流是非技術性的產業外移，移到印度、巴基斯坦、越南等工資低廉的地方，剩下來的是技術性的產業，國家的經費應該投資到提升國民的技能上，以維持國家的競爭力。
但我們的教育沒有趕的上時代的需求，政府常說財政困難，要削減教育經費，關掉偏遠小學，但是卻有錢辦花燈來討好選民，專做煙花一現即逝的「燒錢」事，我們應該把這些錢用到基礎教育上，使國家強起來。
「富在山中有遠親」，當國家富強時，不論叫什麼名字都有人上門來做生意。
莎士比亞不是說：「名字是什麼，玫瑰換成別的名字一樣地香？」
把納稅人的錢用到教育上，提升國家的競爭力，冰島、芬蘭、愛爾蘭都是我們的榜樣，國家強了，人民有飯吃了，燒炭自然就絕跡了。希望在這新的一年，政府能以蒼生為重，用務實的行動，點亮老百姓心中的燈。
中央真的那麼有錢嗎 ???
錢在那裏 ????
我們小孩的未來又如何 ?????
燒錢.......................也燒去了未來。
-
50元 買最後的尊嚴
文/洪蘭(陽明大學神經科學研究所教授)
餃子店的老闆常用舊報紙包冷凍水餃，我在煮餃子時，便順便看一下報紙，不浪費時間。 有一天看到一個讀者投書〈生命最後的尊嚴〉，原來一位男士失業，一家四口用100元過一天，這位讀者去他家時，偶然在他的撲滿裡看到一個50元的硬幣，就拿起來搖一下，男主人靦腆地說：「那是生命最後的尊嚴。」
當時，他並沒有聽懂這句話的意思，以為表示家裡還有點儲蓄，後來在電視上看到這位男士帶著孩子燒炭自殺了。
他去他家，看到那個撲滿空了，桌上有張發票：炭，50元。他才瞭解那天「生命最後的尊嚴」是什麼意思。
這真是悲慘，令人不勝唏噓，就像上戰場的勇士留最後一顆子彈給自己一樣，讓自己能有尊嚴地離開這個世界。
翻過報紙，另一面是財大氣粗的大老闆擁著兩位美女，說他們公司尾牙花7億，頓時覺得這版面很刺眼，急忙跳過去，真是朱門酒肉臭，路有凍死骨。再翻過去，看到今年花燈要花1.3億，政府要薄海歡騰、普天同慶。這時只覺得很憤慨了，人民已經在用最後的50元來維持他的尊嚴了，政府卻還拿著人民的血汗錢在做繁華的假象，像這樣的新聞，實在是看不下去。
政府的錢應該用在為老百姓謀福利上，最基本的福利就是人人有飯吃。飯都沒得吃，點什麼花燈呢？燈應該點在老百姓的心中，不管這個世界多黑暗，只要老百姓心中是亮的，這個國家一定有前途，假如表面上歌舞昇平，老百姓心中泣血，這假象又能維持多久呢？
務實的教育政策才能點亮心燈 從神經學上，我們知道要改正一個行為，不是說NO就可以使這個行為不發生，還必須找出要的行為，用要的行為去取代不要的行為。今天政府只是宣揚不要自殺是沒有用的，必須替人民找出一條生路，他們才會不自殺。
目前政府有兩件事必須要做，一是整頓治安，許多人被地下錢莊逼得走投無路，或一生積蓄被騙光而選擇自殺，政府應大力掃除詐騙和討債集團，先把前門的狼跟後門的虎去除，然後從務實的教育做起，給人民一技之長。
現在世界的潮流是非技術性的產業外移，移到印度、巴基斯坦、越南等工資低廉的地方，剩下來的是技術性的產業，國家的經費應該投資到提升國民的技能上，以維持國家的競爭力。
但我們的教育沒有趕的上時代的需求，政府常說財政困難，要削減教育經費，關掉偏遠小學，但是卻有錢辦花燈來討好選民，專做煙花一現即逝的「燒錢」事，我們應該把這些錢用到基礎教育上，使國家強起來。
「富在山中有遠親」，當國家富強時，不論叫什麼名字都有人上門來做生意。
莎士比亞不是說：「名字是什麼，玫瑰換成別的名字一樣地香？」
把納稅人的錢用到教育上，提升國家的競爭力，冰島、芬蘭、愛爾蘭都是我們的榜樣，國家強了，人民有飯吃了，燒炭自然就絕跡了。希望在這新的一年，政府能以蒼生為重，用務實的行動，點亮老百姓心中的燈。
2007/08/04
2007/08/02
8/2中小企業E化專題
今天是我們專案的PRB報告，以前從來沒有經驗，
而我也是臨時拉上去支援的，好緊張不知為什麼每次
一上台就是腦袋空空直發麻，跟著舌頭也打結，
有時真的很氣我自己活了近半百，場面也見了不
少的我在台下可以侃侃而談，盡然在這種場合是這種
表現真的好丟臉，三個半月的課程今天剛好滿月，
還有兩個半月，我真的要好好加油！
而我也是臨時拉上去支援的，好緊張不知為什麼每次
一上台就是腦袋空空直發麻，跟著舌頭也打結，
有時真的很氣我自己活了近半百，場面也見了不
少的我在台下可以侃侃而談，盡然在這種場合是這種
表現真的好丟臉，三個半月的課程今天剛好滿月，
還有兩個半月，我真的要好好加油！
8/1應用軟體
SQL指令(語法)
1.DDL(資料定義語言)例:建立資料表
2.DCL( 控制 )例:權限
3.DML( 處理 )
(1)新增記錄 - INSERT INTO 資料表(欄位) VALUES(值)
(2)修改資料 - UPDATE 資料表 SET 欄位=值 WHERE 條件
(3)刪除資料 - DELETE FROM 資料表 WHERE 條件
(4)查詢(取出)資料 - SELECT 欄位 FROM 資料表 WHERE 條件/關聯 ORDER BY欄位
資料庫的VIEW -- SQL / 關聯http://ireneapple.googlepages.com/mdb 老師範例提供。
關聯式資料庫：建立"資料表"間的關聯
1.一對一關聯(可視為單一資料表)
2.一對多關聯或多對一
3.多對多關聯 - 電腦無法執行，但可拆成2個一對多
*資料庫關聯圖 - 設定強迫完整性關聯性
*查詢欄位運算，如：總分：[國文]+[英文]
軟體開發流程
1.需求分析
2.可行性分析
3.設計 - 資料庫、輸入(表單)、輸出(報表)
4.開發/測試
5.建置
1.DDL(資料定義語言)例:建立資料表
2.DCL( 控制 )例:權限
3.DML( 處理 )
(1)新增記錄 - INSERT INTO 資料表(欄位) VALUES(值)
(2)修改資料 - UPDATE 資料表 SET 欄位=值 WHERE 條件
(3)刪除資料 - DELETE FROM 資料表 WHERE 條件
(4)查詢(取出)資料 - SELECT 欄位 FROM 資料表 WHERE 條件/關聯 ORDER BY欄位
資料庫的VIEW -- SQL / 關聯http://ireneapple.googlepages.com/mdb 老師範例提供。
關聯式資料庫：建立"資料表"間的關聯
1.一對一關聯(可視為單一資料表)
2.一對多關聯或多對一
3.多對多關聯 - 電腦無法執行，但可拆成2個一對多
*資料庫關聯圖 - 設定強迫完整性關聯性
*查詢欄位運算，如：總分：[國文]+[英文]
軟體開發流程
1.需求分析
2.可行性分析
3.設計 - 資料庫、輸入(表單)、輸出(報表)
4.開發/測試
5.建置
7/31中小企業E化專題
M0-M1的分析
M0-分析PRB
M1-計劃
E.S外部規格表、概念腳本、專案人員日程表、甘特圖
計畫：
1.Setup 企畫 (大方向) SA系統分析師
2.Desion設計(細節) SD系統設計師
*專案標準工時計算法 1個人月 = 50000 = 25人天
1個人天 = 2000元 = 8個人時，1個人時 = 250元
Excel常用函數
1.Left-顯示左邊字元
2.Right-顯示右邊字元
3.Mid -顯示兩數值中間字元
4.Value（值）- 文字轉成數字
5.Text（值）- 數字轉成文字
6.Len-字串的長度
7.Find-找字串
統計函數
1.Countif（範圍儲存格,"目標"）- 比較符合目標數目
2.Count（範圍儲存格）- 範圍內儲存格總數
3.Countblank（範圍儲存格）- 範圍內空白儲存格總數
M0-分析PRB
M1-計劃
E.S外部規格表、概念腳本、專案人員日程表、甘特圖
計畫：
1.Setup 企畫 (大方向) SA系統分析師
2.Desion設計(細節) SD系統設計師
*專案標準工時計算法 1個人月 = 50000 = 25人天
1個人天 = 2000元 = 8個人時，1個人時 = 250元
Excel常用函數
1.Left-顯示左邊字元
2.Right-顯示右邊字元
3.Mid -顯示兩數值中間字元
4.Value（值）- 文字轉成數字
5.Text（值）- 數字轉成文字
6.Len-字串的長度
7.Find-找字串
統計函數
1.Countif（範圍儲存格,"目標"）- 比較符合目標數目
2.Count（範圍儲存格）- 範圍內儲存格總數
3.Countblank（範圍儲存格）- 範圍內空白儲存格總數
訂閱：
文章 (Atom)