超人氣說話術 !

今日陪老婆去愛買超市買雜細
瞥然看見書區裡頭一本粉紅色的書籍
吳淡如的超人氣說話術 !
要檢視自己說話的藝術 從現在開始

吳淡如在書中用了許多生活中的小故事
並在旁加入自己的叮嚀與見解
故事講的栩栩如生
很多都是現實生活中常會出現的場景

很少人會糾正說錯話的人
所以當我們在外頭辦公或閒聊的時候
常常不覺得自己講錯了話
藉著別人的經驗來檢視自己
也是一種進步的方法
雖然不見得要買這些種類的書籍
但有時候經過書局也可以隨手翻翻
說不定會有意外之喜

推薦翻閱一下這本看似平凡的大眾書
或許您不用多會說話
但是切記不要說錯話

陳老師課後輔導之第一次聚會 11 / 14 周 五 早上10點 文大推廣集合

關於陳老師課後輔導 ~~

目前已經跟老師敲到時間了 ^^

有興趣的同學於11/14 周五早上 十點在文大推廣門口集合喔

大家休息了一個禮拜，心中可能有一些想法

陳老師也很熱切提供了可行的方向 ^^

有興趣參予討論的同學 屆時一定要來參加 順便留言簽到~~

簽到確定你有看到這則訊息~~ 有同學彼此MSN的順便廣告一下

-----------------------------------------
PS :11/7 ~11/10 艾倫不在台北 回鄉下去了
沒辦法使用網路 鄉下地方 請見諒~~
----------------------------------------

陳老師的課後輔導報名區

本文是專屬報名簽到區有興趣參予的同學趕快來報名

大家一起來延伸學習

左邊另設投票區喔~~

陳老師的課後輔導

長達三個半月的網頁學習，終於在今天晚上畫下句點。

明天開始大家就要各自邁向新的旅程了　。

在這邊跟各位報告，今天晚上的畢業聚餐有詢問陳老師

往後有什麼學習上的難點要怎麼請教陳老師　

艾倫當下有一個想法，我們可以架設一個有關於網頁技術的論壇

彼此之間可以解決問題　　真的解不開　有陳老師在我們背後當後台　

當下獲得陳老師的同意　老師說要是找不到

地方擺放網站空間，可以放在他家。

初步的構想　

部落格　：　論壇學習的推廣（ＲＳＳ），可以吸引學習者或高手前來觀摩教學

論壇　：　程式學習交流的區域



老師的建議：可以利用 Joomla來架設　可以節省開發論壇的時間

我們可以再這個網站上做什麼　：

1.多媒體班同學間的學習交流連絡區域

2.網頁相關技術與其他程式的學習研究

3.我們也可以嘗試開發與變化老師的開發模組，提供老師出書學習使用
　　
　也自己深入研究學習老師的程式寫作技巧

4. 一起學習新的網路知識　


目前網站徵求管理群來開發維護　︿︿　

歡迎有熱情的同學前來參加　共襄盛舉　


想去的同學可以在這邊文章簽名連署　　打鐵趁熱

請同學告訴同學！！！



以下引用ALAN 編輯的共用文件區
------------------BY ALAN----------------------------------------------
加入這個維護團隊你有可能會學到的東西

但是你可能會花掉很多時間，但是可以保證你一定收穫匪淺

目前討論區方向未定案 等待更多的你來一起發想

文件編寫後請在前後加上您的虛線及作者

程式開發發想:
網站開發器製作

1.進程利用陳老師的開發器開發出各種統一版本的DIV切版 TABLE資料表 並產出預設的控制CSS檔案可操控版面風格
2.中程開發可以用UI介面調整的模板組，進而開發出台灣人自行開發出來的PHP的BLOG網站包或商業模組包 給他大大打上(Made In TAIWAN)
3.遠程投資開發為免費軟體，或商業使用付費軟體。
4,假設市場行情不好 ，我們依然可以開發出來供接案使用，有錢大家賺。


使用訴求分為

* 簡單設計唯一般民眾安裝使用的模組，超越Joomla X00P Drapul，不同風格的套件使用，透過一般民眾使用來進階宣傳
* 設計師與網頁工程師用的自由模組，給陳老師的徒子徒孫，也就是我們的朋友學生，會使用老師編輯器的群組，進而昢養更多開發與使用人才
* 高階開發人員使用的模組，WEB2.0開發系列，這部份列為商業機密，也是我們以後成為比爾蓋茲的墊腳石(最後這句只是說說而已，不要當真，全世界也只有一個比爾蓋茲而已)。


加入可能會有的收穫

1.推廣網頁程式的使用，也可以作為陳老師未來出書後的支援後台，會有一些讀者來詢問問題，我們也可以藉此鍛鍊一下自己的功力!!!

2.美工人才可以學習如何配合網站開發人員做出各種可重複使用的、獨具風格的模版，並討論是否有商業機會的應用，填飽彼此的荷包!!!

3.未來可以成為找工作的成果展示，也是讓面試官認識你實力的王者之劍。

祝老師們教師節快樂!!!

給多媒體動態網頁班的每個老師們:

這幾個月來，謝謝辛苦你們毫不保留的付出，真的很幸運可以參加這個班級，學到很多實用的技能，未來還有一個月左右的時間，艾倫會告訴自己好好珍惜。雖然加入課程到現在，因為個人因素，自己並沒有很淋漓盡致的發揮每一堂課的學習，但是每一堂課艾倫都盡力的集中精神上課，上課也都有聽懂，只是回家...有時候會失憶。

艾倫真的ㄘㄨㄚˋ到了，第一次遇到一整群不想下課的老師們，每位老師都充滿教學的狂熱，雖然艾倫老是白目提醒老師要記得下課，但是純粹出於一番好意，希望這樣可以保養你們的喉嚨，唉呦!您細老師捏，工作重要，身體嘛愛顧。


感恩->∞

祝老師們~教師節快樂~
祝同學們 平安喜樂~

Database-資料表

