學習日誌－－超好SIR

今天是八月二十九日－－這一陣子大都上應用軟體課程．．實作網站
＠架設網站－用APPSERV2.5.8安裝套用
＠網址（DN）：localhost
＠測試－－（用ie開啓網站）＝＞http://localhost/檔名．htm/
＠用Dreamweaver管理網站所有的資料:
1.D:\Appserv\www\網站檔名.htm\
2.D:\Appserv\www\photo\（新增一個資料夾放檔案取名為photo）
3.http://localhost/網站名稱．htm
＠製作網頁有三種方式：
1.在管理網站－直接開新檔（選取單頁式）製作網頁．．然後各頁間再作”超連結”
2.在管理網站－直接開新檔（選取頁框組）製作網頁：
　a.把各個頁面規畫好－存檔（如Frame_menu.htm.........等等（設好頁框組）　
b.逐一製作各頁面 ;另製作導入頁－index.htm（讓google搜尋－須有關鍵字：如王建民等等）
　c.各頁間再作超連結．．．．．
3.單頁式網頁製作：
　a.photo impact設計版面
　b.切割工具，存成網頁
　c.Dreamweaver樣版處理多個頁面．．．
　操作實例如下：
．製作圖稿．切割．另存Web html（點儲存＝＞Web(Z)存成HTM(A)）（須跑路徑）
(先存一個UFO檔；以防樣板重弄）
．在Dreamweaver裏使用樣板設計：　
．開啟製作好的網頁＝＞插入＝＞點樣本物件＝＞製作樣板（須點”編輯””文字圖片”）
．（產生一個Templates=>另設檔名－儲存一個樣板檔.dwt）
．（．dwt屬性須設好）
．點插入＝＞樣板物件＝＞點可編輯區域＝＞儲存－左上角開新檔案－選樣板（儲存路徑－　page1.htm ）
＠以上為三種網頁設計方式．．．．．
＠配合photo-Impact各種的功能（如元件設計師等等）及Swish軟體1.52版的應用存成．swi
可在網頁中使用．．．．

學習日誌－－超好SIR

這個禮拜課程全在練習如何上網頁及規劃網頁．．．．．．．．
單頁式網頁製作要點：
1.以美工設計版面為主，仍然要考慮文字編輯的方便
2.設計版面圖檔（基本位置配置，大色塊，單色圖，區分各區塊【標題，功能表，本文】）
3.適當的工具 =>PhotoImpact設計版面=>切割工具，存成網頁=>Dreamweaver樣板處理多個頁
　面　．．．．　　　　　　　　
＠操作實例：
1.製作設計 圖稿切割另存web HTML
2.網頁設計 指定樣板（範本）指定可編輯區域
　　　　　開新檔案（範本）
在Dreamwearver使用樣板設計
　1.開啟製作好的網頁（保留可編輯【文字或圖片】的位置）．．．(須rolo才看得到.dwt)
　2.插入 =>樣板物件 =>製作樣板*產生Templates資料夾*儲存一個樣版檔（.dwt）
　3. 在選取區=>插入=>樣板物件=>可編輯區域
4.儲存
5.(左上角)=>開新檔案=>選様板（儲存路徑）page.1
3.【選取區域】插入 =>樣板物件 =>可編輯區域增加網頁1)檔案 => 開新檔案 => 樣板 => 存檔2)在已有的檔案，套入樣板

學習日誌－－超好SIR

筆記補充資料．．．．
＠.gif動畫 靜態網頁 . htm
＠Javascript / CSS互動表單
＠動態網頁 =>資料由Server端產生
＠網路 => 元件設計師 => 匯出1.HTML（產生網頁，多個圖檔）2.最佳化程式 => 存檔（圖檔）　　　　　　　　　　　　　 3.匯出成PhotoImpact圖形物件4.匯出成PhotoImpact圖形物件．．．．
＠建議：1.將圖形物件存成UFO2.匯成HTML在網頁使用．．．．．
＠用元件設計師製作Rollover按鈕:
1.先產生一組按鈕，匯出 mm1（產生一個html及三張圖片）
2.產生各組（html+圖檔） mm2,mm3,mm4
3.以一個為主（mm1），將其他按鈕複製過來)
＠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());?>

我的網站設計專題（應用軟體）

題目：編織美麗的家

暱稱：sulin

內容：成立一個室內設計網站

大綱：編織美麗的家（導入頁）

　　　房子格局及個人品味（相片及作品）（首頁）

　　　請與我聯絡（表格）

附註：

學習日誌－－超好SIR

