Pages

Subscribe:

Ads 468x60px

Labels

2015年5月25日 星期一

教你如何買個好LCD螢幕吧!

資料來源
浸淫在電腦世界這麼久的經驗而言,對於要買顆「好」螢幕,還不如買顆「適合自己」的螢幕。當然,在花大錢的前提下,取得好螢幕的機率自然大增,不過有一句話說得好「沒那個屁股,就別吃那個瀉藥」,就誤用一下:「沒那個眼睛,就別買那麼好的螢幕」,不論是需求或是知識若都沒達到那個境界,就不需要買超好(貴)的螢幕,買了也是浪費。(好野人就不在此限,誤)

那麼,要怎麼買個適合自己的螢幕呢?這個大哉問絕非短短幾句就能寫出,不過會以大原則來著手,而不會過份強調硬體規格(如面板),希望可以涵蓋大部分人的需要,至於頂尖玩家,應該是您們來指教了,這篇可以跳過,因為不是寫給你們看的XDD,此外,本篇會以現在主流的LCD螢幕為主軸,CRT就不談了。


Q:到底該買多大尺寸?
A:這個問題就像「電腦記憶體要裝到多大?」一樣的意思,當然是愈大愈好,不過再大也有個限度。

在正常使用距離,約50到75公分,雙眼可以涵蓋到的面積約莫26吋的大小,再大的螢幕反而會讓眼睛變累,因為一個畫面需要看好幾眼才能看完。認為目前最佳的尺寸為24吋(4:3為1600 × 1200解析度,寬螢幕則是1920 × 1200)。

因此愈接近24吋大小愈好,在這個前提下,選購原則為只有一個 - 口袋深度。目前大部分的24吋(寬)螢幕都還要萬元以上,而22吋價格已經下滑到萬元以下的合理範圍。

因此,預算足夠者請考慮24吋,不足者就看22吋吧!


Q:該16:9還是4:3
A:基本上,這個問題會愈來愈好回答,因為主流螢幕大部份都是寬螢幕比例,不論對廠商面板的經濟切割,或是使用者使用上,16:10(含16:9)都會是未來的主流,22吋大小的16:10螢幕剛好是兩張A4直放並排在一起,在文書作業會很方便,如Microsoft Word。

與其花精神找傳統比例(意即4:3),還是從眾多16:10選擇中來挑一個會比較不花精神與時間(時間就是金錢)。


Q:打不打電動?
A:其實可以換個方式問:「對於殘影的忍受度高低?」,就LCD螢幕目前發展的程度而言,即使是反應速度領先的TN面板都還是在2ms,還是看得出殘影。故,討厭殘影者,請選目前以TN面板為主流的螢幕。

另一方面,會玩老遊戲的玩家,在選購時會多一些苦惱,因為很多老遊戲不支援寬螢幕的解析度,若「無法忍受」畫面變形者,請慢慢找4:3比例的螢幕吧。

再者,如果有遊戲機的人,如PS3或Xbox 360,就要考慮內建多個輸入端子的螢幕。


Q:在不在乎高解析度?
A:這個需求在看影片時就會出現,俗話說「由奢入儉難」,看習慣Full HD解析度的人,是無法忍受較低解析度的的螢幕的,解析度向上跳一級(1920 × 1200)的24吋螢幕當然是首選。

不過,現在已有廠商注意到Full HD影片的需求,推出22吋大小卻支援1920 × 1080解析度的螢幕,就可滿足Full HD影片的需求。不過,這樣的螢幕有個小缺點,因為解析度太高,所以螢幕上顯示的字會有點小。


Q:看不看影片,特別是黑喵喵的影片?
A:如果經常看魔戒之類一大堆黑漆漆場景的影片,螢幕的對比就變得相形重要,螢幕的對比愈高,則可顯示更多亮部與暗部的細節。

不過,現在現在流行一種叫「動態對比」的偷吃步技術,可以對比沒那麼大的螢幕也能顯示出較多細節,舉例來說,在昏暗部份佔場景大部分的畫面,具動態對比者在暗部的細節可以顯示更多,但因為對比的階調仍是固定,故亮部就會被犧牲,反之,亮部顯示也是。

由上述可知,動態對比並不是萬靈丹,具真正高對比的螢幕可以看到的亮暗部還是比較多的。因此,預算足夠者,可考慮原生高對比機種,預算有限者,就找具動態對比的機種吧。