多個資料表

• 三種關連模式




• 一對一 =>假想為單一資料表。


• 一對多 =>學員的每個學期成績，很多成績屬於同一位學員。


• 多對多 =>會員購買多項商品。


• 備註:目前程式語言無法處理多對多關連，必須轉成兩個多對多關連。

• 所以屬於多對多的訂單管理系統必需拆解成三個部分再與會員資料作關連:
• 產品明細表


• 訂單明細表


• 訂單資料表





• 輸入資料表欄位注意事項


• 小心不要打入空白
• 最主要的欄位uid (key)，uid設為主鍵，附加auto_increment，設為主鍵。


其他欄位型態

• VARCHAR=>指定長度255(保留長度彈性)，在前端php碼控制輸入長度即可。
• ENUM =>指定各個可能值，常用於表單性別選項('M',''F,'X')。





• SQL語言


• DDL定義語言


• DML處理語言




• 新增INSERT INTO..


• 修改UPDATE...SET...


• 刪除DELETE FROM


• 查詢




• SELECT...


• FROM...


• WHERE...


• ORDERBY...






• DCL控制語言

Javascript Object 物件練習

Explicit物件-隱性物件 使用時需加上new 指令

• User-Define-由使用者自訂的空物件


• Instant物件-物件內已有特定的功能和屬性

Implicit物件-顯性物件 使用不需加上new指令

今天的課程練習
1.顯示結果連結
2.語法如下

---

<script language="Javascript">

//一.變數資料型態與html標籤表示法---------------------------------------------

document.write("<h3>一.變數資料型態與html標籤表示法</h3>")

var a=10; //指定資料及型態給變數a

var b; //不指定資料及型態給變數b

document.write("a="+a);

document.write("<br>"); //在 Javascript裡頭,視Html標籤為雙引號

document.write("b="+b+"<br>"); //顯示變數b會有undefined的結果

//二.轉換變數資料型態課本P2-19--------------------------------------------

document.write("<h3>二.轉換變數資料型態</h3>");

nowthen=1.2345678987654321+parseFloat("1.1111111");//parseFloat轉換字串=>浮點數

document.write("nowthen="+nowthen+"<br>");

//三.字串物件-課本P2-14---------------------------------------------------

document.write("<h3>三.字串物件</h3>");

var str1=navigator.appVersion;//抓取瀏覽器版本訊息並指定給str1字串

document.write( str1 + "<p>");

var post1=str1.indexOf("Windows",0);//從第0個字串找起,注意O(歐)是大寫,f小寫

document.write("搜尋Windows的起始字串為 : "+ post1 + "<br>");

var str2=str1.length; //抓取字串物件長度

document.write("str1字串的長度 = " + str2 + "<br>");

var str3=str1.match("MSIE"); //傳回找到的字串,沒有的畫會傳回null

document.write("找尋MSIE字串如果沒有找到吻合的版本傳回"+str3+"<br>");

//四.抓取字串物件中的某一段字--------------------------------------------------

document.write("<h3>四.抓取字串物件中的某一段字</h3>");

var str_moon = "中秋節月圓人團園";//指定字串變數

var str_start = str_moon.indexOf("月圓人團園",0);//找出起始字元位置

var str_word = str_moon.substring(str_start,str_start + 5 );

//列出起始字元開始與結束位置並指定給str_word變數

document.write("列出要找的字串集合 = " + str_moon + "<br>");

document.write( "找出吻合字串的初始值 = "+ str_start+ "<br>");

document.write( "藉由字元起始位置與結束位置，列印出所要的字串 ="+ str_word+ "<br>");

//五.數學函式(課本5-39頁)--------------------------------------------------

document.write("<h3>五.數學函式</h3>"); //

var math01 = Math.sin(20); //使用,sin()函式算出三角函式sin20

var math02 = Math.round((Math.random()*10));

/*1.使用Math.random函式取亂數,發現數值為小數如0.9845....

2.將取回的變數乘上10,發現數值變成如9.845...

3.在外為使用.round函式將math02四捨五入,並指定給math02,也就產生了1~10亂數

*/



//分別列印出各個數值的演變

document.write("sin(20)的值 = " + math01 + "<br>");

document.write( "round定義隨機亂數 = "+ math02 + "<br>");

document.write( "這時就可以跟來賓虎濫你的今日幸運數字(從1~10) = "+ math02 + "<br>");

</script>

MySQL筆記-(一)

資料庫設計

建立一個簡單的班級資料表
資料庫: class(班級公告)
資料表: news(最新消息)

---

欄位	型態	中文名稱	備註
uid	INT	編碼	auto_increnent
news_id	VARCHAR(20)	文章代號	P0001(自訂規則)
title	VARCHAR(50)	主題
dscer	Text	內容
pdte	DATETIME	日期
hit	INT/FLOAT	點閱次數	點閱次數
status	ENVM	開放與否	(OK or NO)

商品資料庫之間的關聯
商品資料表
訂單資料表
會員資料表
購物車資料表

PHP06-迴圈與陣列(二)

如何使用陣列顯示下列核選項目

興趣 : 音樂   文學   旅遊   運動   騎車   電影   資訊  

語法如下:

---

<?php

//建立選擇項目

$a_item = array("音樂", "文學", "旅遊","運動", "騎車", "電影", "資訊"); 　　

//設定一個陣列

$str_hobby = ''; 　 　　　　　　　　　　　　　　　　　　　　　　

//指定一個空字串

foreach($a_item as $one) 　　　　　　　　　　　　　　　　　　　　

//將$a_item 項目指定給$one

{

$str_hobby .= '<input name="hobby[]" type="checkbox" value="' . $one . '">' . $one . '&nbsp;&nbsp; ';

}　　　

//指定一個hobby陣列，接收所有的項目
echo $str_hobby;
?>

---

PHP06-迴圈與陣列(一)

如何將下列選單中的選項使用迴圈自動產生數值
節省使用HTML標籤製作的時間