今天是八月二十一日．．．課程為應用軟體．．．
近日課程皆是實用網頁運用必備的工具
一.按鈕設計師
1.photoimpact 製作按鈕
2.先選取區(矩行或不規則)
3.網路=>按鈕設計=>形狀
4.將物件copy到新影像
5.設定背景顏色(配合網頁)
6.另存新檔-gif(透明度，遮罩-挑選顏色，吸管-選顏色)
7.置入網頁
二.背景設計師
三.元件設計師
四.Gif Animater 操作與実物練習
看老師操作．．嗯．．簡單．．當我如法炮製．．卻狀況百出．．大概熟能生巧吧！！！

學習日誌－型男SIR

今天是”症候群”且是最重的課程．．我們了解老師的苦心及用心．．．但短短三個月，實難完全融入狀況．．．特別關於程式應用上．．不過整個專案邏輯上大都能領會．．特別關於”蚵阿麵線理論特有哲理．．．．．．．
供給面包含有：製造費用－－推銷費用－－管理費用－－研發費用－－總成本（T.C）－－利潤
需求面包含有：內部轉價（I.T.P）－－大盤價－－總銷價－－售價－－建議售價
＠此內部規格須存密檔：
１．存檔－－點工具
２．一般選項（保護密碼）
３．１２３４（確定）
４．１２３４（確定）
＠鼠（祗有投入－沒有產出－－等待契機）
＠馬（投入大－產出大）（市場成熟．．）
＠牛（投入小－產出大）
＠狗（投入小－產出小）
下午上軟體應用－－PHOTO IMPACT之軟體應用．．．．．．．
用photoimpact製作立體按鈕－－
1.選取區(矩形或不規則)
2.網路-按鈕設計師-形狀
3.將物件copy到新影像
4.設定背景顏色(配合網頁)
5.另存新檔(可先存一個.ufo)-gif類型-透明度,遮罩-挑選顏色
6.置入網頁內
載自瑞真－－謝謝小美女－－

學習日誌－－超好SIR

今天是八月十七號－－應用軟體（三寶家庭）．．．．
PHOTO--IMPACT圖形影像軟體的操作應用－－
由程式集－圖形影像－Ulead photoimpact10－photo impact10開啟：
目標影像（A）－－圖案（B）:
１．在A設定”選取區”
２．匯出選取區－－到
３．到B上，匯入選取區
４．移動選取區（只移動圈選框）
５．複製－－A（貼上）
＠沖印須像素－－３６０
＠F10為快速修片
＠形狀－－路徑－－編輯（２D－填色．漸層．材質．影像）；３D物料
＠一個圖像－－若只想取某一小部份則可利用－－路徑編輯（取消群組）
＠選取區管理員－－選取區－特效－－卡通效果
＠右邊的範例（圖案）－－可直接拉進面板再按右鍵來修改它的效果
＠擷取（畫面擷取）－－F11（先按住F11）
＠文字－－是為物件－－是選取區－－是路徑（可改變形狀）－－字型裏＠為直排．餘為橫排
網站：導入頁（Index.htm）（讓GOOGLE搜尋）－－
１．先把主題架構（frame.htm）資料庫－輸入（表單）－輸出（報表）
２．各個Region（區塊）先設好檔名儲存（全部儲存）如frame.htm--frame_top.htm-- 　　frame_menu.htm--frame_main.htm--frame_empty.htm．．．．．　　

學習日誌－超好SIR

