2008年1月22日 星期二

[WEB]網路相簿Gallery2 For Windows的安裝步驟

最近在幫同學寫社團的網站...
寫到了照片的部份
找到了這好用的東西,
費了一番功夫才裝好= =
-----廢話分隔線------
Step1. 架設伺服器(像是阿帕契之類的...
Step2. 安裝圖像處理工具ImageMagick(利用這個工具來產生縮圖
注意選項 Associate supported file extensions with ImageMagick 須選取
Step3. 將Gallery2完整版解壓縮至AppserV網站根目錄(C:\AppServ\www)下的資料夾”gallery2 ”
Step4. 在C:\AppServ\www\gallery2下新增資料夾 ”g2data”
Step5. 到http://localhost 
進入phpMyAdmin Database Manager  新增資料庫”gallery2”
Step6. 啟動PHP的gettext 
用記事本打開php.ini(通常在C底下的WINDOWS資料夾裡面)
找到extension=php_gettext.dll這一項,把它前面的”;”取消掉
注意要讓Apache重新啟動才會生效
Step7. 到http://localhost/gallery2/  
進行安裝Gallery2 這裡就照畫面提示ㄧ步ㄧ步安裝 
要注意的是有些模組可以不用掛需自己選擇(全掛上去其實大多沒事,只是畫面上有點亂)
至於比較可能有問題的地方 是多語翻譯的gettext
  
P.S. 如果步驟6完成後,還是被gallery安裝程序警告gettext沒作用,
就把php_gettext.dll丟到c:\windows\system32下面試試看
若是出現Fatal error:......則有可能是php.ini 裡頭的 memory_limit 值設定太小
預設為 8M,請改為 32M 或更高。
Step9. 啟動ImageMagick模組 
以管理者帳號登入 網站管理→模組→ImageMagick  
確認ImageMagick安裝的資料夾  
例如預設的是C:\Program Files\ImageMagick6.3.8....

Gallery2大致上這樣就安裝完成了,至於詳細的玩法,以管理者帳號去試試看,應該不至於會發生啥大問題。

2008年1月18日 星期五

[WEB]如何正確實作出固定寬度且置中的版型

已下內容轉載自http://blog.roodo.com/jaceju/archives/77741.html


以往,網頁開發者都會碰到這樣的問題:有時候他們會在網頁上擺放一些圖層 (像是滑鼠移過去就會出現的下拉式選單) ,但這些圖層的位置都是絕對的 ( position: absolute ) 。因此只要他們把整個版面置中後,就會發現圖層沒有跟著跑,所以這些網頁開發者僅能選擇把整個版型往左靠。但是為了符合一般瀏覽者的螢幕寬度(800 x 600),就必須把版面的寬度固定 (例如 760px) ,所以當螢幕可以顯示的範圍較大時 (1024 x 768) ,你就會看到右邊有一大塊空白的區域了。
傳統的作法,都是用表格排版來解決這種問題。但是表格畢竟不是用來排版的,而且一但使用表格排版,頁面的版型就定死了,毫無靈活度可言;因此我將把表格排版這項解決方案丟到垃圾筒,改以 CSS 作為我排版的利器。

調整 HTML

如何用 CSS 正確實作出固定寬度且置中的版型呢?我們有兩種方式可以達到這樣的目的。不過在此之前,我們必須先將所有的網頁內容用一個 <div>標籤包起來,就像下面這樣:
<html> <head>[略]</head> <body> <div id="container"> [網頁內容] </div> </body>
</html>

我們指定這個 <div>標籤的 id 屬性為 container , id 屬性在整個頁面裡必須是唯一的。雖然大部份瀏覽器不限制頁面裡的標籤可以擁有重覆的 id 屬性,但我不建議這麼做,因為透過 JavaScript (ECMA Script) 的 document.getElementById 抓取標籤元素時,重覆的 id 屬性會造成混亂。

第一種方法

第一種方式純粹使用 CSS 屬性來控制版面置中,請看下面的 CSS :

html, body {
margin: 0;
text-align: center;
}
#container {
position: relative;
margin: 0 auto;
width: 760px;
text-align: left;
}

我們一行一行解釋:

html, body - 這行表示我們對 及 標籤做樣式設定。大部份瀏覽器的頁面內容都是以 為基準,但某些瀏覽器則是以 為基準,所以我兩個都指定。

margin: 0; - 一般我們都會在 加上 topmargin="0" 及 leftmargin="0" ,使得頁面內容和瀏覽器邊緣間沒有空隙。但是 topmargin 和 leftmargin 屬性都已被 W3C 廢棄了,所以我改用 CSS 的 margin 屬性來指定。

text-align: center; - 重點之一,有些瀏覽器無法很正確地使版型置中,透過這個屬性,我們可以使 內的所有內容置中。注意,我說的是所有內容,包含所有的標籤、文字、圖片等,所以等會我們必須把它調整回來。

#container - 這行表示我們將會一個 id 屬性值為 container 的標籤做設定。也可以這樣寫: div#container ,如此就很明確地指定是一個 id 屬性值為 container 的 <div>標籤。

position: relative; - 將元素指定為相對定位。其實這行有沒有並無太大關係,但為了相容性,我還是指定了這個屬性。絕對定位和相對定位的差別我以後有空再說明。

margin: 0 auto; - 重點之二,這會使得 div#container 這個元素與 標籤的上下邊界空間設為 0 ,而左右兩邊則自動調整。完整的寫法是 margin: 0 auto 0 auto; ,不過如果有重覆的設定時, CSS 可以讓我們只寫一次,因此 0 auto 0 auto 就可以等於 0 auto 。

width: 760px; - 這就是我們所要指定的版面寬度囉。

text-align: left; - 重點之三,因為我們在 標籤中指定所有內容置中,而這個設定讓我們把 <div>標籤裡的所有內容又回到靠左對齊的狀態。

註:這種方法在 Dreamweaver 裡能夠正常顯示,但是下面的第二種方法就不行了。

第二種方法

第二種方式採用位移來控制版本的置中,它的 CSS 如下:

html, body { margin: 0; }
#container {
position: relative;
left: 50%;
margin-left: -380px;
width: 760px;
}
這個方式也可以達到同樣的效果,我們挑重點解釋:

html, body { margin: 0; } - 我們在這裡拿掉了 text-align: center ,因為第二種方式沒有用到自動調整邊界。另外 CSS 可以讓我們把多個屬性設定值寫在一行裡,但是如果屬性值太多的話,建議你還是拆開成多行,比較容易維護。

#container - 我們拿掉了margin: 0 auto; 及 text-align: left; 。因為第二種方式是以位置的移動來達到置中的目的,所以我們加入了 left: 50%; 及 margin-left: -380px; 。注意我們保留了 position: relative; ,這樣 left 屬性才會有作用。

left: 50%; - 將 div#container 的左邊的相對位置,置於畫面的中央。

註:第二種方法在瀏覽器可視範圍比頁面寬度還小時,在 div#container 的左邊部分就會被遮住了,所以使用上要特別小心。

OK ,這兩種方式就能夠使版面置中。而且因為我們將所有頁面內容包在 div#container 元素裡,所以在它裡面的所有元素,其絕對位置都會以 div#container 為基準。因此以後如果有下拉式選單的話,也不用擔心它會跑位囉。

2008年1月14日 星期一

[轉錄][XD] 期末考就像院線片

作者 ezzzzzzzzzzz (科神傳教師) 看板 movie
標題 [轉錄][XD] 期末考就像院線片
時間 Sun Jan 13 21:53:24 2008
───────────────────────────────────────

※ [本文轉錄自 joke 看板]

作者: planet1098 (無奈的小花) 看板: joke
標題: [XD] 期末考就像院線片
時間: Sun Jan 13 21:34:03 2008

同學們的狀態突然出現的東西.......

1.工數回憶錄

2.再見了!電路

3.驚奇四修人

4.死當筆記本(聽說又要出新的了)

5.重修戰場2

6.終極重修4.0

7.不能過的秘密

8.神鬼線性