Q:會不會垂直觀賞使用?
A:有很多人喜歡把螢幕旋轉成垂直顯示,但是這點對於TN面板來說是個痛處,因為TN面板可視角度較小(160度),雖說規格是160度,但大概偏個20度來看,就會感覺到螢幕開始變色。因此,慣於垂直使用螢幕者,請從VA或IPS面板的機種著手。

再者,有垂直顯示需求者,螢幕的腳架或背架也是要注意的一點。


Q:會不會一部螢幕接多個訊號?
A:如果有多個輸入訊號在同一顆螢幕顯示需求者,像是電腦與遊戲機都接在同一顆螢幕的情況,建議找將訊號切換獨立出來成硬體按鍵的機種。

市面上仍有部份機種要進選單(OSD)才能切換訊號,如果需要經常切換訊源,有獨立硬體按鍵者會方便很多。


Q:顯示卡是否老舊?
A:如果是很老或是很便宜的顯示卡,通常輸出端子只有D-sub,雖說D-sub最高解析度可到2048 × 1536,但訊號是類比輸出,所以會衰減,在接上20吋以上的螢幕就會開始變糊。因此,想換20吋尺寸以上螢幕的人,強烈建議換一張有DVI的顯卡,即使最便宜的都可以。

因為DVI是數位訊號,早期Single Link的DVI就可支援到1920 × 1200,應付現在市面上大部分的螢幕已綽綽有餘,更何況是後來可支援3840 × 2400的Dual Link DVI。


Q:美工需求會不會很高?
A:如果需求很高,意即就是要用好一點的面板,至少也要VA面板起跳,可以的話當然IPS面板更好。不過口袋預算若有限的話,可以考慮所謂「廣色域」(WCG, Wide Color Gamut )的TN機種,意即色域達NTSC 92%以上,因為色彩表現範圍較以往更為寬廣(早期螢幕色域越在NTSC 72%上下),簡單說就是顏色更加飽和。

但是,一分錢一分貨,即使是廣色域的TN,畢竟顏色數還是6bit抖色成8bit,烏鴉仍是烏鴉,實際顏色數就是比較少,即使藉由較新背光技術的加持,在色彩濃郁度上還是比不上VA,甚至IPS面板的機種。

不過,可別以為有了VA或IPS的螢幕就「無敵」了,在美工需求下,除了螢幕能夠顯示足夠的顏色外,對於顏色的準確度也是很重要的,買回來還是要校色的喔。


Q:會不會很要求顏色準確度?
A:
基本上這是承上題,就市面上的螢幕來說,十部螢幕有九部半顏色是不夠準確的,除了頂級的Eizo或NEC等繪圖用螢幕,廠商在出廠時都是把色調弄成比較「討喜」,特別是所謂的「情境模式」,對於要求色彩準確的用途來說,根本是種干擾。

因此或有校色的需求,記得注意OSD具有個別調色溫與RGB,最少最少都要有可以個別調整RGB的選項,在進行校色時得到的結果才會更為準確。

但,有一點仍要知道,沒有百分百顏色準確的螢幕,即使經過校正後,也只是「接近」準確值。(再扯就要到色彩管理了)


Q:相信店員還是相信自己的眼睛?
A:購買前做了一堆功課,結果經常店員一個推薦就改變心意,這種情形層出不窮,當然不是說只要是店員推薦的就一定不好,而是要提醒找到適合自己的螢幕才是重要。

因此,店員的推薦可以當作參考,但還是要依自己的需求與預算,特別是自身需求,記得自己真正需要什麼,然後選定後才詳細試機。

以下為目前LCD螢幕面板的比較表,僅供參考:







TN原理
(Twitsed Nematic)
VA原理
(Virtical Alignment)
IPS原理
(In-Place-Switching)
可視角度 (對比>40%)
160到170度
廣(過45度開始色偏)
170到178度
178
對比
最大1000:1
最大到2000:1
最大到1000:1
反應速度
全黑到全白:快(2ms)
灰階到灰階:慢
較快(6ms)
慢(16ms)
成本
較高
超高
TN面板級別
BTN > TN
VA面板級別
CPA = ASV > A-MVA > S-PVA > PVA > P-MVA > MVA
IPS面板級別
日系面板:IPS-α(IPS-Pro)= UA-SFT > AS-IPS = SA-SFT > S-IPS >S-TFT
韓系面板:H-IPS > S-IPS


最後,祝福大家都可以買到適合自己的螢幕^^

液晶螢幕採購指南

資料來源

