Plurk FaceBook Twitter 收進你的MyShare個人書籤 MyShare
  顯示內嵌語法

::旗標電腦文摘::最正確、最豐富的電腦知識寶藏!
2008-2-28│ NO414│訂閱電子報

本週活動:
‧Mac 特區─Mac OS X 10.5 使用手冊隆重登場
本期主題:
‧Dreamweaver CS3 運用 Spay 快速製作出可切換的標籤式面板
最新主題:
‧備份 PS3 內的影片、音樂、遊戲紀錄
:::最新出版:::
Mac 玩家特區 X - 蘋果人最愛的超酷軟體嚴選
跟著資深蘋果玩家學習高手不傳密技, 活用國內外玩家一致推薦的超酷軟體與實用工具, 體驗 Mac 的獨到創意。 ...
The Wargame 駭客訓練基地 - 決戰台灣版
一定做得到! Photoshop 相片編修100技
ASP.NET 問題解決實戰
速習 Dreamweaver CS3 做網頁
正確學會 Dreamweaver CS3 的 16 堂課
PS3 玩樂瘋

本週活動:

遊戲影音 PLAY GAME 進化區

●不只玩遊戲,還有影音娛樂、網路功能全應用
●各式影片轉檔播放零障礙
●備份卡應用大集合


本期主題:讓Mac成為家中客廳的數位畫框

以往電腦外觀醜醜的, 多半只能窩在書房的角落, 近來包括 Mac 在內許多電腦的外型出色, 出現在客廳不會讓人覺得礙眼, 若能搭配螢幕保護程式, 將可化身時尚的數位畫框。

由於 Mac 的硬體外型獨特, 除了它身為個人電腦的用途之外, 常常也被建築設計刊物拿來當作是裝潢設計上的點綴, 另外大尺寸的液晶螢幕也越來越普遍之後, 許多人因為液晶螢幕節省空間也會將螢幕本身嵌入在牆面當中, 讓室內空間的線條更為簡潔。在這樣的前提之下, 便可以思考如何讓心愛的 Mac 或是液晶螢幕的外型本身成為室內生活起居的風格, 還可以讓它在運作的時候額外賦予附加的功能性。


 

打造酷炫的立體照片展示效果

如果覺得內建的螢幕保護程式, 展示照片的效果過於平淡, 可以考慮使用另一套專業的螢幕保護程式 - PhotoPresenter 。

PhotoPresenter
價格︰美金 8 元 (提供試用版)
適用版本:Leopard / Tiger
下載網址︰http://www.arizona-software.ch/photopresenter/


 

搭配音樂展示圖片

step 1 PhotoPresenter 是一個展示圖片的特效軟體, 軟體一啟動就預設可以讀取到 iPhoto 的資料庫, 如果要輸入特定檔案夾的圖片, 在 File 選單當中, 選取 Open 即可。


step 2 如果要使用 Photo Presenter 的預設效果, 只要按下 PhotoPresenter 視窗列中間左邊的 Play 按鈕。


 

step 3 接著就可以選擇要播放及特效切換的速度, 並且還可以指定播放的音樂, 設定完畢之後, 按下 Play 即可開始播放。


 

step 4 如果在播放時有指定搭配 iTunes 音樂庫中的音樂, 而 iTunes 尚未啟動, Photo Presenter 也會提醒是否要開啟 iTunes 播放音樂。


 

step 5 在尚未註冊之前, Photo Presenter 會在畫面中出現提醒註冊的字樣。另外如果要直接切換顯示的圖片, 只要按下(Commad)鍵, 就會出現圖片的列表。


 

step6 然而 PhotoPresenter 還內建相當多種精彩的圖片顯示特效, 只要回到 PhotoPresenter 主畫面, 按下在視窗列中間右方帶有放射圖形的三角按鈕。


 

step7 就可以看到豐富的特效列表, 比如像是:

圖片浮在空中的 Sky 特效 相簿翻頁特效
在播放中, 會隨著滑鼠散放煙火的 Pixie Dust 特效 圖片穿梭在宇宙中的特效

...........更多的內容請見《Mac 玩家特區 X - 蘋果人最愛的超酷軟體嚴選

本期主題:Dreamweaver CS3 運用 Spay 快速製作出可切換的標籤式面板

旅遊攝影網站對於國內、國外的旅遊行程同樣重視, 因此很難決定要將哪一項行程資訊放在首頁, 透過 Spry 標籤面板組件就可以輕鬆解決這個問題。我們只要將國內、國外行程分別放在不同的標籤面板內, 瀏覽者就可以利用標題來切換想看的主題了。

建立標籤式面板

你可以開啟旅遊攝影網站的首頁, 按看看上方國內旅遊攝影團國外旅遊攝影團兩個標籤, 下方內容將會跟著切換:

TIP:這裡我們將建立標籤面板的外觀, 並完成美化的工作, 至於切換標籤後所顯示的內容, 將在下一堂課透過結合 XML 的方式來製作, 這也是目前實務上常用的做法。

請開啟要製作標籤面板的網頁, 來進行以下的操作。


 

Step 1 網頁中我們已建立了一個 #content 區塊, 準備用來放置標籤面板, 現在就請將插入點移至 #content 區塊中。


 

Step 2 開啟插入面板並切換至 Spry 頁次, 按下 Spry 標籤面板鈕 , 即會在插入點位置建立一個 Spry 標籤面板:


 

Step 3 接著再依網頁內容為標籤命名, 例如選取 "索引標籤 1", 刪除預設文字後輸入 "國內旅遊攝影團";再選取 "索引標籤 2", 刪除文字後輸入 "國外旅遊攝影團"。完成之後再按一下 , 就可以從屬性面板看到我們設定好的內容了。


 

重新設定標籤的字型、大小及背景圖片

預設的標籤文字大小、顏色、背景都差強人意, 若要符合網站的風格, 則需手動更改 CSS 設定才行。我們在設計時已製作了 3 個不同深淺的藍色標籤圖, 分別做為 "一般狀態"、"指標移上來時", 以及 "目前選取" 的標籤狀態:

...........更多的內容請見《正確學會 Dreamweaver CS3 的 16 堂課


好書能增進知識、提高學習效率‧ 卓越的品質是旗標的信念與堅持
Copyright c 2007 Flag Publishing Co.,Ltd. All Rights Reserved 本電子報內容未經授權請勿轉載