作者: tim

分類
程式技術

利用CSS做簡單排版

傳統的表格式排版, 除了實作上比較麻煩外, 更令人不便的地方在於調整版型或移位, 解決這個問題最簡單容易的方法就是利用 CSS 來排版.

CSS可以很容易地調整版位, 內容不受影響, 但很容易地調度所有內容的格式及位置, 所以將 CSS 研究一下是很有幫助的. 例如我們想做一個兩欄式的排版, 左側功能, 中右方是內容, 下面是一個下標(footer)功能的版本可以很簡單的這麼安排:

<div class=coll>
<ul>
<li>Item 1
<li>Item 2
<li>Item 3
<li>Item 4
</ul>
</div>
<div class=colmain>
中央氣象局上午發佈低溫特報，明天起，寒流逐漸南下，各地的溫度將會明顯下降，預估28號，29號兩天，各地寒流籠罩，各地溫度明顯偏低，台南以北，東北部沿海空曠地區及金門馬祖，也晚及清晨出現攝氏十度以下的低溫，30號起到二月二號，各地的溫度仍然沒有回升的跡象，清晨仍維持十度以下的低溫，農漁養殖業應慎防寒害，民眾使用熱水器，應該要避免一氧化碳中毒，民眾應該注意保暖。未來一週，溫度都偏低。
</div>
<div class=footer>
<a href=#>contact us</a>&nbsp;copyright 2007
</div>

從上面看到三個排版用的 DIV 區塊, 不設定 CSS 的狀況下, 呈現的效果就是類似上面這樣, 參考: 連結, 但若加入了 CSS 就不同了, 我們分別將 coll class 設定為浮動靠左, 將 colmain 做一個左邊留空, 而 footer 做一個兩方清空的這樣三個內容:

閱讀全文 “利用CSS做簡單排版”
分類
ASP

列舉asp中session的值

在 web 程式中, 有時會利用 session 來存放一些存在於 session 中的資料, 因為不想放 cookie 在 client 端, 而又非全域的 application 變數, 所以採用 session 將會是一個比較理想的方式.

利用 session 可以存放使用者在該次訪問的變數, 在 session timeout 時或是 session 中斷後, 該 session 即回自動消失. 他使用的基本技術是採用一個 client side 的 cookie 來做對應, 利用這組資訊可以對應出此 session 的變數出來.

接下來我們看如何將所有的在 session 變數內的值都取出來.

For Each key in Session.Contents
  Response.Write key & "=" & Session(key) & "<br>"
Next

利用 Session.Contents 將所有的內容配合 For Each 指令列舉出來, 如此一來便能將該 session 內的所有 key value pairs 找出, 並檢視是否有問題, 方便除錯上使用!

一般在程式寫作時, session 的值往往比較不好取得而不易 debug, 利用這種方式將能有效找出 session 問題值的關鍵.

參考資料:
http://www.w3schools.com/asp/asp_ref_session.asp

分類
Javascript

動態寫入popup視窗內容

在利用瀏覽器發出提示訊息時, 可以利用 window.alert(‘message’); 的方式來進行, 但功能過於單調而能呈現的效果較少, 若是要呈現一些圖片或較多的訊息時, 可以利用 popup 視窗的方式(不過要注意快顯封鎖問題).

接下來我們來看一下如何利用 popup 視窗來動態產生訊息.

利用 window.open 開啟一個新的視窗, 利用傳回的視窗實體, 進行對該視窗的文件(document)開啟並進行寫入內文的動作. 整理測試的程式碼如下:

<script>
var popwin = window.open("", "", "top=10,left=10,width=250,height=250");
popwin.document.open();
popwin.document.write("this is a test text<br>");
popwin.document.write("this is second line<br>");
popwin.document.close();
</script>
閱讀全文 “動態寫入popup視窗內容”
分類
程式技術

使用vbs產生文字檔

有時候, 我們需要一組連續流水號的文字檔, 例如從 36~420 號, 每行一個數字, 通常會寫程式的人就開始用手邊的工具, 如 delphi, vc++, vb, asp 等程式語言來實作了, 但最快速最簡便的方法就是利用 excel 的自動編號(哇咧, 那和這篇主題有什麼關係), 呃….

當然是必須有安裝這些程式語言(delphi, vc++, vb….)及這些程式(excel)才能實作出來, 然而內建在 windows 內最方便的工具就是 vbs, 僅需要單純的幾行, 就可滿足囉, 而且還可以利用 console 下的輸出導向來進行檔案的輸出, 先寫個簡單的上面例子來看看:

for i=36 to 420
   WScript.Echo i
next
閱讀全文 “使用vbs產生文字檔”
分類
Blog服務

PictureTrail好玩的相簿及特效播放

