顯示具有 Computer Teaching 標籤的文章。 顯示所有文章
顯示具有 Computer Teaching 標籤的文章。 顯示所有文章

2010年1月10日 星期日

How to Find Which Version of Microsoft Windows You Have | eHow.com

How to Find Which Version of Microsoft Windows You Have | eHow.com

How to Find Which Version of Microsoft Windows You Have

17of26 Member
By 17of26
User-Submitted Article

(6 Ratings)
Windows Vista logo
Windows Vista logo

Sometimes it is necessary to figure out which version of Microsoft Windows your computer is running. Even if you know that your computer is running Vista, you might not remember which of the four editions of Vista you have. You also might need to find out which Service Pack you have in order to figure out if you can use an application that requires a particular Service Pack to be installed. Fortunately, Microsoft supplies a tool that will allow you to find which version of Microsoft Windows you have.

Difficulty: Easy
Instructions

Things You'll Need:

  • Microsoft Windows

  1. Step 1
    Run dialog box" alt="Start->Run dialog box" src="http://i.ehow.com/images/GlobalPhoto/Articles/5058733/emptystartrun_Thumb.jpg">

    Start->Run dialog box

    Bring up the "Run" dialog box by clicking on Start, then Run. Alternatively, you can bring up the dialog box using a keyboard shortcut by holding down the Window key and pressing R.


  2. Step 2
    Running winver

    Running winver

    In the edit box next to "Open:" type "winver" without the quotes and then hit enter.


  3. Step 3
    About Windows

    About Windows

    Read the information in the dialog box that comes up. At the very top of the dialog box is which specific edition of Windows you have. For example, the image for this step shows "Windows Vista Ultimate". Below that is a version number. In the sample image you can see "Version 6.0". It's worth noting that this doesn't mean Version 6.0 of Vista, it's actually Version 6.0 of Microsoft Windows. Vista is just the name that's used to refer to Version 6 (Windows XP was Microsoft Windows Version 5.1). Next to the version number is a build number, which you almost never need to know. Finally there is the Service Pack number which can be important from time to time. Service Pack numbers are inclusive, so if you have Service Pack 3 that means you also have the Service Packs that were released before it.

2009年12月29日 星期二

網際論壇 - 硬體技術交流 - [教學]CPU風扇的安裝方式[圖]。

網際論壇 - 硬體技術交流 - [教學]CPU風扇的安裝方式[圖]。
#1 [教學]CPU風扇的安裝方式[圖]。

一、將散熱膏擠出少許置於CPU的主體上,不宜過多或太少,當風扇壓置於CPU上時,利用風扇壓力將散熱膏而能夠覆蓋CPU的核心主體為標準。 screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window';}" onmouseover="if(this.resized) this.style.cursor='hand';" onclick="if(this.resized) {window.open(this.src);}" border="0">
二、將CPU風扇一邊扣片先行扣住SOCKET的一邊。
注意:CPU風扇扣片有方向性,正確安裝方向為先扣住CPU Socket沒有突出的一邊。
screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window';}" onmouseover="if(this.resized) this.style.cursor='hand';" onclick="if(this.resized) {window.open(this.src);}" border="0">
三、再安裝另一個扣片至CPU Socket上的固定勾上,如下圖所示。基本上風扇的設計會以容易安裝為考量,因此,後扣上扣片的一邊通常會有讓安裝者有施力的位置,以方便安裝。
screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window';}" onmouseover="if(this.resized) this.style.cursor='hand';" onclick="if(this.resized) {window.open(this.src);}" border="0">
四、當安裝完成後,必須檢查CPU風扇是否與CPU緊密連接,確定CPU與風扇間完全沒有間隙。
screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window';}" onmouseover="if(this.resized) this.style.cursor='hand';" onclick="if(this.resized) {window.open(this.src);}" border="0">
五、若是安裝順序或方向錯誤時,則CPU與CPU風扇無法確實密合,如下圖所示。此時CPU風扇沒有確實與CPU核心主體接觸,無法達到散熱效果,容易導 致CPU過熱而當機。因此必須將風扇拆下重裝,拆下時請特別注意,不當的施力會將CPU本體壓壞,導致CPU損毀而無法正常工作。
screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window';}" onmouseover="if(this.resized) this.style.cursor='hand';" onclick="if(this.resized) {window.open(this.src);}" border="0">
六、最後安裝CPU風扇的電源線,注意:不要讓電線纏住CPU風扇葉片,而導致風扇不運轉,使風扇失去作用。
screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window';}" onmouseover="if(this.resized) this.style.cursor='hand';" onclick="if(this.resized) {window.open(this.src);}" border="0">
七、另外一種可能安裝錯誤的情形:方向與順序都正確,但是沒有將風扇與CPU對齊,導致風扇的一邊壓在Socket上面,導致風扇沒有與CPU緊密接觸,這樣的安裝也會讓讓散熱效果打折,應該避免。應該確實將風扇移至CPU正上方,與第四點的安裝方式相同。
screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window';}" onmouseover="if(this.resized) this.style.cursor='hand';" onclick="if(this.resized) {window.open(this.src);}" border="0">