1900
1901
1902
..
2008
年
1
2
3
..
12
月
1
2
3
4
5
6
7
..
31
日

以下為程式語法

---

<?php

// 處理年
$str_yy = '';
$end_year = date("Y",time());   // 取得目前的年的數值
for($i=1900; $i<=$end_year; $i++) 　//注意終止條件限定為今年
 $str_yy .= '<option>' . $i . '</option>'; 　//加入選單標籤與變數
}

// 處理月
$str_mm = '';
for($i=1; $i<=12; $i++)
   
$str_mm .= '<option>' . $i . '</option>';
}

// 處理日
$str_dd = '';
for($i=1; $i<=31; $i++)
{
  $str_dd .= '<option>' . $i . '</option>';

}
?>

---

PHP06-上課之前

指導:陳信嘉老師 地點:文化推廣202教室

上課之前.........老師說----
MIS人員的迷失
工作定位可有可無
不要只是為了成為網頁工作人員而前往該公司
工作上的重要性會很薄弱
資訊技術人員應該以產品導向為主
主導公司的命脈 把資訊專長當成只是輔助
利用資訊專長 突顯個人的額外價值
讓自己成為公司的核心

脫離以前的行業並不是唯一的方向
資訊的學習是累積的
短時間內的學習 消化吸收會有障礙
可能會產生無法貫通的後遺症

陳老師名語
學程式有時候可以不求甚解
但是不要自動省略上一句話
好讀書

陳老師舉自己的學習與工作歷程
碩士畢業 後接著唸博士
碩士班 申請國防役資策會落敗
大學時就考取程式分析師 系統分析師證照
博士班畢業後在元智大學教Asp教了五年
覺得自己沒有實務經驗 所以在三十歲的時候
脫離了學校的體系 進入業界實習

重點....

要在老師閒聊的時候把電腦環境準備好
老師有感而發，男人過了四十歲以後很容易碎碎唸

---

Flash 初學

整段課程就跟FLASH依樣~~咻一下就過去了~~


甘貴新老師課程
早上
1.教導如何使用swishmax作簡單的文字圖片轉場動畫
2.聲音剪輯軟體如何混音及重製

下午

網頁動態影像分類

1. Gif檔案處理
A. Adobe Imageready
B.Ulead Gif Animator

2.Flash動畫軟體
A. Abode Flash (主流)
B.Swishmax(停產)
C.Namo Flash Creator(小學生專用)

Flash簡介
fps : frame per second 每秒多少影格
元件 :演員 有三種 影片 -按鈕- 圖像

Flash網站教學
神魂顛倒論壇
網站建制百寶箱


FLASH工作視窗
1.記住快速鍵可以增加工作效率 高手都用此種方法作業
2.物件 群組物件 元件的差別

工具使用介紹
線段工具
導引線 尺規
筆刷工具

課程練習
讓字消失或是植物成長
(回家要練習)

奧笑連公告第108號

奧笑連公告第108號 :

各位弟兄，艾倫連長的長官陸軍九七八旅-旅長鄺山曉昨天召見連長

連長我大吃一驚,難道上週在漫畫店偷看十八禁的漫畫被人告發了~~

心臟批波跳的艾倫，心慌慌+上小鹿亂撞，不知如何是好。

這時旅長長開口了...

鄺旅長   : 林上尉，由於您昨天的表現太過於精彩，本旅決定提升你的官階...
           
           現在開始你就是林少校，並晉升為本部預備營長人選之一

艾倫連長 : 昨天..昨天...有嗎? (回憶中...在路上看辣妹看到跌倒..在上課時
   
       打瞌睡..咦~~表現都很平常一般阿~)

鄺旅長   : 本旅情報官回報，昨天你的五大表現顯示，你是本旅~萬中選一~獨一

           無二(廣東語)的精英份子

艾倫連長 : 昨天 ?

鄺旅長   : C.D.，昨天你不是發了幾件事情，像是 :

           N01.出門忘了戴鑰匙
           N02.下課坐公車時發現攸遊卡不見
           N03.晚上去上課時，才發現今天颱風業停課一天
           N04.回家時才發現自己忘了戴鑰匙，只好等到十一點有人回來開門
           N05.颱風天在外頭刮風淋雨，只好跑去書局蹲又肚子痛
           

艾倫連長 : 這.....事都有沒錯，那我預備要成為哪一營的營長..

鄺旅長  : 那是本旅精英中的菁英， 本旅第一營"代賽營"，專門代表本旅參加

          國軍各種競賽，九七八旅的驕傲。

艾倫連長 :點點點..

以上就是全部經過了 ，各位弟兄姐妹，天下沒有不散的筵席，連長要調去旅部受訓，

不久的將來，大家還是有見面的機會，全看連長"之後的表現"

大家珍重~~

了解網頁 What's HTML

HTML教學 By 艾倫的網路設計奎花寶典

教學之前 :
艾倫目前正閉關在W3SCHOOLS鍛鍊經驗值，配合自己之前買的HTML書籍，與網路上的相關教學檔案，希望能夠增強自身的功力。阿亮說凡走過必留下痕跡，艾倫希望釋出讓大家能夠淺而易懂的文件，提供作為學習的參考，所以未來艾倫會將一系列的學習檔案，依序慢慢的釋放給各位看官，大家有空多來捧場，相互切磋。以下第一篇導讀文，請大家指教~


一.關於網頁HTML

1. HTML全名就是Hyper Text Markup Language，中文翻譯為超文本標記語言。
2. 每一個網頁都是由HTML規範的標籤語言所建立的，目的是為了讓瀏覽器能看懂網頁的編排模式。
3. 瀏覽器是閱讀網頁的工具程式，目前的兩大主流為IE與Firefox。
4. 網頁內容通常由標籤包圍，藉以變換各種不同的排版與格式。
5. HTML是製作學習網頁語言的重要基礎，如果想更深入的操控CSS，必須對HTML標籤有基本的概念。
6. HTML又被稱為靜態網頁，因為必須手動編輯每一個頁面；其相對應的稱為動態網頁。
7. 所謂的動態網頁，並不是只會動的圖片或者Flash等影像語音，而是連結資料庫藉由少量的頁面達到呈現更多的資料頁面的網頁服務程式。