這是一星期以來的應用軟體重點：（８／８～８／１６）
I.S.& ACDSee
http://ireneapple.googlepages.com/I.S..xlshttp://ireneapple.googlepages.com/0809.xls (狼牙範例)
[see 7.0-->管理,整理 】光影魔術手-->加花邊 ,浮水印】
Picasa-->網路管理相片
Shareware-->/Freeware / Open Source (開放原始碼)照片類型/圖檔(副檔名).jpg(壓縮品質) /
.gif/ .png-->網頁可用
.bmp (print screen電腦畫面)-->點陣圖 ；.tif-->掃描圖稿；.raw-->原始@擷取電腦畫面(*影片不一定取得到)．．．．
1.PreScr->抓全螢幕 2.Alt+PreScr->抓單一畫面3.利用PhotoImpact->抓任意畫面物件(解析度)水平*大小=條素(檔案大小):一頁的照片在.com/0809.xls (狼牙範例)@【ACD See 7.0-->管理,整理 】【光影魔術手-->加花邊 ,浮水印】1M以內 ．．．
網頁排版 ：
@【換列 】 ; 【特殊字元....】 ; 【空白--> ; 或用全形 】; 【水平線 】
@CSS(樣式表)的觀念 v.s. HTML
@插入圖片【TYPE :jpg(照片) / gif(小圖案,動畫, 透明色,僅256色 / png (可支持透明度(Mac 及Vista有支援-->4byte】 【圖檔大小-->解析度 400*300 ； 每一個點大小:1bit-->黑白 /1byte:灰階/ 3byte:彩色(全彩 )】ex:相紙 4*6 / 解析度300 dpi -->1800*1200點=2,160,0000(2百萬)ex:A4: (29*21 cm) =(11.6*8.4 inch) =(3480*2520點數)=8,769,000 (8百萬)=8M*3=24MB=2.4MB/張 (壓縮後)1GB=400張(2.5MB)．．．http://sheng.phy.nknu.edu.tw/shengwjs0788/wjs-1307.htm 網頁素材
@超連結:內部網站 / 外部網站的運用 （外部網站須有目標－BLANK）．．．
網頁伺服器-->Apache ; php5 (程式) ; MySQL５(資料庫)；其他工具．．．http://tw.myblog.yahoo.com/l314kimo/article?mid=439&prev=441&next=364&l=f&fid=16
@安裝套件-->AppServ 2.5.8－－
1.執行AppServ ; 伺服器名稱(localhost) ; mail (http://webmail.neopets.com/compose.aspx?to=a@a.a.a.a)
2.（my SQL－資料庫密碼）（１２３４）（１２３４）
3.完成（選中間）－－－
測試-->用ie開啟網站 http://localhost/ or http://127.0.0.1/ (自己的pc)
@網站(硬體伺服器)建置選擇－－
1.找ISP,網站空間(只能放靜態網頁)
2.ISP主機代管(自己的主機,放在ISP)
3.自己架設:電腦(2GB) ; 線路(ADSL) 2M(下載:600/月)/512k(貴在上傳:700/月) ; 固定IP申請網址:400/年(.idv.tw) (.com.tw)
@網站內的檔案/資料夾命名規則－－
1.英文字母開頭(小寫)
2.不能用中文
3.不用空白、特殊符號(可用底線)
4.副檔名－－－（.htm）－－－
@功能:1.管理網站 2.網頁設計@管理網站F:AppServ\www\photo\images
1.管理網站-->新增網站
2.命名（sulin網頁)--唯此可用中文．．．．
3.不使用伺服器
4.遠端伺服器(無)
5.例如：D:\APPSERV\WWW\sulin\images(網頁材質檔案）
網頁的表格&頁框製作與運用RGB =>出現在螢幕上的顏色 （MYK =>列印出來的顏色 )

(＠)網頁裡的表格”細線框的作法”－－
1.實際表格先做好
設定表格邊框為0
間距為1
表格不設背景色
各儲存格設顏色
2.外部線條（表格1*1）
設定表格背景色 => 線條指定
內距或間距 => 最外框寬度
邊框為零
3.將實際表格COPY到外部表格內（表格1*1）
版面表格繪製的練習
切換至版面 => 版面表格 => 繪製版面儲存格
從範例建立頁框組的練習
1.各頁面先準備好
2.建立頁框組 Frnkeset
3.設定頁框的屬性
※邊框設定"是"

基本物件*副檔名*管理網站(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 副檔名
PhotoImpact10*工具使用：
(挑選.屬性)
*百寶箱使用要注意
*選取資料的功能(去背、柔邊、取消選取)
*基底影像(物件要掌控)
*變形特效、相片色調、色階
*路徑、文字圖、影像製作組合影像選取另一張圖的部份影像－－
1.在目標影像"設定"選取區(選柔邊)
2.匯出選取區(即遮罩)
3.到圖案點匯入選取區
4.移動選取區(*選項 =>只移動圈選框)
5.點複製 =>在目標影像貼上遮罩使用－－
1.開啟新檔案(設為灰階)
2.任意畫圖(*黑底，繪圖顏色為白色)
3.可在其他圖上匯入選取區=>遮罩*
百寶箱文件資料庫－－
1.選取百寶箱圖庫字樣
2.點開圖層管理員
3.取消群組
4.針對各個文字物件 => 修改文字
5.修改後的文字=>群組
以上取材自佩樺的筆記．．謝謝．．．

學習日誌－型男SIR

今天是八月十三日－－課程為中小企業管理．．．．
其重點為如下－－
１．部落格經營－－著重於曝光率（STEP2 and STEP3)．．．
２．內部規格－－M2階段
３．專案內容探討－－EVENT(事件）轉化成ACTION（指系統流程圖）
　　　　　　　　－－概念腳本轉化成分镜腳本－圖示部（指LAYOUT）等等．．．
　　資料庫須有七個資料表（程式碼）－－
　　１．FRAME等於頁（分镜）
２．LAYOUT　
３．REGION（區塊）
４．FORM（表單） 　
　　５．VIDEO（影像）
　　６．AVDIO（音像）
　　７．FUNCATION
４．與資訊行銷班交流（瀏灠其布落格）
５．參加徵文比賽（老師與東森所舉辦的徴文）
６．連署（有關教育改革之見解認同）
如果世上的人都如李老師（熱愛世界）；陳老師（齊家－律己）－－則社會祥和也．．．．

　　　

生活小扎

今天是愉快的美好偷懶日．．．．
but.．．．心情卻異常低落．．．
那種無形的難堪．．總讓我無法釋懷．．．
當學習成為負擔時．．．或許我該更多付出些心力．．而非放棄．．
期許自己能耐心把那三大本書消化．．．．
下午回南部探望父母．．
希望這些不愉快的感覺會淡然．．

學習日誌－超好SIR

今天是八月十日－－課程為應用軟體

最近一週大都上此課程．．其主軸放在power point及網站的架構上（HTML）．．．

一．Power Point 簡報－－（重點－不超過三點；圖形解說）

１．先架構大綱及文字（右鍵選大綱）

２．別急著設定格式

３．版面配置．母片編輯

４．調整格式（圖形）

５．設定播放效果（含動畫換場）

６．功能表上的（插入欄）可選（超連結）來接播其他網站

（．gif--.png浮水印--jpg)皆為圖檔

（．doc--.ppc)皆為文字檔

（．wmv--.avi--.mpg)皆為影像檔－－其為絶對路徑－建議放置固定C：＼資料夾

（．htm--.php）為網頁檔

（．ppt）為簡報檔－（不含影像檔，要自行COPY)

（資料夾－－工具－－資料夾選項－檢視－隱藏己知副檔名－－取消）

二．架設網站

１．(Apache--php5程式--mySQL５資料庫）網頁伺服器－－下載安裝．更改設定

２．安裝軟體套用－－Appserv

　－－DN （網址）－LOCAL HOST

１．執行Appserv--next-next（我同意）

２．安裝在哪？（硬碟）F:\Appserv--next（全選）--next

３．伺服器名稱－Localhost

網址－@.a.a.a

４．資料庫密碼MY SQL－－１２３４－－１２３４

５．完成

網站開發流程：

程式集裏的網路工具－－Dreamweaver－－HTML

網頁路徑要清楚－－管理網站（新增）點網站－命名（suln網頁）－不使用伺服器－沒有遠端
檔案放在D:\APPSERV\WWW\IMAGES－－下一步－－無－－下一頁－－完成－－FIRST.HTM（這是我第一個網頁）
－－須加副檔名－－.htm
－－把大綱分派好－（檔名也預設好）
－－開新檔案（設檔名）（須為小寫英文）
－－可點分割及設計（上面為機械碼）（編輯在下面）（更改須在上面改）
－－超連結：（設定錨點）（下方有連結－－可用輸入檔名或直接托拉至下頁或上頁）
－－圖檔連結在右邊－－文字連結在左邊－－
－－F12為預覽放映－－（超連結－此放映狀態中才能起作用）－記得存檔
－－外部網站超連結或物件要底線則－－則加選外部目標（blank）　　　　　　　　　　　　
－－圖檔可直接開啟－－背景圖才可以打字
－－右上角－設計－CSS樣式（更多樣式）－（點第３枝筆）
－－上面功能鍵上點插入－點表格－下方有屬性

上週課程裏的ACCESS（資料表）開一資料庫－（欲加入照片）

１．點資料表－－按照學生基本資料－點學生基本資料

２．點設計－（增加欄位）－－輸入（照片）－－點OLE

３．關掉（儲存）

４．再開一個－－表單－－（使用表單精靈）

５．插入物件

６．由檔案建立（現成圖片）（BMP小畫家）瀏覽

　　　　　　　（建立新的）－－自己用筆畫　

　

學習日誌－型男SIR

(一).I.S內部規格（屬機密性）
1.Region - 區塊
2.Template - 面版
3.Module - 模組
4.Layout - 版面設置
5.Page - 頁 ( 網頁) （第一頁叫home page)可使用多個lLAYOUT
6.Frame - 分鏡（亦即一列）
(二).網頁概念腳本 :
1.UI －LAYOUT使用者介面－版面設置
2.LINK －MODULE 功能－程式
3.CONTENT －內容；DATABASE－資料庫
(三).網頁分鏡腳本：
1.Frame - 做出所有鏡的編號
2.Region - 單一鏡的全部區塊大小（水平像素X垂直像素＝畫素）
3.Layout - 單一鏡的區塊架構（X水平軸→；Y垂直軸↓）
此為今日八月九號的中小企業管理課程重點．．．．．．
最後利用３０分鐘作數位攝影．．．本組去大安公園拍．．新手上路，有些模糊，大概晃晃的因素吧．．．
本日有三大作業：
１．FRAME
２．REGION
３．LAYOUT

學習日誌超好SIR

今天是八月六日－－為應用軟體．．．
課程重點為：POWER- POINT簡報
１．先架構大綱及文字．爾後再設定其他格式
２．點”版面配置”，選”大綱”．．母片設置
３．調整格式（圖形）
４．設定播放效果（左下角有個杯形）
５．可設定超連結：先選欲插入之地方－功能表選插入裏之超連結

學習日誌型男SIR

今天是八月三日－－中小企業管理課程
因教室電腦整修．．所以移至地下室．．没有電腦操作．．
課程重點為專案的內容進行方式．．
１．管理格道－－人與事的取向－－X軸為人（人和程度）－Y軸為事（能力）：以人的特質上　　來設立規範帶組織的風格．．．．如軍隊．醫院則重紀律（法），在情．理上則弱些．．
２．策略地圖－五大構面:學習成長包含（供方．客戶及流程）隸屬財政．．．．
３．標準成本法：（勿用實際成本法）１人月＝５萬：１人天＝２０００元：１人時＝２５０元
４．專案策略地圖寫作
５．信賴遊戲
６．專案M1會議－－大方向（須考慮可行性及能承受的風險）
M1－－須完成三要件：
１．概念腳本（須編上場．景．鏡）（００，００，００００）　
２．外部規格表（E-S):把腳本上的場．景．鏡輸入EXCESS表：如圖－－
編號－－名稱－－UI－－LINK－－CONTENT
３．專案人員總日程表（預算表）
今天老師實驗了每個人的特質表現及自我偵測；自我認知及他人的觀感間的差距．．．
在管理格道上－－我是屬於（５，１）－－企圖心弱－－應是屬綠葉性質．．．．
在信賴遊戲上－－我自覺為C(鬆散稚氣）．．．然而在組裏同事觀感上如是．．真該自我檢討
．．可能平時不够穩重．．畢竟五十該知天命階段上似有不妥．．．．
　

學習日誌型男SIR

今天是八月二日－－早上是中小企業管理課程．．．
本課程為M0的結束及各組代表發表MRS及SWOT的分析及其KPI的焦點．．．．
每組的實力都很好；本組－品樂工作室－其主體為三愛里專案．．．
其可行性為社區志工隊的成立及發揮效力．．．．．
而其KPI為里民對社區的認同及參與．．．．．．．
下午為應用軟體－－
ACCESS表單／報表：（插入照片）
１．準備好圖檔照片
２．資料表－增加照片（欄位名稱輸入照片）點選定OLE
３．新增表單（看單筆）－選擇精靈表單－選單欄
４．開啓表單－在照片欄位（按右鍵－點選插入物件）
５．選擇物件（自繪）或檔案（己設定的圖片）

學習日誌應用軟體超好SIR

今天是八月一日．．．課程為應用軟體．．．
DATA BASE.........ACCESS(資料表．欄位．關聯）
SQL指令（語法）分三大類
一．DDL--資料定義語言－例：建立資料表
二．DCL--資料控制語言－例：權限控管
三．DML--資料處理語言
DML又分為三種：
１．新增記錄－INSERT(插入） VALUES(值） INTO資料表（欄位）
２．修改資料－update資料表SET(設定）欄位：值
　　（需加上條件－WHEPE)
３．刪除資料－DELETE (加上條件） FROM資料表
４．查詢（取出）資料　　SELECT欄位　　FROM資料表　　WHEPE（條件／關聯）　 　　　ORDERRY欄位

關聯式資料庫－－資料表間的關聯：
１．一對一關聯（可視為單一資料表）其主鍵稱為PK(如學號）
２．一對多關聯（外來鍵FK)
３．多對多關聯（符號為M或２個０相連）