小D:若是風扇沒裝好,據說開機三次就掛了,本人剛好有一次燒壞CPU的紀錄!

2009年4月25日 星期六

MySQL + 指令 + SHOW - Database - 一又@CROSS [ http://ssorc.tw ]

MySQL + 指令 + SHOW - Database - 一又@CROSS [ http://ssorc.tw ]

顯示所有 MySQL 資料庫
mysql> SHOW DATABASES;

顯示該資料庫資料表
mysql> SHOW TABLES;

顯示 data 資料表的欄位資訊
mysql> SHOW COLUMNS FROM data;

顯示系統狀態(詳細)
mysql> show status;

顯示系統狀態(簡單)
mysql> status;

顯示變數
mysql> show variables;

mysql> show variables like '%max%';

How do I make a full screen game application? - C++ Builder - Forums at ProgrammersHeaven.com

How do I make a full screen game application? - C++ Builder - Forums at ProgrammersHeaven.com
Re: How do I make a full screen game application? Posted by bilderbikkel on 22 Oct 2007 at 12:05 AM
: I made a game with Builder C++ 5 that runs in a window. It doen't
: use OpenGl or DirectX.
:
: Is there any way to make it into a full screen application?

Set your Form's WindowState to wsMaximized and BorderStyle to bsNone.

Good luck,

bilderbikkel

2008年9月10日 星期三

蔡學鏞【言程序】部落格: SaaS風暴來襲

蔡學鏞【言程序】部落格: SaaS風暴來襲
和軟體的線上市集同時開始形成潮流的還有SaaS(Software as a Service),在SaaS的作法下,軟體不再是以往的軟體,而是以服務的方式存在。SaaS讓軟體(主要是商用軟體)不需要安裝在客戶端的電腦,只要 連上網路就能使用。由於不需要安裝在客戶端的電腦,所以部署、維護、更新都相當容易。因此,許多企業對於SaaS相當感興趣。Salesforce的 CRM系統是SaaS最成功的典範之一。

2008年7月31日 星期四

ㄚ晟的IT筆記: 利用PowerPoint製作3D地圖簡報

ㄚ晟的IT筆記: 利用PowerPoint製作3D地圖簡報

步驟:



01.首先當然是打開PowerPoint新文件。



PP_3DMap_01



02.點選插入→圖片,插入一張圖片當底圖。



PP_3DMap_02



03.這裡選擇了台灣地圖為描圖的底。



PP_3DMap_03



04.點選插入→圖案。



PP_3DMap_04



05.選擇手繪多邊形。



PP_3DMap_05


06.沿著台灣的邊緣描圖,注意必須一次完成!



PP_3DMap_06



07.完成了台灣圖的描繪,自動建立成一個台灣形狀的圖形元件。



PP_3DMap_07



08.點選格式→圖案樣式→圖案效果→預設格式中的預設格式10。



PP_3DMap_08



09.點選格式→圖案樣式→圖案填滿。



PP_3DMap_09



10.設定台灣的色澤等格式。



PP_3DMap_10



11.立體台灣圖示完成。



PP_3DMap_11


12.相同的方法,製作台北市的立體圖。



PP_3DMap_12


13.先點選台北市,再按住Ctrl鍵點選台灣圖,將兩個圖示選擇起來。



PP_3DMap_13



14.點選格式→圖案樣式→圖案效果→立體旋轉效果,旋轉至希望的方向。



PP_3DMap_14



15.設定台北市的圖形色澤格式。



PP_3DMap_15



16.將台北市圖形移動重疊至台灣圖上方。



PP_3DMap_16



17.改變背景顏色。



PP_3DMap_17


18.插入標題與圖表(可參考簡單製作長條圖與折線圖組合的圖表),一張美麗的3D簡報完成囉!



PP_3DMap_18


  Office 2007在美工能力上的進步,真是有目共睹呀!

2008年6月6日 星期五

關於KAVO.....?? - PC急救站 - 星光部落 - Powered by Discuz!

關於KAVO.....?? - PC急救站 - 星光部落 - Powered by Discuz!
基本上KAVO的防禦與探知樓上的大大們都完整的解釋了,我只是在補充一下關於那段訊息的涵義:Starting the file scan:Begin scan in 'C:\'C:\pagefile.sys [WARNING] The file could not be opened!
由於pagefile.sys這個檔案室系統虛擬記憶體的交換檔,因此大部分的掃毒程式或應用軟體是無法存取該檔案的,任何存取pagefile.sys的動作都會被系統排除,造成掃毒過程中無法掃描的現象,因此這算是『正常的錯誤訊息』,並非該檔案含有病毒,事實上不只是pagefile.sys會有這種現象,許多被應用程式所開啟的檔案也會出現鎖定的問題,所以掃毒期間進可能關閉所有應用程式,確保掃毒軟體可掃描的檔案數量最大化。

小P: 我的小紅傘(Avira AntiVir)也發生無法掃pagefile.sys的情形,雖然這是正常的,但萬一病毒躲在裡面怎麼辦?

2008年5月30日 星期五

【轉貼】瞭解什麼是HIPS?HIPS有哪些軟體可用? - 天生好手【Genius Sporting Guy 9�

【轉貼】瞭解什麼是HIPS?HIPS有哪些軟體可用? - 天生好手【Genius Sporting Guy 9�
轉貼自 探索者空間雜誌

所謂hips(主機入侵防禦系統),也就是現在大家所說的系統防火牆,它有別於傳統意義上的網絡防火牆nips.

二者雖然都是防火牆,但是在功能上其實還是有很大差別的:傳統的nips網絡防火牆說白了就是只有在你使用網絡的時候能夠用上,通過特定的 tcp/ip協議來限定用戶訪問某一ip地址,或者也可以限制網際網路用戶訪問個人用戶和服務器終端,在不連網的情況下是沒有什麼用處的;而hips系統 防 火牆就是限制諸如a進程調用b進程,或者禁止更改或者添加註冊表文件--打個比方說,也就是當某進程或者程序試圖偷偷運行的時候總是會調用系統的一些其他 的資源,這個行為就會被hips檢測到然後彈出警告詢問用戶是否允許運行,用戶根據自己的經驗來判斷該行為是否正確安全,是則放行允許運行,否就不使之運 行,一般來說,在用戶擁有足夠進程相關方面知識的情況下,裝上一個hips軟件能非常有效的防止木馬或者病毒的偷偷運行,這樣對於個人用戶來說,中毒插馬 的可能性就基本上很低很低了.但是,只是裝上個hips也不是最安全的,畢竟--用戶穿上的只是個全透明防彈衣也還是會被某些別有用心的人偷窺去用戶的個 人隱私的,所以,選用一款功能強大而小巧的防火牆也是很重要的--起碼有防止DDOS攻擊和防arp欺騙攻擊功能(對內網用戶尤為重要)!
上面是對hips和防火牆作個區別,因為殺軟和這兩類軟件差別比較大,就不拿到這裡來說了,下面我具體介紹一下hips以及常見的幾款hips安全軟件,希望對各位有所裨益!

我們個人用的HIPS可以分為3D:
AD(Application Defend)應用程序防禦系統
RD(Registry Defend)註冊表防禦系統
FD(File Defend)檔案防禦系統

常用的HIPS軟體有:
國外的SNS(Safe'n'Sec Personal)--AD+FD+RD,
SSM (System Safety Monitor),PG(ProcessGuard和Port Explorer)--AD+RD,
GSS (Ghost Security Suite)--AD+RD,SS(SafeSystem 2006)--FD.

其實我覺得這些hips軟體在功能上也大多差不多,更多的我們其實也就是比較一下誰的生命力更頑強(不容易被其他進程幹掉),誰更適合國人所需,誰更簡單易操作,下面我就這些方面做個相對比較簡單的介紹吧!
首先是SSM(System Safety Monitor) --因為我比較喜歡這款:

大致上有以下特點
  • 提供商業版和免費版兩種版本
  • 註冊表監視
  • 基本進程監視
  • 基本底層磁碟訪問控制
  • 底層鍵盤訪問控制
  • NT服務監視
  • 基本 IE設置跟蹤
  • 友善操作界面
一、 關於Hips的基本概念.
HIPS:
Host Intrusion Prevent System 主機入侵防禦系統。HIPS是一種能監控你電腦中檔案的運行和檔案運用了其 他的檔案以及檔案對註冊表的修改,並向你報告請求允許的軟件。如果你阻止了,那麼它將無法運行或者更改。比如你執行了一個含病毒的程式,HIPS軟體跳出 來提醒你而你阻止 了,那麼病毒就能阻止他運行。引用一句話:」病毒天天變種天天出新,使得防毒軟體可能跟不上病毒的腳步,而HIPS能解決這些問題。」。 HIPS是以後系統 安全發展的一種趨勢,只要你有足夠的專業知識,你可以只用HIPS而不需防毒軟體。但是HIPS並不能稱為防火牆,最多只能叫做系統防火牆,它不能阻止網路上其他電腦對你電腦的攻擊行為。
因為病毒天天變種天天出新,使得防毒軟體可能跟不上病毒的腳步,而HIPS能解決這些問題。

二、HIPS原理以及和防毒軟體、防火牆的區別.

防毒軟體:
電腦病毒指的是一些具有惡意代碼可能危害電腦的程序。
防毒軟體基本上應當具有以下兩個基本功能:
1:殺毒-- 即對帶毒檔案或病毒本身進行查殺的功能。
2:監控-- 一般具有文件監控,網頁監控(即監控遠程80/8080等常用PORT),郵件監控(即監控POP和SMTP PORT),等。
能夠殺毒防毒的是防毒軟體,不是防火牆。

防火牆:
簡單的解釋,防火牆是架在兩個互相通信主機之間的一個屏障,對非法數據包進行過濾。
我們使用的多數個人防火牆基本具有:防止非法入侵(防止內連) 與 防止本地非法外連 的功能,而XP SP2系統提供的防火牆沒有後者的功能。

基於這兩點,我們可以簡單解釋防火牆的兩個作用:
1:通過阻止非法數據包,防止駭客通過某些手段入侵。
2:防止木馬發生外連盜取自身電腦機密訊息。個人防火牆沒有殺木馬的功能,它所做的是在中了木馬之後,通過規則禁止其外連以免丟失數據。

現在有不少廠商將自己的殺軟和防火牆做成一個網絡防護體系,比如:KIS(卡巴) NIS(諾頓) MIS(咖啡)等。。。

HIPS:Host Intrusion Prevent System 主機入侵防禦系統
所謂hips(主機入侵防禦體系),亦即系統防火牆。它有別於傳統意義上的網絡防火牆(nips)。二者但主要區別是:傳統的nips網絡防只有在你使用 網絡的時候,通過特定的 tcp/ip協議來限定用戶訪問某一ip地址,或者也可以限制互聯網用戶訪問個人用戶和服務器終端;而hips是限制進程被調用,或 者禁止更改或者添加註冊表檔案。當某進程或者程序試圖偷偷運行時,這個行為就會被所hips檢測,然後彈出警告,詢問用戶是否允許放行。一般來說,在用戶 擁有足夠進程相關方面知識的情況下,裝上一個hips軟件能非常有效的防止木馬或者病毒的偷偷運行,以防中毒、插馬的可能性。
比如卡巴,咖啡等也具備有一些hips的功能,但功能上比不了專業的hips軟件.

2008年5月25日 星期日

» DIY Surface Table (I): NUI & 實作的總類

» DIY Surface Table (I): NUI & 實作的總類

Multitouch 建置原理:

我們想要研究 Multitouch 的介面,就必須要先建置一個 Multitouch 的 Table。如何實做 Table 的方法非常多。你可以用電阻/電容的方式來建置你的 Multitouch Table,也可以用純粹 Vision 的方式來建置你的 Table,像是下面這篇 UIST 的 Paper,這位博士生證明了 Real-time Tracking Finger是可以辦的到的。

或者是學 Joe Marshall 偵測手指顏色改變來抓取 Finger:

2008年5月7日 星期三

Ruby on Rails

Ruby on Rails

Ruby on Rails
接下來我們就要來看看Ruby on RailsRuby on Rails是用Ruby寫的網頁應用程式開發框架(web application framework),一般簡稱"Rails"或是"RoR"。它的作者是David Heinemeier Hansson (簡稱DHH) ,一個來自丹麥的年輕程式師。RoR是他為了Basecamp專案而開發的架構,之後在2005年釋出的open source project,目標是要加快以資料庫驅動的網站的開發速度與簡化過程。要達成這個目標,有兩個重大原則:一個是絕不做重覆的事,(DRY, Don’t Repeat Yourself),程式設計師要寫的程式碼愈少愈好,因為程式碼少的話,出錯的機率也會降低,最後維護起來也容易;另一個原則是用慣例(通則)取代設定(Convention over Configuration)

MVC (Model-View-Controller)
RoR
的基本架構是MVC(Model-View-Controller)Model處理和資料庫之間的溝通,View則是產生使用者介面,使用者透過View的頁面發出要求,Controller則是處理使用者的要求,若要使用到資料庫,則和Model溝通,由Model去進行資料庫的存取,再由View根據結果產生使用者看到的頁面。依照這樣的處理模式,資料的處理和使用者介面不會互相干擾,程式較容易撰寫也較容易維護。

Active Record
Active Record
RoR所提供的ORM (Object/Relational Mapping) layerRoR是資料庫驅動的網頁開發程式,所以資料庫的處理是非常重要的。Active Record會做如下的對應動作:

Database

Model

tables

à

classes

rows

à

objects

columns

à

attributes

Active Record主要利用到之前提到的原則之一,就是慣例取代設定。例如你的程式中有一個名為StudentclassActive Record 的慣例就是會將這個class對應到資料庫中名為students (student的複數形式)table,你不需要再額外設定告訴RoR要用什麼名字的table。而且Active Record的英文能力夠強,對於不規則的複數形式變化也應付自如,例如:Person => people。如果要利用到既存的資料庫,無法按照RoR的命名慣例,RoR當然也提供更改設定的方法,只是這麼一來,RoR提供的某些便利性也無法利用到了。

ERb (Embedded Ruby)
View的這部份,檔案的副檔名為".rhtml",Rails看到這個副檔名就知道要使用ERb來展開該檔的內容。在此值得注意的是,controller物件中的instance變數是可以直接在View樣板物件中被使用的。

Scaffold(由資料庫自動產生可以使用的程式)
當你把資料庫建立好,接下來用一個簡單的Scaffold動作,你將擁有整個專案程式的雛形,也許使用者介面還不夠漂亮,但是程式已經堪用,它有最基本的CRUD(Create, Read, Update, Delete)功能。這邊同樣也應用了慣例取代設定的原則,整個專案的目錄架構也是有其慣例。

2008年4月16日 星期三

简单实用 图文解说教你用Nero制作DVD - nero - 斑马网 - 软件社区

简单实用 图文解说教你用Nero制作DVD - nero - 斑马网 - 软件社区

简单实用 图文解说教你用Nero制作DVD
作者:佚名 出处:PConline 更新时间:2007-07-30 责任编辑:liuhao

1、打开Nero7,我们可以看到这个界面

Nero7的界面

2、按图中指定出现如下界面,并点中“添加视频”以加入硬盘中的文件,如要复制光盘则点选“导入光盘”,大家大多还是想把手中编辑过的MPEG2文件转刻大盘,所以这里重点讲解如何添加视频并最终刻盘。

添加视频文件

3、按上图所示出现这个窗口,选中你的刻录的文件(可多选)。

选择所需要的刻录文件

4、出现导入进度条提示

导入文件

5、导入完成,点选“更多”。

选择“更多”

2008年4月3日 星期四

InMotion Hosting Support - Upload with SmartFTP™

InMotion Hosting Support - Upload with SmartFTP™
6. Press the Local Browser Local Browser Button button to bring up a browser for your local computer.

原來這樣就可以upload了

2008年3月14日 星期五

Youtube開放 API 使用 - 允許第三方網站調用資源 | PC Headline

Youtube開放 API 使用 - 允許第三方網站調用資源 | PC Headline

新 API 能實現的大體功能如下:
- 上傳視頻及回應 Youtube 的視頻。
- 添加/編輯用戶及視頻元數據(標題、描述、評分、評論、收藏、聯系人等)。
- 獲取YouTube 18 個國際分站的本地化標准feed(最多人觀看、最高評價等)。
- 執行為YouTube 18 個國際分站優化的定制查詢。
- 定制播放器用戶界面及通過軟件控制視頻播放。

其中一項十分實用的功能就是可以通過 Javascript 或 Actionscript 代碼實現 YouTube 播放器的嵌入及控制。
範例展示頁面:http://code.google.com/apis/youtube/chromeless_example_1.html

想理解多 Youtube API 應用的資料可查看:http://code.google.com/apis/youtube/overview.html

Youtube 網站官方的公佈:http://www.youtube.com/blog?entry=yFlR6EEySg8

2008年3月10日 星期一

網路平台設計之”傻瓜守則” « Webi 夢想之路 (開發日誌)

網路平台設計之”傻瓜守則” « Webi 夢想之路 (開發日誌)

1. 永遠都是滑鼠優先, 只要把滑鼠拔掉, 電腦就是廢物了.

2. 只會開瀏覽器還有打網址, 有時候他們不會打完整的,完全倚賴"我的最愛"

3. 沒有存檔習慣, 沒有更新認知

2008年3月9日 星期日

資安論壇 :: 觀看文章 - 低階格式化 Low Level format

資安論壇 :: 觀看文章 - 低階格式化 Low Level format
目前的ATA以及SCSI介面硬碟機,在出廠之前製造已經完成低階格式化,並且將一些提高硬碟性能的參數一起寫入磁碟表面,所以您在買入硬碟機時,並不需要再做一次低階格式化的,否則就可能會使它的效能降低。

IBM 原廠硬碟診斷程式含低階格式化程式
http://service.boulder.ibm.com/storage/hddtech/DFT32-V310.EXE

MAXTOR 原廠硬碟診斷程式含低階格式化程式
http://www.maxtor.com/en/support/downloads/files/powermax.exe

http://www.theflow.com.tw/tools/maxtor.exe 失連

WD 原廠硬碟診斷程式含低階格式化程式
http://support.wdc.com/download/dlg/dlgmaker.exe

Quantum 原廠低階格式化程式
http://www.theflow.com.tw/tools/quantum.exe 失連

Seagate 原廠低階格式化程式
http://www.theflow.com.tw/tools/seagate.exe 失連

Corner 原廠低階格式化程式
http://www.theflow.com.tw/tools/conner.exe 失連

http://www.gamemaster.com.tw/lineage2/article.php/149
--------------------------------------------------------------------------
不很熟悉最好別"玩玩看"
Smile
上其公網應該有吧
--------------------------------------------------------------------------
4個主要硬碟廠商原廠診斷程式和低階格式化 by ericlien [Great]
http://www.pczone.com.tw/vbb3/showthread.php?t=79006
--------------------------------------------------------------------------
softking 的
http://reg.softking.com.tw/freeware/review.asp?fid1=2&fid2=53&page=1&order=dlclick

2008年3月3日 星期一

50種強大的CSS技術 - wowbox blog (網頁設計知識庫)

50種強大的CSS技術 - wowbox blog (網頁設計知識庫):
這是來自SmashingMagazine的又一個CSS相關資源收集文章,事實上,裡面有一半多的技巧,帕蘭在之前翻譯Noupe的101個CSS技術高級應用教程(上)101個CSS技術高級應用教程(下)裡面都已經介紹過了。 不過還是全部翻譯一個,就當作是複習吧。

CSS技巧

1. Triadic Background Setting with CSS
利用三張背景圖片來創造一種錯覺上的3D效果,非常的酷. [via Wilson Miner]


2. Creative Use of PNG Transparency in Web Design
使用JavaScript和CSS技巧,讓PNG透明圖片能夠IE7或其它一些較老的瀏覽器支持。


3. CSS Server-Side Pre-Processor
一個CSS幻燈片服務器的預處理器


4. Advanced CSS Menu
來自Nick.la創建的一個CSS菜單,帕蘭看只要這樣的CSS列表,基本都能收錄到這個效果。


5. CSS SiteMap
非常直觀的CSS網站地圖,且利用錯覺產生3D效果


6. Styling File Inputs with CSS and the DOM
對input區域的美化,簡單實用,同時也證明一件事情: 一個好的網頁設計要注重每一個細節。


7. A Savvy Approach to Copyright Messaging
Derek Powazek提出的利用一張圖片和CSS結合,為你的風容添加一個強有力的版權聲明信息。


8. Particletree Category List
一個漂亮的樹型分類列表


9. Advanced CSS Menu Trick
高級的CSS菜單創建技巧,你可以學著創建出各種漂亮效果的CSS菜單


10. CSS hover effect
讓所有HTML元素都能像元素那樣實現懸浮效果


11.
Creating a table with dynamically highlighted columns like Crazy Egg』s pricing table
創建一個動態亮高的表格,效果非常酷,類似於YOBO音樂播放器的那種效果。


12. A Stripe of List Style Inspiration
一個個性的CSS列表風格

13. Rediscovering the Button Element


14. Dynamic CSS With Variables
Geoffrey Grosenbach為你講解如何整合CSS應用到 Ruby on Rails.

15. Hyperlink Cues with Favicons
為每一外部鏈接顯示一個醒目的圖標,來提高鏈接的點擊。


16. A CSS styled table version 2
又一個CSS風格的表格


17. CSS Step Menu
一步一步的設計之旅。而到底有多少要看你想要創建的東西的複雜程度。


18. Creating bulletproof graphic link buttons with CSS | 456 Berea Street
用CSS創建出超酷效果的點擊按鈕


19. Iconize Textlinks with CSS
給網站中不同的文檔指定一個不同的圖標。


20. Better ordered Lists (Using Simple PHP and CSS)
創建一個有序列表的文章顯示效果。


21. Circular Menu with CSS
介紹如何生成一個漂亮的圓形導航菜單

22. CSS Dock Menu
CSS的Mac Dock 魚眼菜單效果


23. Digg-like navigation bar using CSS
教你如何創建一個類似Digg頂部的CSS導航系統

24. 13個強大的Javascript 和 CSS菜單
包括13個高級的CSS菜單。

25. CSS Pricing Matrix
一個CSS表格的延伸應用,你可以把它弄的盡可能漂亮和強大。

26. CSS List Expander
CSS和腳本結合生成的一個隱藏/顯示控制列表。


27. How to create VISTA style toolbar with CSS
這個教程將會你如何利用CSS創建一個Vista風格的工具欄。

28. Fade Out Bottom
利用對一個層的CSS定位和一張背景圖片,實現層的漸變淡化效果。


29. Scrollovers - A New Way of Linking
大家都熟悉懸停效果。這是一個基於CSS + JavaScript的技術的技術,它創造一個新鮮的模式。


30. How to Style an A to Z Index with CSS
如果利用CSS樣式化A到Z字母


31. CSS List Boxes
用一個簡單的無序清單生成列來,最終拿 來展示項目、產品或是服務。

32. How-to create a 「Table of Contents」 Navigation
531的一個簡單教程,通過幾條線,幾個鏈接,讓你的列表既簡潔又美觀。

33. CSS Recipe for Success


34. Partial Opacity


35. Simple Round CSS Links (Wii Buttons)


36. How to make sexy buttons with CSS


37. CSS Pull Quotes


38. Drop Shadow CSS


39. CSS Speech Bubbles
簡單的自定義代碼服務,所生成的代碼嚴格符合 XHTML 1.0 標準 ,可以運行在大多數瀏覽器。

40. CSS Double Lists


41. Perspective Text with CSS


42. Better Email Links: Featuring CSS Attribute Selectors
教程如何生成一個優秀的Email鏈接。其支持Internet Explorer 6 and 7.

43. CSS: Menu Descriptions
這個功能非常實用的,如果你想讓用戶訪問和在你的網站上添加內容。

Further Techniques

44. CSS Transparency Settings for All Browsers


45. Time Sensitive CSS Switcher
CSS風格切換腳本

46. Custom Reading Containers
aAmazing little script允計用重點主任何內容。

47. Eric Meyer』s CSS Reset


48. PNG Overlay
Create a transparent PNG overlay which can be used as a mask / frame around regular JPEG or GIF so users can upload photos without having to worry about using any graphics program to apply filters, plus it saves time.

49. Turning Lists into Trees


50. Create Resizable Images With CSS