9.工數終結者

10重修七號

11當21來敲門

12重修狀

13工數老師的名單

14工數決定你重修

甚至還有日劇

工數鐵塔:電路和我,有時還有動力


你還看過哪幾片阿?

--
汪!我就是宅!! ◣◣
╰◢██◣ /
□︵□◥ ̄ ̄▏
╲▽ ╱ ▏
◤◤ ̄◥◥

--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 122.121.19.123
推 Lendlicelay:讚!XD 01/13 21:37
→ smaljohn:XDDDDDDDDDDDDDDD 01/13 21:37
推 dengeebye:神無月工數名巫女 01/13 21:36
推 smaljohn:樓上故意的嗎囧 01/13 21:39
推 shk4c:中肯! 01/13 21:39
推 A77:    ↑肛 01/13 21:39
推 aclock:還有"穿著教授衣的惡魔"、"關鍵下一科"、"28hr出國倒數" 01/13 21:38
推 shk4c:暑修鳴泣之時 01/13 21:43
推 lmalma111:我載到月工夫之王了~~ 01/13 21:43
→ lmalma111:不能修的秘密 01/13 21:44
推 palladiumer:X 汪!你就是宅!! ◣◣ 01/13 21:44
→ palladiumer: ╰◢██◣ / 01/13 21:44
→ palladiumer: □︵□◥ ̄ ̄▏ 01/13 21:44
→ palladiumer: ╲▽ ╱ ▏ 01/13 21:44
→ palladiumer: ◤◤ ̄◥◥ 01/13 21:44
推 uzoo:還有 不可能的調分 III 重修吧 男孩 當我們當在一起 01/13 21:44
推 iddddddddddd:XDDD 01/13 21:48
→ planet1098:線代 只想當你 01/13 21:48
推 morris679:幫幫我助教 我的重修夜 深夜圖書館遇見工數教授 01/13 21:46
推 ince:XXXXXXXXDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDD 01/13 21:49
推 aclock:最慘的就是"驚天動地59分"了 01/13 21:49
推 senria:夜勤科館 超昂助教 01/13 21:47
推 hi1256789:我是重修  二一傳奇 01/13 21:50
→ lmalma111:倒數第二個男助教 01/13 21:51
推 ezzzzzzzzzzz:借轉movie:) 01/13 21:53

