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

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

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

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


感恩->∞

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

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語言，但完全沒有實機操作，那大約是六年前的事情，到現在也都忘了差不多了。

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


沒有熱忱 就很難堅持

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

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

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

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

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

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

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

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

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