二、動態網頁

1. Dynamic service page，動態服務網頁是指藉與伺服器的資料庫服務連結，可節省網頁設計與維護成本。
2. 目前的動態網頁程式主流為ASP.NET、PHP、JSP。
3. 配合的資料庫為MSSQL、MYSQL、ORACLE。
4. 動態網頁最普遍的應用為會員系統、討論區、產品管理系統、電子商務、新聞系統等需要呈現大量資料的網路程式。

三、建議學習設計網頁的各個階段

• 學習HTML語言標籤
  • 認識會基礎的HTML標籤語言
  • 可以只憑程式碼，寫出想要的網頁內容
    

• 學習CSS語法
  • 學習使用CSS編排Div版型
  • 學習使用CSS美化表格及圖片
  • 學習使用CSS作內文排版
    

• 學習Dreamweaver 視覺化設計
  • 熟悉使用所有的工具項目
  • 熟練套用javascript程式與行為指令模式
  • 練習使用DW建立CSS程式碼與外部CSS檔案
  • 使用DW結合PHP或者ASP.NET程式語言
  • 熟悉使用DW結合資料庫做出動態網頁
    

• 學習增添網頁的美感
  • 熟悉向量繪圖軟體Illustrator
  • 熟悉修圖軟體Photoshop
  • 熟悉動畫製作軟體Flash
    

• 學習程式語言(PHP或ASP)
  • 學習基本描述語法
  • 了解運算子與函式陣列
  • 學習網頁應用的程式寫法
    

• 學習資料庫
  • 學習資料庫基本架構
  • 學習如何訂立符合需求的資料庫欄位
  • 正規化資料庫的方法
  • 如何連結網路資料庫
  • 其他的應用

Google Chrome VS Mozilla Firefox

瀏覽器爭霸戰!

Google 於九月三號 推出了名為Chrome的瀏覽器，目前速度最快的瀏覽器Firefoxr出現勁敵，一波新的瀏覽器大戰即將開始，究竟會出現何種結果，網頁設計相關的人應特別的關切，因為需要更多考量瀏覽器程式方面的限制。




世界上最快的瀏覽器
您知道現在目前最快的瀏覽器是哪一個嗎?答案可能還在生產中，但艾倫我今日測試了一下，新版3.1的firefix雖然還在測試階段，但是內藏恐怖的秘密武器"猴子崔西"，雖然還未正式發表，但已先聲奪人，不過網路界的龍頭老大谷歌可不認為快就能搶攻瀏覽器市場。

瀏覽器爭霸戰!
Google的瀏覽器Chrome，獨特的分頁記憶體處理技術，可以快速的開啟網頁並且與google的程式功能結合。谷歌老大除了特別製作32頁的漫畫來衝知名度，並且在同時在世界一百多個國家宣布發行並製作影音檔使用說明，Google夾帶的大量資源與搜尋引擎的佔有率，正一步一步的朝各種可能的發展方向前進。

IE面臨更大的危機~
本來一網獨大的老大哥IE瀏覽器，程式上的Bug不用多說，因為採原始碼封閉的方式，速度早已不及一直處於開放原始碼的Mozilla Firefox。而目前Firefox目前所被廣為採用的3.0.1版本，其實在市場佔有率上早已不惶多讓，不僅在連線速度上因為跟IE7可以明顯的做比較，在資源的佔用率或當機的機率次數，網路上的玩家也有大量的評論，艾倫在此就少唱雖他一下，畢竟未來他可能已經不是第二主角了。

測試版的Firefox3.1內藏秘密武器
Trace Monkey猴子崔西，Firefox新的秘密武器，獨特的圖片下載技術，突破的已往的限制。在3.0版以前Firefox的瀏覽網頁速度幾乎已經獨步全球，可是3.1測試版暗藏的Trace Monkey技術，更超越以往的速度，據測試圖片下載速度高達以往的三十幾倍。但目前釋放'出的測試版本，並未開開啟其功能。在艾倫的測試之下，還未開啟的測試版Firefox就已經比推廣版快上許多，在禁不起誘惑之下，也偷偷開啟了猴子崔西的潘朵拉寶箱。速度，就只有一個字，讚!

超越極限大家一起來測試!
想要體驗一下超快速瀏覽網頁嗎?開啟猴子崔西功能，可以參考重灌狂人的文章，請各自Google一下，培養自己在網路上自我學習的能力也是很重要的。右側為Firefox3.1測試版的下載網址，請點選firefox-3.1b1pre.en-US.win32.installer.exe檔名下載。艾倫邀請大家一起徜徉在超越極限速度的瀏覽器特快車吧!

PS:目前艾倫已實驗出，使用Chrome 的Blog的字型跟平常有點不太一樣，似乎變的有點歪歪跟小小的，似乎支援的字體有點不盡相同。

重要的是什麼?

過去有沒有基礎不重要，重要的是現在要打好基礎

動態網頁班裡很多同學常問我，以前是不是有學過程式的東西
我常會回答他們說 : 沒有 ~

小弟大學念的是新聞傳播，並沒有相關程式設計經驗，唯一有差異性的應該算大學上課時有讀過一點C語言，但完全沒有實機操作，那大約是六年前的事情，到現在也都忘了差不多了。

常常告訴自己，不要排斥任何覺得有用的東西，假定有"我一定學不會"或者"我不適合的"觀念已經存在心中，那將會對學習造成更大的阻礙，很輕易的對學習目標產生距離，有時候這個距離會越來越大...大到你無法超越。


沒有熱忱 就很難堅持

學習過程中最重要的是什麼，那就是對學習目標抱有一定程度的熱忱，我的學習方法就是盡量對任何事物產生興趣，盡量不在心中有排斥感，這樣至少在學習的過程中保持一定愉快的心情。