--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 61.217.246.130
推 yuhung:院線片沒那麼悲情吧! 至少還有喜劇片!!! 01/13 21:55
推 Numenor:XDDDDDDDDD (!!期末考我還在逛PTT<囧> 01/13 21:57
→ ezzzzzzzzzzz:暑修班的英雄...來自淡江的信.. 01/13 21:58
推 yuhung:重修之子 (目前HBO正在放) 01/13 21:59
→ yuhung:我是二一 、 二一年華 01/13 22:01
→ SRXtw:悄悄當掉他 01/13 22:01
→ yuhung:重修樂園、重修特攻隊、重修總動員.......(不只院線片啊!) 01/13 22:02
推 mindsteam:推樓上的「悄悄當掉他」 XDDDDDD 01/13 22:03
推 Cadina:XDDDDDDDDDDDDDDDDDDDD 01/13 22:05
推 markyang:推倒數第二個男助教..XD 01/13 22:05
推 SKnight:推"悄悄當掉他" XDDDD 01/13 22:07
推 ClKallen:剛看完"駭人教授" 01/13 22:09
推 SKnight:關鍵下一科 師生交鋒 小抄線索 01/13 22:09
推 aclock:"老師不是人"....完全不用改任何一字的電影 01/13 22:10
→ SKnight:瞞天過海 (這個好像也不用改 XD) 01/13 22:12
推 loveaic:大家都應該要去看"重修終結站" 01/13 22:15
噓 iloveGoogle:你轉了兩篇文章都是很低級的幽默,我嘴角沒動一下 01/13 22:15
推 morris679:卸屍宴...... 01/13 22:16
推 hst0911:推「線代 只想當你」 01/13 22:29
推 azukikao:補血XD 01/13 22:30
推 whitelady:狂推"悄悄當掉他"XDD 01/13 22:30
推 l5:台北大學 可以看台北二一 01/13 22:34
推 cabin2501:重修戰警 01/13 22:35
推 chiao218:深夜圖書館遇見工數教授 我笑到翻 01/13 22:40
推 a111156987:期末審判 01/13 22:40
→ a111156987:二一風暴 01/13 22:41
推 Csir:恐怖圖書館 01/13 22:43
→ a111156987:神鬼教授 01/13 22:44
推 LenardLee:奪魂當 01/13 22:44
推 fechris:推 老師不是人 01/13 22:45
→ a111156987:全民二一 ○○我當你(○○請自行帶入公館.貓空....) 01/13 22:45
推 Qoo1020:不可能的任務 XDDDDD 01/13 22:50
推 SKnight:神鬼期末3 學業的盡頭 01/13 22:53
→ SKnight:翹課俠 被當時刻 01/13 22:54
推 xclass:重修特快車 美女與教授 放牛班的冬天 01/13 22:58
推 Samus:刺激2008 01/13 23:03
推 s92564:噓的人沒那麼誇張吧... 大家笑笑就好了咩 01/13 23:03
→ MSme:...他快自砍帳號了 就讓他噓個夠吧= = 01/13 23:06
→ Samus:重修生的救贖 紅色奇蹟 01/13 23:03
推 weibeso:好好笑XDDDDDD 01/13 23:09
推 evart:XD 01/13 23:11
推 twspeed:助教:我答應要讓他們過的!! 教授:兵不厭詐!!這是大刀.. 01/13 23:11
推 SKnight:安~心~重~修~ 01/13 23:12
推 Numenor:教授是對的 放箭!再放!再放! 01/13 23:12
→ yuhung:教授:同學,你過來 同學:我不要,你不會當我的,我一直都修 01/13 23:12
→ yuhung:你的課,你不會當我的...公數線代我都愛,我明年還要修線代呢 01/13 23:13
→ yuhung:你不會當我的 教授:同學,快過來,我當你...很快 01/13 23:14
推 snowpoint:工數鐵塔:電路和我,有時還有動力 XDDDD 01/13 23:21
推 silmarien:哈哈哈~ 01/13 23:30
推 illusion614:大推『驚天動地59分』XD 01/13 23:44
推 SKnight:重修無間 01/13 23:57
推 leemt:很快就會有"瘋狂研修生"了 never all pass,never graduate 01/13 23:56
→ leemt:悄悄當掉他超好笑!XDDDDDDDDDD 研修生:黑暗教室 01/13 23:59
推 SKnight:三科 延畢生的漫長等待 圖書館夜未眠 01/13 23:59
→ SKnight:勇敢翹課人 先翹後當 59:最遙遠的距離 01/14 00:06
推 ez2dancer:當吧!孩子。 01/14 00:11
推 SKnight:頂尖催眠 沉默之班 眼皮保衛戰 01/14 00:22
推 KillerG:不可能過的任務 MISSION:IM-PASSABLE 01/14 00:56
推 derek86:幫幫我教授 01/14 01:26
推 gogogo12321:二一效應 01/14 01:33
推 SP4B:大推特推 驚天動地59分 哈哈哈 01/14 02:01
推 gogogo12321:重考狀 01/14 02:11
推 iceafu:怎麼辦 我室友快笑死了 XDDDDDDDDDDDDDDDDDDD 01/14 02:14
→ iceafu:我們也是燈火通明爆肝中= = 該死的期末週 Orz 01/14 02:15
推 hst0911:推「神鬼期末3 學業的盡頭」 01/14 02:57
→ hst0911:在補個日本電影:ZERO 01/14 02:58
→ hst0911:拉低總平均的最大危機 01/14 03:01
推 SKnight:推ZERO XDDD 果然是拉低總平均的最大危機!! 01/14 03:02
→ SKnight:靈魂的重修 重修森林 01/14 03:04
推 SKnight:學店 ← 被校方禁演 01/14 03:08
推 darkshona:頭名當 01/14 03:13