市售的液晶螢幕不乏大尺寸、價格平實的選擇, 但選購液晶螢幕時,除了比價格,還有許多住意事項:
面板種類
螢幕的好壞首重面板,液晶螢幕的面板主要分為三大類:
TN面板由於成本低廉,因此最為廣泛,市售低於4000元的液晶螢幕幾乎都是採用TN面板,但TN面板的色彩顯示能力較差,可視角比較小,容易產生色偏,不適合專業用途如繪圖、印刷、醫療等工作,但由於具有絕對的價格優勢,非常適合學生及一般大眾使用。VA面板以及IPS面板有比較好的顯色能力,可視角也比較大,因此色偏較小,適合對色彩品質、準確度要求較高的使用者。
AOC LED螢幕BENQ VA面板螢幕DELL IPS面板螢幕
採用LED TN面板的
機種售價平易近人
採用VA面板的機種
顯色能力較佳
IPS面板售價偏高,
但有其專業市場
除此之外,面板又可依背光方式分為CCFL和LED兩種,一般俗稱的LCD螢幕多指採用冷陰極管CCFL做為背光源的液晶螢幕, 其實LCD一詞泛指平面薄型顯示器(Liquid Crystal Display),自然也包括了採用LED做為背光源的螢幕, 只不過現在為了便於區分,大多直接稱LCD螢幕、LED螢幕,以為區分。 採用LED做為背光源的螢幕,發熱量小、較輕薄、亮度及對比度較高,而且較省電,唯售價較高。 如果在有限的預算當中做選擇,建議挑選VA面板、IPS面板的機種為優先,若預算足夠,也有採用LED背光的IPS面板機種可做選擇。
畫質
上面所說的面板,依據種類不同,色彩表現也有落差,若但是要求畫質,則要注意面板解析度。市售23吋以上的螢幕至少都具備1920x1080的Full HD解析度,20吋以下機種解析度較低;解析度愈高代表畫質愈好、愈細膩。液晶螢幕的解析度還跟畫面比例有關,FHD解析度長寬比例為16:9,是目前主流,但仍有部份機種採用16:10的比例,若是22吋16:10機種,解析度則僅有1680x1050,24吋機種則可以達到1920x1200的解析度,解析度高,能顯示的內容就愈多。除此之外,選購時還可留意亮度、對比度,這兩個數值都是愈高愈好,而反應時間則是愈低愈好,尤其對於電玩的玩家,若面板的反應時間不夠快,動態畫面可能會有殘影的現象發生。 
大尺寸螢幕
20吋以下螢幕價格低廉,
但解析度較低
22~24吋FHD螢幕
為目前市場主流
使用大尺寸螢幕
遊戲/影片更有魄力
保固
選購液晶螢幕時,除了保固年限,尤需注意亮暗點的保固。亮、暗點是液晶螢幕無法控制的恆亮或恆暗的壞點,皆屬液晶面板無法修復的瑕疵,過去有許多機種提供無亮點保固,只要保固期內有亮點發生,廠商都提供換機服務;而其他沒有提供無亮點保固的機種,大多是規定整個顯示面積要超過3個壞點,或者依九宮格做區分,中央區域有壞點,方可要求廠商更換。 目前許多品牌陸續取消液晶螢幕無亮點保固,因此建議透過網路平台選購,善用7天鑑賞/換貨,以保障自身權益。
I/O介面 
顯示介面經過多年的發展,傳統的25pin D-SUB介面已逐漸式微,目前主流多採用傳輸效率更佳的DVI以及HDMI介面。 新規格的電腦至少都會有DVI規格的接頭可輸出影像訊號,但如果是使用舊電腦搭配新購置的螢幕,特別要留意傳輸介面是否吻合。 如果液晶螢幕要用來連接PS3或XBOX 360等遊戲機使用,需選購具備HDMI介面的螢幕。 有些螢幕還有提供USB介面,可用來連接週邊設備,非常便利; 另外,並非所有的液晶螢幕都有內建喇叭,而螢幕內建的喇叭音質也僅能說尚可,選購時可依據自身需求加以留意。

2015年5月21日 星期四

[jQuery] Select All Checkbox 選取所有選取框checkbox

Hank to hanker - Learning Note: [jQuery] Select All Checkbox 選取所有選取框checkbox: Sample Below: (save to html to try this) <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquer...

jQuery Tutorials

PHP Training center

內容豐富
http://phptutorial9.blogspot.in/

Dynamic Select Boxes With PHP MySQL jQuery - Without Page Refresh

jQuery Checkbox con AJAX y PHP