舉例來說，從高中時期以來我的英語能力一直很差，大學聯考時英文考試沒有超過低標，以高中生來說我的英語能力，算是有點差的。考上大學後一直覺得英語就算不好，將來也不一定沒有飯吃。一直到退伍後找工作時，才開始發現不能這樣下去，語言對往後工作有很深的影響力，有時候甚至是升遷的重要關鍵。

從找到工作後到轉為正職，開始決定了不能這麼一直下去，所以我決定要從自己最害怕的東西開始做起，那就是學好英語。決定目標之後，就是開始尋找資源，陸續在柯見跟華爾街加起來補了兩年多，現在就算覺得自己不夠，但是已經建立起學習模式和信心，語言是需要時間累積的。

有始有終的毅力 學習結束後更能肯定自己

兩年多的晚上學英語時間，很多時候我都累到不想去上課，但是最終我沒有缺過課。別人現在晚上都輕鬆在家裡看電視或者應酬逛街，我幹麻得這麼拼(其實是因為自己以前太混了，現在要補回來)。我對自己說，就算今天只是去補習班睡覺，那又如何，睡飽了又是一條好漢，可以繼續聽上課內容。如果今天偷懶沒去聽，那下次去的話可能就會跟不上，那學習的鴻溝會從此平方倍的加大。

目前我已經把英語課程學習告一個段落，雖然學習的過程中或有偷懶或者懈怠，但至始自終的學習過程，強化了我的信心，讓我免除了從此帶著"菜英文"的標籤，大學同學都很訝異我為什麼可以再回頭去學習英語，並且懷疑我真的是以前大學英語課重修的那位同學嗎，有某種不同的改變在我身上發生了。

多給自己一點信心 保持拼鬥的決心

現在因為加入多媒體班，雖然很多美工技術或者程式語言對我來講，還是很陌生，但是我始終保持不拒絕的態度，對自己喜歡的東西多投入一點熱忱 ; 對於自己不擅長的東西，保持一定的水準即可，或許未來會因為某些機緣，你會用這些你不擅長的東西，在職場上衝鋒陷陣。

最後套句小胖老師的話跟大家說，"加油!好嗎?"

初學PHP

一.網頁型態介紹

• 靜態網頁 HTML CSS JavaScript Host
• 動態網頁 PHP ASP.NET JSP
• 資料庫 MySQL MSSQL Oracle

二.安裝環境設定

1. 安裝架站軟體(Appache PHP MySQL )
2. 電腦資料夾設定副檔名要顯示出來
3. 利用Dreamweaver管理網站
4. 其他環境UltraEdit NotePad

三.寫程式的注意事項

1. 程式為文字檔=>利用DW原始碼模式編輯
2. 檔案放在網頁資料夾=>F\AppServ\www\myweb\intro.php
3. 檔名規則=>可使用英文小寫與數字與底線;不能使用中文、空白、特殊符號建立檔名。

四.PHP的名詞解釋

1.常數

• 一般如name，有$在前表示變數

2.變數的資料型態與符號

• 文字 : 用單引號(裡面內容包含變數不作用)或是雙引號(會將裡面的變數替換掉)
• 三小引號 :< < <
• 數字 : 計算用，注意-不加引號
• 日期 : 文字型態或者特定格式 例如"2008-8-29" or "97年8月29日"

3.資料運算

• 文字字串合併 : 使用 . 號 ， Ex- "姓名".$name
• 數字運算 : * / % + - (備註 : % 表示餘數)

4.函式

• time() :傳回目前時間
• date() :傳回目前日期

5.語法(述敘句)

• 程式每行以 ; 號結尾
• echo : 顯示資料 (輸出至瀏覽器)

五.Dreamweaver管理網站

• 檔案位址:F\AppServ\www\myweb\
• 指定php mysql伺服器技術
• 預覽前置詞 http://localhost/mywed/
  

六.本日作業

• 網頁內容自訂(或自我介紹之表格)
• 圖片式廣告
• 相關應用:每次顯示不同圖片、背景圖、幸運數字等。

使用CSS語法操作Div標籤

CSS作業 我比老師多加了一個logo的語法標籤
並借了同學的幾個CSS，用PHP下變數去做更換CSS的動作
在頁面上按F5重整就會自動更換照片和版型喔
連結網址 <=請點他 以下為CSS語法

---

.main{
background-color:#FFE4C4
}

.menu{
position:absolute;
left:40px;
top:30px;
width:150px;
height:800px
}

.logo{
border:10px ridge red;
background-color:moccasin;
padding:5px;
height:100px
}

.item{
border:10px ridge red;
background-color:moccasin;
padding:5px;
height:30px
}

.content{
background-color:gray;
position:absolute;
left:200px;
top:30px;
width:600px;
height:500px
}

.banner{
border:10px ridge red;
background-color:moccasin;
padding:5px;
width:600px;
height:100px;
}

.page{
border:10px ridge red;
background-color:moccasin;
padding:5px;
width:600px;
height:400px
}

---

有時候很多就是很少

指導老師:韓世國 地點:文化103教室

今天老師教導Logo設計的時候講了一句很有深意的話--很多就是很少!

我有點聽不太懂，不知道有沒人人可以指點迷津 = ="

初步假設解釋
一. 設計圖案的主視覺要素太多，focus的感覺就會變少!
二. 話如果太多，喜歡你的人就很少~~(延伸版)
三. 錢很多，愛心就很少(胡言亂語版)

很難一言以畢之 ，七刀~ 想不通不如來去睡覺....

欠老師的LOGO作業 ...

不知道可不可以混過去~~

---

攝影，是主觀意識的藝術表現

攝影，是主觀意識的藝術表現
潛意識，沉浸在方格的完美裡
半夜兩點，因為錯過世界的美麗而泛起失眠

電子商務分析

指導老師 :李東昇 地點:文化209教室

課程大綱

一.何謂"商務"
二.電子商務與傳統商務