picturetrail (http://www.picturetrail.com)網站提供了免費的相簿空間, 而且也提供了大量的特效播放方法, 操作介面簡單, 而且提供了瀏覽器上傳, 網址連結上傳及手機上傳等三種方式. 其實手機上傳是利用了一個email信箱的方式進行傳送, 利用相機手機將圖片發送至該信箱而達到上傳的目的.

這個網站還提供了輸出相片等功能, 不過看起來比較炫的還是播放器的部分, 方便地將相片利用特效播放供內嵌於其他網站上. 而且上傳的圖片也供內嵌, 看起來服務相當不錯, 下面是一個測試的 sample. (該網站需要加入會員才能使用這些功能哦, 不過是免費的, 和 slide.com 不同) 另外也提供了社交功能, 這看起來應該也是個社群經營的目的.

不過他有一個比較重大的缺點, 其一為在下載該FLASH PLAYER時, 並沒有進度顯示, 這個使用者來說會是比較容易造成困擾的. 還有就是播放時吃的資源相對於slide.com來說是比較重的(CPU較高)

(flash errrrr)

相關文章: https://diary.tw/archives/404

live.com提供了自訂網域的信箱服務

真是不得了了, 今天在逛網站時, 看到一個可以免費申請信箱的資訊, 看著看著就研究了一下:
http://www.digitalwall.com/mail/

在數位之牆網站上提供了免費申請信箱的訊息, 但又是 live.com 提供的, 於是連回 live.com 後, 發現這是一個很精彩的”免費”服務(live.com上寫的名稱為Windows Live Custom Domains), 就是讓有網域的人(或企業)申請免費的自訂網域的超大信箱(1~2G). 這是一個很不錯的服務. 免費信箱, 超大容量已經不稀奇了, 特別的是信箱又是自訂的域名(當然必須是這個域名的擁有者才能申請), 這樣一來, 對於想提供免費信箱, 或是小公司想擁有信箱代管服務都是很實用的.

接下來我們來看看如何申請. 第一, 先到 http://domains.live.com 進行帳號申請, 接下來需要輸入域名(domain name), 再下一步就是選個管理員帳號(可用原有的 live.com帳號, 或新建一個), 接下來就是要設定申請domain的mx記錄了, live.com會提供一個domain name讓申請者設定回原域名下的mx記錄, 如此一來便能進行信件主機指定至live.com的主機囉.

閱讀全文 “live.com提供了自訂網域的信箱服務”
分類
Blog服務

真好用的線上相片播放器-slide.com

看到一個很炫的網站, www.slide.com

這個網站的功能主要是在做幻燈片產生器, 也就是上傳相片(或圖片), 即可線上進行幻燈片的產生. 內容千變萬化, 還可加上文字, 特效非常多, 而且還提供產生的結果供內嵌使用(代表著也提供了空間供應).

這個網站還將許多 blog 或社群網站列在上面, 並做出了如何將結果放在網頁上的操流程, 方便使用者能更容易地將產生的結果放入自己想放的地方. 除此之外, 應該本身也在經營著社群, 使用者加入該網站會員後, 可以訂閱或看許多其他的製作的幻燈片, 看起來似乎也是在凝聚人氣及使用率.

操作的頻驟十分容易, 就是

  1. 創作幻燈秀
  2. 儲存幻燈秀
  3. 播放幻燈秀
閱讀全文 “真好用的線上相片播放器-slide.com”
分類
懶得分類

Google Adsense for Content提供繁中語系

看到了 Google Adsense for Content 提供了繁體中文語系的消息, 於是馬上來安裝測試看看. 很容易的幾個步驟就將 script 產生出來, 並且放上來網站了, 就在最下方.

產生了 script 上的說明是約48小時起才會啟用, 所以還要等一下了. Adsense for content 才是網站出版者的主要獲利來源(相對於 search 及 推薦), 然而一直沒有繁體中文的語系, 終於在最近提供了這樣的功能, 真是期待已久啊.

至於效果如何, 市場反應如何, 都還得觀察看看囉.

參考資料:
http://adsense-tw.blogspot.com/2006/12/blog-adsense-for-content.html
http://adsense.blogspot.com/2006/12/adsense-for-content-in-4-new-languages.html

[2006/12/15 17:08]
現在出現了正常的廣告了, 原本是個公益廣告, 但現在正常的廣告是英文的, 看起來中文的廣告可能不多吧. 再觀察看看囉!

[2006/12/19 0:55]
http://blog.mashow.tw/archives/248

分類
Blog服務

好玩哩! SNAP幫你preview

從朋友網站, ” 阿祥の網路筆記本“看到一個超好玩的 snap 網站, 功能很好玩, 他會將你網站上的外部連結當滑鼠停在上面時, 開出一個 preview 的視窗, 十分有趣而且也相當實用.

該網站利用了 url 進行頁面 preview 的 capture, 並且存下來, 若是還未 capture 過的資料, 就會進行 capture , 所以會等一下子才會有 preview 的頁面, 若是已經 cache 過了, 就會直接秀出來囉.

這樣一來不僅可以方便訪客在看網站時, 可以參考外部連結的網站預覽, 更有趣的我想到一個好玩的功能, 就是可以將一些圖片放進來, 例如:

http://static.flickr.com/2/3432741_d8699b0879_m.jpg

http://static.flickr.com/29/61276396_4061f49460_m.jpg

如此一來便能將一些相片放上來, 不用將圖用 img src 的方式連入, 直接用 snap 的 preview 進行預覽囉, 是不是很好玩又有趣呢..

閱讀全文 “好玩哩! SNAP幫你preview”
分類
PHP 懶得分類

php中改變ini設置方法

在 php 中, 有時需要調整 ini 內的設定值, 以獲得某些特性, 例如將 display_errors 參數設置為 Off 時, 做為錯誤資訊隱藏, 但是在寫作或除錯程式時, 希望能將此參數設置為 On, 設置完成後又要重起 apache, 這樣不僅不方便, 又會影響服務, 此時使用 ini_set() 函數將會是最方便有效的方式.

string ini_set ( string varname, string newvalue )
函數用法: http://tw2.php.net/manual/tw/function.ini-set.php

利用 ini_set 可以將 ini 的參數於設置時更動, 並於該 php 結束時復原, 若需要提早復原, 可以利用 ini_restore ( string varname ) 進行參數復原操作.

如此一來, 便能方便快速地在某些程式裡進行參數調整又不影響其他程式運行, 將能有效方便維護及應用. 後面為一個範例:

http://sample.diary.tw/6/ini.php

另外值得注意的是, 此參數可用 On, on, 1 代表開啟, 利用 Off, off, 0 代表關閉!

參考資料:
http://blog.chweng.idv.tw/archives/413/