PHP Checkbox Arrays

Adobe Dreamweaver Training JQuery and Phone Gap Support

PHP MySQL Database Tutorial in Hindi

MySQLi with PHP Tutorial - Welcome - Intro

SEO Tutorial for Beginners

007 PHP MySQL Database Beginner Tutorial - PHP Checkbox Array - MySQL In...

006 PHP MySQL Database Beginner Tutorial - PHP Checkbox Array - MySQL In...

005 PHP MySQL Database Beginner Tutorial - PHP Checkbox Array - MySQL In...

004 PHP MySQL Database Beginner Tutorial - PHP Checkbox Array - MySQL In...

Adobe Dreamweaver CS3 Forms: Working with Check Boxes

Check boxes are a useful tool for allowing a user to select one or more options from a list. Instead of having a user select the most appropriate option, check boxes allow the user to select all options that apply. In order to use a check box form field, two processes must be completed: inserting the check box form field into a form and assigning the form field a name-value pair.
NOTE: For more information about working with form fields, please refer to Inserting the First Form FieldOpening the Form Field Properties Dialog Box, and Terminology.

return to topInserting Check Boxes

  1. Place the insertion point within the form boundary where you would like to insert the form field
    NOTE: For information on inserting a form boundary, refer to Creating Forms.
  1. From the Insert menu, select Form » CheckboxOR
    On the Forms bar, click CHECKBOXCheckbox buttonThe Input Tag Accessibility Attributes dialog box appears.
    For a description of the options in this dialog box, refer to Forms: Input Tag Accessibility Options.
    Input Tag Accessibility Attributes dialog box
  2. In the Label text box, type an appropriate label
    HINT: The Label is the text that identifies a check box option to users.
  3. Make any appropriate selection(s) under StylePositionAccess key, and Tab Index
  4. Click OK A check box appears.

return to topAssigning the Name-Value Pair

The name should identify what option the check box represented for the user (e.g., the location check box below is an option to answer "location" in response to the question and is named "location"). In a group of check boxes, users can select more than one.
The value of a check box is not visible to the user. The value should indicate whether the option was selected (e.g., a group of check boxes that are all answers to the same question about liking UW-Eau Claire may all have the value "like").
Example of check box use with name/value pair
When a user submits the form, the name of the check box will be matched with the value of the check box. The information the form developer receives may look like this:
name: value
EXAMPLE: Location: like
EXAMPLE: Majors: like
The name identifies the option, and the value indicates whether it was selected.

To assign the name-value pair

  1. After inserting the check box, select it
    The CheckBox Properties pane appears.

  1. In the Checkbox Properties pane, in the Checkbox name text box, type the name for the check box
    Checkbox properties
  2. In the Checked value text box, type the value for the check box
  3. For Initial state, select Checked or UncheckedIf Unchecked is selected, the check box will appear unchecked when the page loads.

2015年5月20日 星期三

[教學]網頁版型切圖與輸出(Fireworks+Dreamweaver版)

今天來分享一篇教學,說明網頁設計相當重要的基本功-版型切圖的原則與流程,由於網頁的版型變化相當多元且能夠進行版型設計與切圖的軟體也很多,日後設計嵐會一一分別做說明,今天先以設計嵐自己最常使用的『Fireworks+Dreamweaver』搭配來說明。

2015年5月6日 星期三

[PHP] 取得生日對應的星座名稱

ㄟㄟ
無意間找到這個
覺得很實用

資料來源

在 Google 上找了一下能用 function,花了十分鐘決定自己寫了,說實在的在 social 的網站上這算是基本需求,而以前寫的也不知道丟哪去了,這次好好記錄下來免得以後又要再寫一份。

  1. function getStarSignsName($month$day) {  
  2.    $list=array(  
  3.        array('name'=>"摩羯座",'min'=>'12-22','max'=>'01-19'),    
  4.        array('name'=>"水瓶座",'min'=>'01-20','max'=>'02-18'),  
  5.        array('name'=>"雙魚座",'min'=>'02-19','max'=>'03-20'),  
  6.        array('name'=>"牡羊座",'min'=>'03-21','max'=>'04-19'),  
  7.        array('name'=>"金牛座",'min'=>'04-20','max'=>'05-20'),  
  8.        array('name'=>"雙子座",'min'=>'05-21','max'=>'06-21'),  
  9.        array('name'=>"巨蟹座",'min'=>'06-22','max'=>'07-22'),  
  10.        array('name'=>"獅子座",'min'=>'07-23','max'=>'08-22'),  
  11.        array('name'=>"處女座",'min'=>'08-23','max'=>'09-22'),  
  12.        array('name'=>"天秤座",'min'=>'09-23','max'=>'10-23'),  
  13.        array('name'=>"天蠍座",'min'=>'10-24','max'=>'11-22'),  
  14.        array('name'=>"射手座",'min'=>'11-23','max'=>'12-21'),  
  15.    );   
  16.      
  17.    $time=strtotime("1970-$month-$day");  
  18.    foreach ($list as $row){  
  19.        $min=strtotime("1970-".$row['min']);  
  20.        $max=strtotime("1970-".$row['max']);  
  21.        if($min<=$time && $time<=$max){  
  22.            return $row['name'];  
  23.        }  
  24.    }  
  25.    /*other to 摩羯座*/  
  26.    return $list[0]['name'];  
  27. }  