一.何謂電子商務

研究電子商務必看的三個網站
1.FIND
2.ITV
3.ECTIMES

*平均客單價是決定商務盈運成功或失敗的主要因素

EX: 捷運與台鐵的經營績效的差異
為何捷運會賺錢，主要來自 廣告收入差異，捷運的廣告到處都是，而台鐵車站周邊的廣告卻少之又少。

二.電子商務與傳統商店

線上卡拉OK

在網路上經營線上KTV是否合適?在目前的網路環境中，所有的MTV檔案在YouTube幾乎的可以找到，那線上KTV是否還有經營的可能?一個人在線上自己唱KTV是不是很奇怪?

電子商務的經營模式

*經營模式的正確與否，決定了網站是否能夠永續經營。

Ex:

1. 線上機票的銷售模式
2. 旅館線上系統

*避免通路衝突

Ex:

1. 7-11網站的銷售品項與實體店面的商品是不會重複的。
2. Amazon網路書店賣的多數品項，是市面上實體書店很少會擺放的。
   

*商務模式的差異

第三波投資"家用電腦"失敗的原因為商務模式的差異。家用電腦的定位，在"家電"不歸屬於電腦，行銷模式的差異也會導致成敗。

---

用迴紋針換一棟房子

部落格行銷 Blog Marketing

不可能的任務
如果有人用迴紋針要跟你換一棟房子，你可能會在心中罵他"神經病"。翻閱這期的商業週刊卻記錄了這樣的真人真事。

以物換物的傳奇人物
2005年7月一位加拿大人凱爾Kyle MacDonald在部落格上面宣告要用迴紋針換取一棟房子，引起網熱烈討論。起初多數人並不看好，並在網路上留言勸他放棄或者抨擊他的行為。但最後凱爾卻成功換到一棟位於加拿大邊境小鎮的房子。

創造話提吸引人潮
凱爾成功的模式基礎，在於引起讀者的討論，吸引了人潮到他的網站進行討論，討論越激烈網路效應越高，最後吸引了媒體的多次採訪。透過媒體的報導，成功提升部落格的知名度，網路人潮越滾越多，到了他自己也無法想像的地步。

一枚迴紋針的真實價值
一枚迴紋針，可能不到新台幣一元。凱爾其實是用這一整個換物的故事過程來交換一棟房子，資訊經過媒體渲染加持後，會成無數倍的隱形資產，其中最著名的例子就是就是第十二次交換，凱爾拿與搖滾明星共度一個下午的機會去換了一個雪球，而第十三次的交換者是一位名導演，就有者收集雪球的習慣，而且他希望被知道他有這個習慣。

從中學到什麼
凱爾經營的方式就是創造一個話題，然後讓話題成長，最後收割。創造話題，讓他的部落格持續受到關注；操作話題，讓他用迴紋針換到一棟房子。部落格的發展過程，真的是什麼都有可能存在，凱爾說只要確立目標，相信自己，就有可能會達成。

下一個夯的部落客，也許就是你!

---

970812 -- 專案管理六

分鏡腳本中的(場景鏡)表如何編排
資料庫如何設計....
一切盡在不言中..
老師說是商業機密

虛擬作業請看以下連結
excel表公開網址連結

---

970801 -- 專案管理五

指導老師 : 李東昇 地點 : 文化702教室

以下為針對公司的出貨單項目作初步的模擬.

---

970730 -- 專案管理四

指導老師 ： 李東昇 地點:文化702教室

一. M2 產品企畫階段

主要內容 :
Internal Spec. 內部規格
Story Board 分鏡腳本
流程圖 Flow Chart使用 UML (Unified Modeling Language) 標準建模語言，建立用例圖(Use Case Digram)
。

二、訂購流程

EX1 : 使用餐廳來點餐來做練習
下圖為假想一家餐廳，針對點餐流程來做流程圖。下圖為中午實際找一家類似的餐廳，來做訂製流程練習。

EX2成語練習
下圖為分鏡腳本練習，老師請各組想一句成語來做分鏡腳本練習。利用四個畫面，來間接、象徵或是引喻表示依個故事主題。李老師說 : 一個好的分鏡腳本 ，應該要有畫面切換的感覺，每個畫面都有要意義。經過老師的提醒後，將畫面修正為動態，具有緊張與故事情節的四個畫面。
下列為各組的表現

1. 羊入虎口 2.伸出援手 3. 揚眉吐氣 4. 無稽之談

970724 -- Illustrator 教學三

指導老師 - 韓世國 教室: 文化推廣206教室

一. 色彩配置

1. Adobe 配色實驗室 Kuler

Adobe建立的色彩實驗室，適合初學者學習使用。內有自行配色工具、各種配色模組等可供參考，英文介面。以下為簡單說明 :

方法 1 使用配色盤
A. 點選Create => form a Color : 使用圓環移動可自行選擇顏色搭配。 B. 進入Select a rule : 選擇一個規則來條配顏色
C. 點選下列其中一種Rule 來取色

Analogous : 接近色，給人協和的感覺，(預設取72度內，角度可以改變)。

Monochrimatic : 同一色相，給人有一致性、莊重的感覺，(同一色條的直徑取色)。














Triad : 三角分配，具有輕微色彩的衝突。















Complementary : 對比色(衝突性高)。















Compoad :半對比 (180度內取色)。















Shade : 陰影取色，選定一色後，調整飽和度與亮度來取相近顏色。














Custom : 自製套色環，可自由配色。















方法2 使用圖片取色
選取Create => form an Image : 使用圖片取色。
上傳一圖片，透過拉扯或移動吸點的方法取色。

方法3 使用別人的套色


選取 Themes 下的選項
Newest: 最新配色組合
Most Popular: 最受歡迎的配色組合
Highest Rated: 評價最高的配色組合
Radom: 隨機配色組合

如下圖示 :














2. 動態配色資料庫 kashiwasato

