June 14, 2006

把個人Blog作成一個成功品牌的10個策略步驟

1、保持常新(Make it New):你的Blog不僅僅是你的站點,你必須時不時提供新鮮的內容和獨特的觀點,你必須用心經營深入進去挖掘而不是用常規手段去隨意放點什麼敷衍讀者。



...繼續閱讀

February 9, 2006

快速保存網頁中所有圖片的方法

有時候看見網頁上的圖片很漂亮,一張一張另存為太慢了,今天發現這個方法,測試了一下,哈,爽呆了~~



...繼續閱讀

限制某段IP地址/給數據庫建立防下載表

在網上看到的兩段代碼,先貼在這裡備用。

...繼續閱讀

January 11, 2006

系統必需文件收錄

系統必需文件收錄貼!VB5VB6運行庫MFC、ASPI、d3dx8、d3dx9、d3dx9_25、d3dx9_26、d3dx9_27、uxtheme、msvcr7、msvcp7、ODBC、MDAC、vfp8r
如果你的電腦出過類似這樣的錯誤“這個應用程序無法啟動,因為找不到d3dx9_25.dll,重新安裝應用程序可能可以解決這個問題”

那麼你一定要認真到這裡看看,按下Ctrl+F你會有新的發現!

所有文件只需點擊下一步安裝,系統必備文件安裝程序不寫入註冊表,不複製垃圾文件,不含廣告,每個版本分別對應系統必備文件,如需更多系統必備文件或缺少DLL/OCX/EXE/ActiveX等文件請訪問此處!



...繼續閱讀

December 21, 2005

免費空間轉貼

免費空間登錄處 !!
轉貼自軟硬體工廠



...繼續閱讀

December 20, 2005

打造新型知識分享網站

第四季專題研究報告:打造新型知識分享網站
Date:2005/12/16


前言

身處瞬息萬變的數位時代,知識管理已經是個人及企業脫穎而出與維持競爭優勢的不二法門,誰能做好知識管理,誰就能掌握贏的先機。

資訊科技(IT)在知識管理中居於重要的地位,其價值為拓展知識普及的範圍及提升其轉移的速度。以現今的資訊科技發展,如何在知識管理的理念下,打造符合需求的知識管理平台,乃當務之急。這一季的專題研究,就以這個主題『知識庫(aspKM)』作為開發重點。


知識庫(aspKM)專題開發概念

知識庫(aspKM)是整合以下概念開發的新型應用網站:

◎類似『檔案總管』的無限層級目錄樹:

Window的『檔案總管』具有親和的存取檔案操作介面,目錄樹架構可清楚展現檔案層級從屬關係。aspKM操作介面允許使用者無限層級建立資料夾,並在資料夾內新增文章主題,同時考慮系統功能的擴充延展性,提供外掛服務的超連結,大大擴充了網站應用層面。

◎小巧、穩定、快速的論壇架構:

作為aspKM主體程序,多方考量知識管理運用方式與知識創造、分類、整理、分享的方便性 ,論壇的型式是頗為完整的架構。BBSxp是第五代BBS系統,從Perl移植到ASP,歷經數年的 演進發展,無論是資料庫架構或是程序執行的穩定度、速度,均有令人滿意的表現。aspKM 即是採用BBSxp 5.16版核心程序,去蕪存菁,結合知識管理meta Data的理念,加以改造。

◎專業優質的網頁樣式設計:

aspKM在主題文章展現部分,跳脫換膚(Skin)技術,採CSS樣式設定方式,讓知識庫展現百變風貌,增加新鮮度、趣味度。這些CSS設計是改編自樂多日誌Yam Blog (http://blog.yam.com/)CSS架構,圖檔取材藝術、插畫、卡通、設計、攝影、電影海報等等計百餘種,簡單的設定,可讓使用者的發表更添精彩排版效果, 更富吸引力。


知識庫(aspKM)專題開發歷程困境

本專題自2005/10起經過多方參考市場上的解決方案後,重新整合概念,擬定開發計畫,歷時二個月,終於圓滿完成開發。

其間技術上的重重困難,幸賴多方技術資訊(參考技術詳列如附件),得以突破開發瓶頸,獲致滿意呈現效果。

  • 困境(1):
    由於樹型目錄的論壇,前所未見,也欠缺相關的技術文件支援,只好一歩一腳印,從理論與實作中探索解決之道。所以在論壇與目錄樹間整合上,花費相當多的心力調試。
  • 困境(2):
    這個主題主要是針對知識管理,並不全然為論壇形式,所以無論是資料表格式欄位,或是程式邏輯流向、呈現的方式,都重新打造,可說是重寫一個已發展了4年的BBSxp論壇,工程繁雜浩大。
  • 困境(3):
    為使知識庫呈現多采多姿的樣貌,原先計畫以世界一流的網版設計(Zen CSS Garden)作為網頁設計藍本,但限於開發時間緊迫,只好改採『樂多日誌』CSS架構,重新佈局。

知識庫(aspKM)的功能

  • 可開放註冊登錄(以emial為確認),密碼自主管理。
  • 密碼資訊MD5編碼,確保安全無虞。
  • 忘記密碼線上或email取回密碼。
  • 無限級目錄樹選單,使用者可新增資料夾、外部網頁超連結、主題文章。
  • 使用者可編輯自己發表的主題文章。
  • 管理者權限:編輯、刪除資料夾、外部網頁超連結。編輯、刪除主題文章。對主題文章的操作:拉前主題、關閉主題、主題總置頂、主題置頂、添加到精華區、移動主題 。
  • 使用者可收藏主題文章、回應文章、列印文章、搜索文章、引用文章、email文章。
  • 主題文章涵括文章屬性、摘要、推薦等級、投票功能、參考引用、相關文章導引。
  • 知識庫功能:新進主題、熱門主題、人氣主題、精華區、資料夾列表、我的資訊、用戶列表。
  • 主題文章可廣泛應用於留言、討論、檔案分享、貼圖、公告、投票、網頁連結…。
  • 提供線上簡易版HTML編輯器。
  • 系統即時公告。
  • 完整的後台管理介面。

 知識庫(aspKM)畫面瀏覽(Screenshots)

前台畫面


多樣化的主題文章樣式


完善的管理介面

展望未來

知識庫(aspKM)未來可發展為集團各部門推動內部知識管理的平台,廣泛地應用在知識庫、FAQ、知識社群、數位檔案庫、部門學習網站、知識入口平台、…由於整體架構極具延展擴充性,未來將發展實用的外掛模組,利用目錄樹超連結方式擴大網站服務的功能。

 

【附件:參考技術文件】

www.knowsky.com之ASP+ACCESS實現的無限級目錄樹
linss(linss@ms1.url.com.tw)於DOB網站建置百寶箱發表的新概念樹狀結構
野馬的Blog JS版的目錄樹2.0.3
MSDN Library 介面http://msdn.microsoft.com/library/
456bereastreet的這篇技術文件Flexible box with custom corners and borders
遞迴的寫作技巧:http://www.blueshop.com.tw/article/show.asp?cde=ATL20050513224130PL0作者 : QQ的乖乖餃
BBSXP官方網站:http://www.bbsxp.com/  中國Yuzi工作室
css Zen Garden http://www.csszengarden.com/
樂多日誌 http://blog.yam.com/



December 16, 2005

aspKM 網站架構圖



December 13, 2005

aspKM的CSS設計

這三周進度:積極把BBSXP與目錄樹作整合開發,因專案結案時間緊迫,無暇將相關技術張貼,此部分日後陸續整理貼進Blog。

aspKM原計畫精選Zen Garden精采的CSS套用作為論壇Skin。實際試作後,發現困難度頗高,原來該網站蒐錄的CSS設計,幾乎可說是量身打造,完全根據sample.html內容作版面設計,要實際套用在網站介面,需個別去修改CSS檔案、圖檔,大工程一件,有鑒於專案結案時間迫近,只好放棄採用,另尋解決方案。

樂多日誌的CSS架構單純、簡潔,與論壇介面可輕易轉換。考慮後,試作效果也不錯,決定以此為藍本改造。

改造作法:
1.按顏色類別選取樂多日誌優質的CSS設計
2.蒐集藝術、插畫、卡通、設計、攝影、電影海報等相關圖檔
3.利用PhotoImpact改編圖檔與確定影像尺寸
4.根據顏色將圖檔、CSS搭配改編,共計百餘種樣式。


範例:




玩轉CSS-StrangeBanana

StrangeBanana這個網站利用程式隨機產生網頁CSS版面設計,只要不斷重新整理網頁,就可看各種不同的設計,千變萬化,看到喜歡的配色、樣式,就儲存網頁,可實際運用到自己的網頁設計中。

對於網站開發人員,這是個學習CSS或尋找懶人工具的好所在。

StrangeBanana is a program that creates a random webpage design. The page design you are looking at has never been seen before - it was created programmatically just now. If you want, you can use this design for your own website.

網址:http://www.strangebanana.com/generator.aspx



December 6, 2005

ASP菜鳥快速入門學習方法

非專業學習ASP互動網站架設,首先要對HTML靜態網頁有初步的認識與了解,再買本ASP入門書K,有個基本知識,看不懂也沒關係。

再來,就要『做中學』了;最好有個實習的主題,從網上下載asp程式,然後從頭硬著頭皮一點一點的讀。看不懂的地方就經常對照,研究,看看這個介面,這個看不懂的部分到底能實現什麼功能,然後和其他介面比較。開始是死記硬背,後來慢慢就會懂了一點,後來就可以自行修改,再往後,自己編寫一點小程式也是沒有問題了。

總結:

1 asp需要程式基礎,但是因為asp相對比較單純,很多東西都比較局限,所以沒有程式基礎的人學習asp也是可能的。(當然能不能成為高手就很難講了)

2 學習需要毅力和愛好,沒有這兩點,也是不可能學好程式的 。

3 學習asp能自己解決的東西,不要輕易去問別人,從網上去下載其他的程式,他們是最好的老師,在學習過程中,問題都是自己解決。自己解決的問題,印象最深刻 。

4 不要總想著去問別人要程式來自己用,要是要程式的話,也是修改修改再修改,在修改中學習,一旦一個程式被你修改了50%以上(我是指內容,不是htm介面)這個程式的思路和裏面的語法你一定會基本掌握了。

5 試著搞一點自己的原創的東西:比如說留言本,一開始可以用一個簡單的留言本做框架,然後慢慢的增加自己想到的功能,慢慢升級,在升級中學習。

你的asp技術也會不斷的提高...



November 30, 2005

製作縮圖的免費工具-HiTech Thumbnail Maker

HiTech Thumbnail Maker
If you are a web-designer and prefer to design web-albums manually, this Hi-tech Smart Image Resize will come in handy to you. It allows you to create images for the preview of your web-album in just several seconds. The program is for free.

這個免費工具免安裝,小巧實用,適於製作縮圖,或有時您拍的數位相片想要分享於網站時,可能檔案過大,這時可用這個工具把相片縮到適當的尺寸也可降低檔案大小。

官方網站:http://www.hitech-soft.com/index.html



November 22, 2005

知識管理常見問題

知識管理常見問題(本文由網友許峻霖整理提供,特此銘謝)

知識管理(KM)是什麼

把知識有效的e化儲存起來,知識管理可以讓新進同仁快速上手,以及分享同仁的KnowHow,為公司留下智慧資本,提昇我們的競爭力,知識管理的公式: KM=(P+I)s  ,s指的即是分享,分享的人數愈多,知識管理的成效將以指數來成長

我們公司沒有很多文件

有人的KnowHow就需要做知識管理,知識管理有很多有系統的方法,能讓人的知識e化,有結構的儲存及應用,不斷累積真正有用的知識.

我們公司小,部門人少,不需要使用知識管理系統

小公司人員的流動率可能較高,更需要積極避免人員異動造成的影響;部門人雖少,但人人是菁英,個個皆重要,只要人的KnowHow非常重要,人的異動對公司會有影響,就需要知識管理(KM)

知識管理系統與檔案伺服器FileServer有什麼不同

  

檔案伺服器(FileServer)不能讓各單位主管分權分責自行管理,也沒有審核機制確保有用知識的留存,也不容易找到想找的文件.
知識管理系統可以創造一個分享的環境,並可配合各單位的管理制度讓知識得以留存與分享因為管理權分給各部門主管,所以MIS只需維護系統,而各部門主管又可以依其管理方式做部門的知識管理.還可以在龐大的知識文件庫中快速搜尋到所需的知識.

我們已有檔案伺服器FileServer,或Outlook,或Lotus Notes,不需要使用其他系統來管理文件

檔案總管或Outlook目錄檔案多時不易管理容易誤刪,版本不易控管,不易尋找,不知道誰上傳什麼分享什麼,
最重要的是無法留下真正的知識文件,而留下一堆垃圾文件在上面.

我們已經有文管系統了,不需要知識管理系統

文管是在管文件,知識管理是在管理知識,做知識管理能比較出知識與文件的差異,把真正有用的知識留存下來.

知識管理系統(KM)與文管系統有什麼差異

知識管理系統提昇一個容易分享的平台,並可配合部門主管推行管理制度,創造分享的文化,留下真正有用的知識.

為什麼大多數有做知識管理的企業都是在做知識文管件管理 

知識文件管理的確是知識管理的第一步,因為要先補強原本沒有或不足的知識文件管理制度後,才能可往營運流程改善及社群經營前進,接下來利用專家黃頁及知識社群來活化知識的分享,留下核心知識,進而啟發知識創新. 

我知道知識管理最大的問題是,如何克服使用者都不願意分享的問題,你有什麼建議

知識管理裡面有三寶:知識文件,知識專家,與知識社群,而知識社群就能活化知識,帶動知識的分享.
另外我們的系統有自然語言的機制(文章自動解析,抓出文章摘要)能克服使用者上傳還要再去打字的困難,
最重要的是知識管理系統提供主管審核以及績效評量的機制,可以有效提昇單位執行力,
還有評分評語及點閱率最高,最新,最熱門的排行榜,鼓勵大家分享及點閱

同仁不提供文件,你又能怎樣 

看有沒有激勵(蘿蔔),績效評估(鞭子),若蘿蔔,鞭子都沒用,那就是看老闆在不在乎.
每個企業做法不一樣,有的企業希望靠自發,有的企業要用指標,沒有一個標準答案,要找出一個適合的方式

高階主管的知識如何挖掘?

可以先從總經理開始訪談留下其經驗,因為這是最好的示範效果.訪談不同的專業主題時對象是不一樣的.接受傳承應有不同主題,不同對象,先由訪談者準備問題,然後當天訪談簡報,會議記錄,活動記錄,以及全程錄音錄影要全程保存,還有受傳承者要寫心得.一系列下來會有很完整的流程,都有一套很有制度的作法,很細的操作手法,要思考創造了什麼,儲存了什麼,分享了什麼,最大的瓶頸是文化面的說我沒時間,或分享會把我的競爭力分掉.

如何克服許多現場人員或較資深同仁,根本不會使用電腦或網路的障礙 

教育,只有教育才能改變.像台電,主管都是五六十歲,在台電的eLearning都有很多課程教他們,還有規定一分鐘要打幾個字才行.最後人人都會做簡報.所以第一要橋樑,第二要教育訓練,中間沒有什麼訣竅

知識根本看不到,如何量化評估? 

知識看不到沒錯,但誰說看的到才能量化?牛噸力學的力你看的到嗎?看不到,但當你施力打下去的時候就知道施了多少力,因為力並不是因為看到力才顯示的出來.
知識的無形就跟力的無形一樣看不到,但看不到不代表無法知道
知識無法量化,但可以設定指標,如知識價值或知識貢獻度.要先去找公司的核心價值,要去找出知識的價值標準,就可找出知識評估指標

知識管理(KM)能為我帶來什麼成效

1.讓同仁快速上手,縮短訓練成本,
2.留下有用的知識,為單位累積智慧資本
3.知識的分享及有效的管理,快速的找到我需要的資料,
4.最重要的是留下真正有用的知識,以做分析整理,做為決策之參考依據

知識管理系統(KM)主要有哪些功能

知識文件庫,專家黃頁,知識社群,搜尋引擎,分層分權之權限控管,及績效評量統計報表

知識管理系統(KM)可以管理工作流程嗎

可以配合單位做到文件上傳審核,及分層授權,藉審核的流程以確保有效知識上傳到系統.

知識管理系統(KM)可以做圖檔管理嗎

可以,任何檔案皆可以上傳至系統.

知識管理系統(KM)可對文件做嚴密的防護嗎

有很嚴密的分層授層之權限控管機制,還有Office文件防護模組,可防止文件下載及列印

知識管理系統(KM)有提供DRM(Data Rights Management)的Solution嗎

可以依使用者的需求,搭配如html加密、優碩的TrustView、微軟的IRM、華康的DynaDoc各種方案

作業系統(OS)一定要微軟的平台嗎

是的,因為微軟的平台容易使用與管理,貴單位不需特別找資訊高手即能有效管理.

資料庫(DB)是否提供Oracle版本

目前資料庫為MS SQL版本,在實用性、使用性而言,SQL Server就能滿足具量的需求,另外還有專業之搜尋引擎可選購

知識管理系統(KM)能不能吃公文格式?

因為公文是即時流動性的文件,將流程中的公文存管應較無效益,可以等公文流程結束後,確認其有留存的價值時,再放到KM。 



November 21, 2005

關於BBSXP

aspKM專案最為核心部分為論壇功能,經過篩選與測試,決定採用BBSXP 5.16版的核心程序作為本專案開發的主體程序,透過簡化論壇功能與目錄樹整合,完整實作了登錄、展示、維護、管理等相關程式碼。

有關BBSXP,茲簡介如下:

BBSXP(第五代BBS系統)號稱是目前網路上公認速度最快、系統資源佔用最小的論壇。BBSxp對資料庫採用的優化演算法和資料結構,實現了資料庫的高效和穩定優勢,可輕鬆承受比其他同類論壇更多的文章數量和連網人數。BBSXP為中國Yuzi工作室所發展。該公司在技術方面一直處於領先地位,從Perl語言到ASP語言,累計了5年的開發經驗及歷史,在性能方面的考量均是非常專業完善。一套論壇系統該擁有的就是專業、快速、穩定。


BBSXP官方網站:http://www.bbsxp.com/



November 15, 2005

目錄樹開關

首頁(default.asp)是框架頁,開關希望設在top.asp上,只要用滑鼠點按即可控制目錄樹的開闔。

default.asp架構程式碼:



<FRAMESET border=1 frameSpacing=0 rows=28,* MARGINWIDTH="0" MARGINHEIGHT="0" LEFTMARGIN="0" TOPMARGIN="0">
<noframes>
</noframes>
<FRAME border=0 name=topFrame marginWidth=0 marginHeight=0 src="top.asp" frameBorder=no noResize scrolling=no LEFTMARGIN="0" TOPMARGIN="0">
<FRAMESET border=1 name=Main frameSpacing=6 frameBorder=1 cols=256,* MARGINWIDTH="0" MARGINHEIGHT="0" LEFTMARGIN="0" TOPMARGIN="0">
<FRAME border=1 name=leftFrame marginWidth=0 marginHeight=0 src="menu.asp" frameBorder=1 LEFTMARGIN="0" TOPMARGIN="0">
<FRAME border=0 name=mainFrame borderColor=#3366cc src="main.asp" frameBorder=no>
</frameset>
</frameset>

以下程式碼是放置於top.asp上。



<script>
function preloadImg(src)
{
var img=new Image();
img.src=src
}
preloadImg("images/top_open.gif");

var displayBar=true;
function switchBar(obj)
{
if (displayBar)
{
parent.Main.cols="0,*";
displayBar=false;
obj.src="images/top_open.gif";
obj.title="打開目錄樹";
}
else{
parent.Main.cols="256,*";
displayBar=true;
obj.src="images/top_close.gif";
obj.title="關閉目錄樹";
}
}
</script>

下面就是開關!onclick時啟動switchBar函數,改變default.asp上的cols屬性。



<!--圖檔開關-->
<img onclick="switchBar(this)" src="images/top_close.gif" 
title="關閉目錄樹" style="cursor:hand">


November 11, 2005

知識管理SWOT

eLearning做的是知識的傳承,eLearning與KM本一家, iThome 213期對KM的報導,有許多地方可拿來與eLearning參考比對,看看KM,想想eLearning。

感謝好友許峻霖提供分享。



November 10, 2005

免費網路硬碟空間大收集

☆☆編號:U硬碟-001

■限制上傳:50MB
■限制下載:可被下載幾萬次,但一次只能下載幾十MB檔案,超過要等一個小時後才下載第二個
■限制日期:[30天自動刪除檔案]
■註冊http://rapidshare.de
■說明http://rapidshare.de/en/faq.html
■使用說明:進入下載連結,點畫面中間下面的「Free」按紐,等待倒數幾十秒的廣告,便會出現可下載的網址,有時太多人下載,會出現系統忙線。



☆☆編號:U硬碟-002

■限制上傳:1GB
■限制下載:只能被下載25次,超過自動刪檔
■限制日期:7天
■註冊http://www.yousendit.com/
■說明:N/A
■教學:P2PZone / Pro無限


☆☆編號:U硬碟-003

■限制上傳:100MB
■限制日期:無限
■註冊http://www.wisesubmit.com/
■說明http://www.wisesubmit.com/tos.php

☆☆編號:U硬碟-004

■限制上傳:30MB
■限制日期:30天
■註冊http://ultrashare.net/
■說明:N/A


☆☆編號:U硬碟-005

■限制上傳:25MB
■限制日期:14天(*10~14天)
■註冊http://www.mytempdir.com/
■說明http://www.mytempdir.com/index.php?page=faq

☆☆編號:U硬碟-006

■限制上傳:50MB
■限制日期:無限
■註冊http://uploadhut.com/
■說明:
http://uploadhut.com/faq.php?PHPSESSID=761ddcb33dbe1ef05a0a4e376c91e794


☆☆編號:U硬碟-007

煩廣告,彈出廣告..-.-"
■限制上傳:80MB
■限制日期:30天
■註冊http://www.gamedose.info/
■說明:N/A


☆☆編號:U硬碟-008

■限制上傳:30MB■限制日期:7天
■註冊http://www.sendmefile.com

☆☆編號:U硬碟-009

■限制上傳:無限
■限制日期:20天
■註冊 http://www.filesbak.com/
■說明http://www.filesbak.com/help.do


☆☆編號:U硬碟-010

已停止-.-"
■限制上傳:1GB
■限制日期:20天
■註冊http://www.51bak.net/
■說明http://www.51bak.net/help.shtml

☆☆編號:U硬碟-011

■限制上傳:250MB
■限制日期:不明
■註冊http://www.updownloadserver.com/
■說明:N/A


☆☆編號:U硬碟-012

■限制上傳:50MB
■限制日期:不明
■註冊http://www.qfile.de
■說明:N/A


☆☆編號:U硬碟-013

■限制上傳:5MB
■限制日期:不明
■支援:avi,mpg,wmv,asf,rm,swf,mov
■註冊http://www.zippyvideos.com/
■說明http://www.zippyvideos.com/faq.php

☆☆編號:U硬碟-014

■限制上傳:500MB
■限制日期:30天
■支援:無限
■註冊http://www.megaupload.com/

☆☆編號:U硬碟-015

■限制上傳:50MB
■限制日期:不明
■支援:不明
■註冊http://www.freeuploader.com/
■說明:N/A


遞迴函數

遞迴是一種自己呼叫自己來拆解並解決問題的做法
那麼主要可以細分成兩個部分 :

1.
就是處理並判斷傳入的參數,必須符合條件才可以繼續執行下去 否則就必須返回(跳出函數/副程式),這裡是很重要的地方,若這個返回的條件沒有仔細的寫好 ,遞迴很容易執行到堆疊滿溢而造成程式的當機。

2.
自己呼叫自己的部分, 這部分通常必須比上一次呼叫自己的範圍還要更縮小,使得整個遞迴程式能夠在不斷的呼叫自己後,到達第一部份的返回條件。這樣遞迴程式才能夠從這個返回條件開始一步一步倒著執行回來。

如何取得aspKM無限級目錄樹的完整路徑,以下是以遞迴函數完成的:


function FolderPath(id)
'取得一個目錄的完整路徑
dim Pathstr,NewPathstr
Set rsdir = Conn.Execute("Select id,menuname,id1 from menu where id = " & id)
if rsdir.bof and rsdir.eof then
Pathstr = ""
else
Pathstr = rsdir("menuname") & " > " & Pathstr
if rsdir("id1") <> 0 then
Pathstr = FolderPath(rsdir("id1")) & Pathstr
end if
end if

NewPathstr = Pathstr
set rsdir = nothing
FolderPath = NewPathstr
end function

值得研讀:
遞迴的寫作技巧:http://www.blueshop.com.tw/article/show.asp?cde=ATL20050513224130PL0作者 : QQ的乖乖餃



November 9, 2005

CSS BOX

 aspKM的操作介面,希望利用簡單的CSS template套用,使操作介面美觀而一致。

456bereastreet的這篇技術文件Flexible box with custom corners and borders相當值得參考。
只有用二個小圖檔,就搞定具陰影效果的圓角表格,可隨網頁寬度彈性調整,視覺效果不錯,很適合本專案aspKM的目錄樹方案。

CSS樣式如下:

<STYLE type=text/css > HTML { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: #fff; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #000; PADDING-TOP: 0px } BODY { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: #fff; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #000; PADDING-TOP: 0px } BODY { PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; FONT: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif; PADDING-TOP: 10px } CODE { FONT-FAMILY: Monaco, Courier, "Courier New", monospace } #labfooter { CLEAR: both; TEXT-ALIGN: center;FONT: bold 1em/1; } .box { PADDING-RIGHT: 12px; PADDING-LEFT: 0px; BACKGROUND: url(images/borders.gif) #fff repeat-y 100% 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px } .bi { PADDING-RIGHT: 0px; PADDING-LEFT: 12px; BACKGROUND: url(images/borders.gif) #fff repeat-y 0px 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px } .bt { BACKGROUND: url(images/box.gif) no-repeat 100% 0px; MARGIN: 0px -12px; HEIGHT: 17px } .bt DIV { BACKGROUND: url(images/box.gif) no-repeat 0px 0px; WIDTH: 18px; HEIGHT: 17px } .bb { BACKGROUND: url(images/box.gif) no-repeat 100% 100%; MARGIN: 0px -12px; HEIGHT: 17px } .bb DIV { BACKGROUND: url(images/box.gif) no-repeat 0px 100%; WIDTH: 18px; HEIGHT: 17px } .box H1 { PADDING-RIGHT: 10px; PADDING-LEFT: 10px; BACKGROUND: #efece6; PADDING-BOTTOM: 0.3em; MARGIN: 0px; FONT: bold 0.8em/1 Arial, Helvetica, sans-serif; PADDING-TOP: 0.3em } .box P { PADDING-RIGHT: 10px; PADDING-LEFT: 10px; BACKGROUND: #fff; PADDING-BOTTOM: 4px; MARGIN: 0px; PADDING-TOP: 4px;FONT: 0.8em/1; } .box UL { PADDING-RIGHT: 10px; PADDING-LEFT: 10px; BACKGROUND: #fff; PADDING-BOTTOM: 4px; MARGIN: 0px; PADDING-TOP: 4px } .box LI { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 2em; PADDING-TOP: 0px } </STYLE>

網頁HTML:內含物可包括所有的HTML標籤,只要放到<p></p>內即可。

<BODY> <DIV class=box> <DIV class=bi> <DIV class=bt> <DIV></DIV></DIV> <H1>標題</H1> <P align=center>內容</P> <DIV class=bb> <DIV></DIV></DIV></DIV></DIV> <DIV id=labfooter> </DIV></BODY>

效果圖如下:



畫面擷取軟體

ScreenCapture 一個簡單、輕巧的綠色螢幕擷取軟體。讓您可以輕鬆抓取視窗、選單、全螢幕以及矩形區域,擁有專屬圖像瀏覽視窗,方便您檢視圖形,更有貼心小功能,隱藏滑鼠游標、支援滑鼠滾輪、內定熱鍵。

支援多國語系,可自行編譯,PNG/JPG/BMP 等各種格式圖檔輸出,亦可批次輸出,加上進度表,讓您能夠掌握輸出進度。

官方網址:http://acute.myweb.hinet.net/index.html

阿米巴不負責任評論:簡單好用!

November 4, 2005

樹狀目錄

本周以樹狀目錄作為主題學習,也一併實作aspKM的使用介面。 一直很想做成MSDN的library的介面,其樹狀目錄是採異步調用方式,此法可避免知識庫大量節點資料量會拖垮loading時間。


不過MSDN的目錄樹是運用XML方式,透過xsl設定樣式所產生的,這部分阿米巴比較生疏。只好放棄此種做法,倒可作為靜態知識庫的製作方式(以ACCESS為資料庫,於後端設定資料夾)。

linss(linss@ms1.url.com.tw)於DOB網站建置百寶箱發表的新概念樹狀結構 是以javascript實作了檔案總管的介面,也有ASP範例可供下載學習。其程式碼可謂精密繁複,不過因為是把靜態目錄樹改以ACCESS資料庫來承載,以簡化製作步驟。實際套用,需先設定子資料夾數目,就不適合讓使用者動態產生資料夾或文件,所以也放棄此種做法。

野馬的Blog有完全JS版的目錄樹2.0.3

www.knowsky.com提供的這篇文章ASP+ACCESS實現的無限級目錄樹 有異步調用實作範例,ACCESS資料表僅menu一個,利用XMLHTTP簡單實現了無限級目錄樹,可線上維護,資料夾或文件,擴充延展性不錯。遂決定以此為藍本,試作aspKM介面如下:



...繼續閱讀