測試程式:
  1. $test=array(  
  2.    array('n'=>"水瓶座",'m'=>'01','d'=>'20'),  
  3.    array('n'=>"水瓶座",'m'=>'02','d'=>'08'),  
  4.    array('n'=>"水瓶座",'m'=>'02','d'=>'18'),  
  5.      
  6.    array('n'=>"雙魚座",'m'=>'02','d'=>'19'),  
  7.    array('n'=>"雙魚座",'m'=>'03','d'=>'10'),  
  8.    array('n'=>"雙魚座",'m'=>'03','d'=>'20'),  
  9.      
  10.    array('n'=>"牡羊座",'m'=>'03','d'=>'21'),  
  11.    array('n'=>"牡羊座",'m'=>'04','d'=>'09'),  
  12.    array('n'=>"牡羊座",'m'=>'04','d'=>'19'),  
  13.      
  14.    array('n'=>"金牛座",'m'=>'04','d'=>'20'),  
  15.    array('n'=>"金牛座",'m'=>'05','d'=>'10'),  
  16.    array('n'=>"金牛座",'m'=>'05','d'=>'20'),  
  17.      
  18.    array('n'=>"雙子座",'m'=>'05','d'=>'21'),  
  19.    array('n'=>"雙子座",'m'=>'06','d'=>'1'),  
  20.    array('n'=>"雙子座",'m'=>'06','d'=>'21'),  
  21.      
  22.    array('n'=>"巨蟹座",'m'=>'06','d'=>'22'),  
  23.    array('n'=>"巨蟹座",'m'=>'07','d'=>'02'),  
  24.    array('n'=>"巨蟹座",'m'=>'07','d'=>'22'),  
  25.      
  26.    array('n'=>"獅子座",'m'=>'07','d'=>'23'),  
  27.    array('n'=>"獅子座",'m'=>'08','d'=>'02'),  
  28.    array('n'=>"獅子座",'m'=>'08','d'=>'22'),  
  29.      
  30.    array('n'=>"處女座",'m'=>'08','d'=>'23'),  
  31.    array('n'=>"處女座",'m'=>'09','d'=>'02'),  
  32.    array('n'=>"處女座",'m'=>'09','d'=>'22'),  
  33.      
  34.    array('n'=>"天秤座",'m'=>'09','d'=>'23'),  
  35.    array('n'=>"天秤座",'m'=>'10','d'=>'03'),  
  36.    array('n'=>"天秤座",'m'=>'10','d'=>'23'),  
  37.      
  38.    array('n'=>"天蠍座",'m'=>'10','d'=>'24'),  
  39.    array('n'=>"天蠍座",'m'=>'11','d'=>'02'),  
  40.    array('n'=>"天蠍座",'m'=>'11','d'=>'22'),  
  41.      
  42.    array('n'=>"射手座",'m'=>'11','d'=>'23'),  
  43.    array('n'=>"射手座",'m'=>'12','d'=>'02'),  
  44.    array('n'=>"射手座",'m'=>'12','d'=>'21'),  
  45.      
  46.    array('n'=>"摩羯座",'m'=>'12','d'=>'22'),  
  47.    array('n'=>"摩羯座",'m'=>'01','d'=>'09'),  
  48.    array('n'=>"摩羯座",'m'=>'01','d'=>'19'),  
  49. );  
  50.   
  51. foreach ($test as $v){  
  52.    if(getStarSignsName($v['m'],$v['d'])!==$v['n']){  
  53.        echo $v['n'],"error
    "
    ;  
  54.    }else{  
  55.        echo $v['n'],"OK
    "
    ;  
  56.    }  
  57. }