老師也另外舉了一個可以提供配色參考的日本網站供大家參考 , 此網站的動態顏色庫很炫 , 應用設計的品項也很廣 , 建議網友可以多觀摩參考 . 網站如下圖 :

970723 -- 專案管理 三

指導老師- 李東昇 地點 : 文化推廣206室

專題簡報的製作

一. 使用者群像

•目標群眾 : 上班族女性
•年齡 : 25~45歲
•年收入 : 平均家庭年收入60萬
•購買力 : 年平均花費258,297台幣的家庭
•特性 : 喜愛團購食品，經常用網路購物


二. 目標市場分析

•台灣農產品購買入口網站
•串聯各地農會作為農產出貨點
•創造流量造成廣告商機


三. 市場趨勢

•過去農產品銷售經由多層經銷商銷售到市場，利潤多被吸收。
•網際網路的發達，讓網路直銷的方式更為方便。


四. 產品趨勢

•農業特產 => 加工食品 => 手工藝品
•產品趨勢以各地有特色的農業特產為主力、附加加工食品與手工藝品的周邊效應，突破以往農產及食品網站內容貧乏，無法達到規模經濟的效果。


五. 競爭者分析

















六. SWOT 分析

















七. 概念腳本

970722 -- Illustrator 教學 二

指導老師 -- 韓世國 地點:文化推廣206教室

Illustrator教學

今天上課內容主要為Illustrator的操作，為了替之後的企業LOGO設計作準備老師教導了很多繪圖上的應用，但因為作者本身沒有美感，所以看起來感覺有點糟糕，請大家忍耐一下。

實作 :

1.線條筆刷的微調 --著重於製作筆刷與調整線條筆刷的空間與旋轉比例，利用翻轉 空間比例的調整讓圖樣更有空間感。












2.筆刷的上色 - 分為色相 -色調與濃度 -色相微調，利用顏色的變化來產生色差的層次感。

3.筆刷的應用，壁紙與底圖的應用。

4.旋轉工具的應用 ，利用旋轉、再製、重疊可做出各種造型。



















五.利用傾斜工具造出陰影























六 符號使用- 利用符號噴灑、旋轉定向、調空間密度、著色等造成空間感。

970721 -- Illustrator 教學 一

指導老師 : 韓世國 地點 : 文化推廣206教室

一. Illustrator基本操作與練習

1. 利用幾何圖形畫出圖案，並做排列組合作出造型。
















2.利用鋼筆工具畫出撲克牌的四個形狀。





















3. 利用線條工具做出造型
















4. 利用鋼筆工具與幾何重疊加上配色，做出類似村上隆的眼睛作品。











5. 利用鋼筆工具以及圖形的排列重疊，做出簡單動物線條。

發佈文章

970720 -- 光華商場老店新開

[Alan/台北報導]
新光華商場於上週六開幕，耗資數億的光華商場，透過各媒體宣傳之後，開幕各項獎品優惠吸引眾多人潮前晚就漏夜排隊。 光華商場歷經兩年多的重建，於上週搬遷到位於八德路與市民大道的新址。

新大樓總共七層樓高，一樓為各知名3C品牌展示區， 原光華商場 移到二樓與三樓，四樓與五樓為八德良興地下電子賣場，六樓是維修中心。


現場實地勘查，發現新光華商場對人潮的動線規劃甚差，發現常會有擁擠與衝撞的現象，並且現場冷氣外洩，造成室溫偏高。另外讓人極為失望就是美食街的規劃，原本以為會有大範圍的美食區，現場卻只有環繞周圍一區塊的桌椅，很多民眾都沒有位子用餐，浪費了賺錢的商機。此一區塊應該好好的規劃，說不定利潤會遠大於日漸下滑的個人電腦產業。

970719 -- 參觀同學的部落格

今天的功課就是參觀其他同學的部落格^^

動態網頁班成員部落格名單

01　元
02　Tracy
03　arcticMaja
04　小八
05　班代大人
06　Alan
07　玉珊
08　耀仁
09　Olama
10　米娜
11　妙妙
12　亞晟
13　李大哥
14　喬瑟棻
15　保羅
16　愛咪
17　瑛
18　小苹苹
19　Ritz
20　大頭
21　雅惠
22　猛山
23　Alisa
24　玫
25　巧閑
26　Sharry
27　Muta
28　加菲
29　Nadia
30　Lin
31　單車男孩
32　小光
34　Eden
35　Penny
36　翎
37　五月小姐
38　夏琳
39　永遠的39號
40 阿文助教

970718 -- 專案管理 二

地點: 文化大學推廣部 206教室
指導老師 --李東昇

專案製作理論分析與方向

一、M0~M6分析與分組實作

↑ 上為甘特圖實作

二、TM 目標市場

1. BCG分析 : 主體(Entity)
   B->指商業模式，分為一般營業跟企業體。
   G->指政府組織與非營利事業組織。
   C->指個人與家庭。
   
   
2. 市場區隔
   根據顧客或目標市場之某些差異性，將一個複雜的大市場予以區分為數個較具同質性的小市場的過程 。
   



3. 使用者分析
   針對使用產品的目標族群，作概約屬性分析，如性別 年齡 職業 年收入 購買能力等作特性分析，以便作出符合使用者需求的產品。



4. 進行SWOT分析
   
   Strength：優勢
   Weakness：劣勢
   Opportunity：機會
   Threat：威脅
   
   

三、 目標市場實作

老師讓我們分組討論製作 ，針對自己的目標族群作分析。以下是小組討論內容:

1. 使用者分析練習:

題目 : 建立農會農產品行銷網站
目標群眾 : 上班族女性
年齡 : 25~45歲
月收入 : 2萬5以上
購買力 : 每月有6000元以上的額外金錢
特性 : 喜愛團購食品，經常使用網路購物

2. 其他小組的主題與內容

970717 -- 產業分析 一

一、 韓世國老師的入門經驗

韓老師大學時喜歡電腦動畫，但是並當時台灣並沒有太多相關的書籍與資源可供學習自己。當時市面上的動畫教學書籍，只有少少幾本，韓老師主動連絡出版社，請出版社幫忙尋找作者，來拜師學藝。學成之後與某位社會上的朋友合作共買機器，在求學時期就開始接業界的案子。由於某些因素，這家個人工作室面臨拆伙，韓老師不願放棄，想要籌出錢來把機器買下。

第一次主動找案的韓老師，開始拿工商目錄打電話去中小企業，主動詢問有無專案可提供製作，在努力之下，大約每五十家會有三到四家會要求面談，大概面試十家之中會有一兩家會有案子可接。過沒多久，便籌到了足夠的錢買下機器，開始自己當學生老闆。後來因為當兵入伍，所以舊有客戶流失快速，退伍後因為電腦動畫產業結構改變，接案已無太多利潤，所以轉行到多媒體產業打拼。

老師以自己的例子希望我們在業界，必須有主動積極的精神，不要輕易放棄任何機會，否則會與成功失之交臂。 多媒體界競爭激烈，主動與不斷學習是保持自己的產業界不敗的不二法門。


二、非設計類本科者應用設計

上課中，同學提出疑問，認為自己沒有美工背景，要如何才能在動態網頁設計上與具有美工背景的產業界人員競爭。韓老師說，要讓自己變的有競爭力，除了經常性的觀摩別人的作品來觸發靈感與培養美感，優良工具的使用語資源力的利用也是關鍵，並舉了以下例子說明。

1. 利用筆刷創作
   筆刷網址韓國網站 http://www.yoonmi.net/zboard/
   可以採用一些套件工具如Photoshop的筆刷做一些應用創作，只要工具用的好，加上自己的排列創意就可以創造出好的作品 。
   
   
2. 採用現成的圖庫來編輯製作
   圖酷網 http://www.tucoo.com/
   使用在商業用途上，小心版權問題 。
   
   
3. 購買或參考國外版面設計
   參考網站 http://www.templatemonster.com/
   期望自己可以做到國外商業化網站的程度 。
   
   

970716 -- 專案管理 一

地點: 文化大學推廣部 206教室
指導老師 --李東昇

一、課前學習

1. Blog建立 :
   利用Google建立Blog ，來製作學習工作日誌或紀錄日常生活點滴。
   
   
2. 工作日誌的重要 :
   除了可以利用網路資源紀錄與驗收自己的學習成效，也為了將來進入業界作前段適應準備。
   
3. 網站參觀
   
   (1). Coolhomepage : 國外網站教學大站 ，具有各式網頁語言教學與線上學習實驗室。
   
   (2). Newport 與 Jcrew : 購物流程整體比較 ，與國內相關產業和拍賣網站作SW分析。
   
   (3) . 數位視野 : 國內頂尖數位圖片大站 ，挑選照片作構圖分析。
   
   
4. 培養良好的能力
   
   (1). 經常觀摩別人的設計
   
   (2). 具有批判思考的能力
   
   (3). 訓練表達能力

二、專案管理理論

1. 分為三個層次
   
   (1)ABS : Ability 層面
   
   (2)OBS : Orginazaation 層面
   
   (3)WBS : Work 層面
   
   
2. Project與Operaton的差別
   
   (1). Project : 第一次執行並用於新產品新制度，執行流程採用SPP (standard project process) 標準專案程序 。
   
   (2). Operation : 指一般作業程序，執行制度已建立完成。執行流程採用SOP Standard operation process 標準作業程序 。
   
   
3. 專案執行的重要過程---APDS
   
   (1) A : Analysis 分析
   
   (2)P : Plan 計畫
   
   (3)D : Do 執行
   
   (4)S : See 管理考核
   
   
4. 執行過程的四個重要步驟 IPOC
   
   (1) Input : 掌控人、資金、設備資源
   
   (2)Process : 時程控管、溝通、品質(在於細節的處理好壞)
   
   (3)Output : 輸出、展示
   
   (4)Control : A.管理 B.決策 C.管理

三、分組活動組員

1. 姓名 : 張晏苹(大苹) 生日 : 9/24 星座 : 天秤 棲息地 : 樹林
   工作 : 企劃 血型 : B 專長 : 平面設計
   學校 :輔仁大學應美系 興趣 : 上網看 ESBN
   
   
2. 姓名 : 張浴誠 生日 : 9/27 星座 : 天秤 棲息地 : 新莊
   工作 : 景觀設計 血型 : O 專長 : 立體設計
   學校 :東海大學景觀系 興趣 : 籃球 游泳
   
   
3. 姓名 : 孟昭民(老孟) 生日 : 9/8 星座 : 處女 棲息地 : 新店
   工作 : 民生報編輯 血型 : O 專長 : 文字編輯
   學校 :文化英文系 興趣 : 籃球 游泳
   
   
4. 姓名 : 婁名軒(小八) 生日 : 1/13 星座 : 魔羯 棲息地 : 內湖
   工作 : 剛畢業 血型 : B 專長 :工業設計
   學校 :實踐設計系 興趣 : 上網

四、分組活動內容

1. 識人之明
   意義 : 於短時間內認識一群人，並且深入了解成員的遣在個性與喜好。
   
   
2. 集體創意
   
   自行選擇一個成語，劃一個隱喻或是轉化的圖形來表達這個成語，傳達意識給其他組員。
   
   
   <= 此為成語 " 絲絲入扣 "
   
   
   
   
   
   
   
   
   ↓ 風和日麗----------------------- ↓ 馬馬虎虎 ---------------------
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   ↓ 人仰馬翻---------------------- ↓想入非非 -----------------------
   
   
3. 
   
   
   
   
   
   
4. 
   
   
   
   3.集體創作時間內集中團隊力量創造隊徽與對呼，考驗團隊精神與分工合作。
   
   隊名 : 南波灣(NO.1)
   隊呼 : We are the one, we are the no.1~南波~南波~南波灣 !
5. 
   
   
   
   
   其他組創造的隊徽