到底是要用HDD(傳統硬碟) 還是用SSD(固態硬碟) – 個人使用心得

本人使用了SSD 一年多了，目前還是頭好壯壯的使用中，在朋友間或者是網路上，常常會問到是否要用到貴貴的SSD呢？我想以個人使用心得來說說。

目前本來將SSD做為開機系統硬碟，HDD 1T做為資料和程式的儲存空間，再者加一台外接的1T隨身碟，目前使用心得如下：

1、 開機真快

這個是每個人買SSD的第一個感覺，很多人覺得開機快並沒有什麼了不起，HDD在win8開機也是很快的，這並什沒有什麼了不起的，雖說，時間點上面，其實有差到1分鐘左右，就新裝機而言是如此，而在系統使用久了，特別是windows系統中，使用愈久，系統跑得愈慢，在HDD中，就會顯現的很明顯，電腦的開啟速度就真得差很多了。

速度並非重點嗎？在我覺得是重點，有時工作的時候，頭腦正想到一個想法，結果電腦處於關機中，此時就想馬上輸入到電腦中，看著開機的畫面，如果時間久了，就會覺得很煩，如果又有急事要處理，而電腦一直處於一個開機中，那時真得會急死人（考驗人的耐性），而在使用SSD後，就沒有以上的情況了，感覺整個做事的效率相對的提高了；

2、 程式開啟速度加快

這個和上述是相同的。

3、 SSD壽命短

依照業界的實驗結果，他的壽命聽說真的不長，所以我都會設定同步程式，將我的重要資料隨時的備份，反正，系統在，重灌即可。而且使用了一年到現在並無發現有任何問題。

4、 使用的方式

我建議使用SSD，都必須再買一個HDD備份其資料，目前SSD的容量還是很小且很貴，有時又有謎片容量的須求的話，那一定是不足夠的，所以，我又買了一顆HDD來備份資料及放大容量的資料

結論：

我覺得SSD 不僅可以提高爽度，如果在工作上使用，更可以加速你的工作效率，使用在工作上，就不用為了等待程式的開啟或者開機，一個人必須呆呆坐在電腦前面或者還要想別的事情來做，此功能更不是任何方式能夠取代，特別是在工作上 ”時間就是金錢”  

[網頁介紹]讓您快速的編寫CSS3 的網站 part 2 [邊框設定]

繼上編 [網頁介紹]讓您快速的編寫CSS3 的網站 介紹了便利程式碼產生器，方便用於網頁程式碼的編寫，今日再介紹一個網站，也是相同的方式來寫程式，也可以使用這個網站來寫網頁！

推薦網頁：http://www.css3.me/

先來看看網站的首頁吧！

這個網站，較上次介紹的簡單，主要用於邊框的變化，依序分別為邊框的圓角(border-radius)，邊框的陰影(box-shadow)，邊框的背景的漸層變化(background gradient)，最後是邊框的透明度(opacity)。

首先，我們在上圖中的選項1(edit the basics)，可出現以下畫面。

第1項為邊框粗細，第2項為邊框顏色，第3項項為背景顏色

再來，我們將邊框粗細調成5px，邊框顏色設定為紅色

將底色設定成灰色

在右側的Preview (預覽區)，就可以直接看到你的剛剛設定的結果了！

再來開始設定第2項圓角的部份

我們將之設置成30px的圓角

就上出現圓角的產生了！

再來設置第3項陰影的部份

將之設定為17px！

陰影就出現了！

再來我們設置第4項的背景漸層功能

我們將之設定為黃色開始色，白色為結束色

就可以產品以上的效果！

最後，調整透明度，有時我們想有點透明度的效果，可以使內容加點層次或效果，，就可使用該功能

我們將透明100調成49，100為不透明，49為半透明，0就為全透明了

修改完後，就可以看到以上的結果了！

再就是如何將設定好的邊框效果套用在網頁上了！

點上面的 GET THE CODE! 的選項

就會跳出以上的對話框，此時就可以出現程式碼了，還可以選用各式瀏覽的的相容選項，一般而言，我都不會去取消，網頁是要給各式各樣的人看的，而瀏覽器就要有相容性，還是全選比較好，再來就將這些程式碼複制貼上到你的CSS標籤內，再預覽，就可以看到剛剛設定的效果了。

這個網頁，可以方便各位在編寫css 碼時，還要自己邊想邊試，他由預視的功能就可以先看到結果，這可結省不少時間，再者，為了符合各式瀏覽器的相容性，你又要相同的文字一直輸入，此網頁可直接輸出，更可減少輸出的錯誤。

在每個選項後面都有 + 的接鈕，是用於細部修改用的，各位有興趣式或有需要，也可以玩看看喔！

[網頁介紹]讓您快速的編寫CSS3 的網站

網頁在寫CSS 的時候，要寫一堆程式碼，總是讓人覺得很煩，還要依各個瀏覽器去寫一樣的碼，有時候真的是很累人的一件事。

各位可以連到 CSS3 Generator 的網站 http://css3generator.com/ 

  

這個網站可以幫助你不用在用打字的方式寫網頁了，可點選下拉選項，你可以看到以下列表

  

上面有各式各樣的選項供你選擇，我們可以先試試試 border Radius 倒圓角的功能，設置圓角為30px
  

  下方的位置就會出現程式碼

  
你只要複制，貼上你網頁的css裡面中，就可以做到效果了，也不用一直打字算是很方便的網頁！
再來試試文字陰影的部份

  
你僅要填入你要的值，右方就可出現效果，複制文字到網頁碼中，就可以了

其實，這類的網頁還不少，我在寫網頁的時候，靠這些網頁，可替你節省去不少時間，時間是金錢唄
有空再來介紹各類相同的網頁給大家，方便各位寫網頁！

Yahoo/Bing 的 SEO

最近在負責公司的網頁設計修整，也常常在調整網頁內容的完整性
而近日，常有些SEO 的公司打電話給我，
說他們能夠在Yahoo的關鍵字裡，
達到有效的排名。

說只要付出一定的金錢，他們可以在Yahoo中達到很好的效果，
而且不用修正網頁內容！！（重點：google 和 yahoo 都說要修改調整內容）
我想說，如果能夠付錢，就能讓公司提昇流量及排名
何樂而不為呢？

此時，我又貪心的問了，那google 行不行呢？
對方說，他們只能將Yahoo 提昇，而google 就沒辦法了，
以我對SEO 的了解，應該是當你修正了網頁內容且豐富內容，
應該是兩個搜尋器都會加分呀，為什只有YAHOO 呢？
值得懷疑！

但是，為什麼YAHOO能夠作弊，而GOOGLE 不行呢？
如果廠商說得是真的，也辦得到的話，
這表示，其實YAHOO的搜尋內容不是十分的公平，
而搜尋器本身最大的特點就是「搜尋使用者所想要的」
搜尋出來的如果可以動手腳的話
那該搜尋器就不是很公平公正
那何必去使用該搜尋器，去搜尋資料呢？

希望廠商是騙人的，只希望別人花錢受罪。
但是，對方也擺明了說google 無法成功
而如果3~4個月到yahoo 的第一頁時
才開始收錢

這不就是好像可以是真的嗎？
希望yahoo /bing 能正視這個問題！

畢竞，搜尋引擎的公平性，是最重要的
如果自然搜尋出來的資料，是經由處理過得
那對許多辛苦經營seo的人，是很不公平的

不過，說真的，我用yahoo 去搜尋一些關鍵字，在第一頁
真得找到不符合yahoo 所規定seo 設計規範
網頁爛的沒法說，但他總是在第一頁的
無法理解，又好像能呼應該問題。

說到這，google 真的很認真再做這件事
也因如此，大家才會想找資料時，都會說「去谷歌 xxx 一下吧」

yahoo/Bing 加加油吧，修正你們搜尋蜘蛛吧！


Google 說明裡說了"沒有人可以保證能在 Google 上排名第一。"
 


Google 也說了利用seo 的注意事項 "還有其他需要注意的事項"
 

如何設計漂亮邊框(04)-邊框圓角設定-[border-radius]

再來，橙來說明最喜歡用的指令了，就是邊框圓角的指令了，在以前，圓角的製作方式，須要利用小畫家等繪圖軟體來設定，然後當作該區塊的背景，才能有圓角的效果，如今，新版的css3來說，就不須要這樣麻煩了，僅須在css裡設定，即可以表現圓角的效果。

因為這個為css3的設計，設計時還是要考量瀏灠器版本的問題喔！以下是支援的表格

 

以上是支援的版本，ie 8 不支持喔！還是要注意一下喔，他的使用者最多（目前來說）！

橙喜歡圓角的感覺，特別在一些設計的版面，圓角的設定，讓整個畫面有了質感的感覺（個人覺得啦），特別現在有許多東西，都特愛用圓角的設定來表現，許多的手機不是都愛如此嗎？ iphoto 不也愛用 哈哈

離題了，橙還是來寫一段html 吧！（和上一篇一樣 = =）

<!doctype html>
<html>
<head>
<metacharset="utf-8">
<title>魚和橙的結合</title>
</head>

<body>
<p id="bord1">border1</p>
<p id="bord2">border2</p>
<p id="bord3">border3</p>
<p id="bord4">border4</p>
</body>
</html>

再來加入css 吧！

<style type="text/css">
p {
    display: block;
    width: 150px;
    border-style: solid;
    background-color: #CCC;
    color: #000;
}
#bord1 {
    border-radius: 5px; /*左上、左下、右上、右下設定為5px*/
}
#bord2 {
    border-radius: 3px 10px; /*左上、右下設 3px 及 右上、左下設 10px*/
}
#bord3 {
    border-radius: 4px 5px 10px; /*左上設4px 及 右上、左下設5px 及 右下設10px*/
}
#bord4 {
    border-radius: 1px 3px 0px 10px; /*左上設1px 及 右上設3px 及 右下設0px , 左下設 10px*/
}
</style>

  橙先將<p>設定為寬度150px、實線、背景為灰色、字體為黑色、容器為block屬性。

在設定#bord1~#bord4 ，分別設置了四種形式，其說明在程式碼的註解裡，可以看到各設定的方向，各位可看看試試！

我們來看看輸出結果吧！

 

在這可以做很多的變化，各位試試，可以設定很多質感的邊框喔！

[video]boby did not want to call her dad

baby cry cry babe said:no no no

如何設計漂亮邊框(03)-邊框的上下左右關係-[border-top][border-bottom][border-left][border-right]

  

之前，橙都是以全部的邊框來設定，當然，有時候，我們不需要四個邊都需要設定，只須要一個邊來表示時，此時，我們可以指定我們要的方向來設定，無須四個邊都要設定。

而設定的方式，僅須要以 top、bottom、left、right 來分別，再加上屬性即可，而我們先設定基本要改的html 吧！

<!doctype html>
<html>
<head>
<metacharset="utf-8">
<title>魚和橙的結合</title>
</head>

<body>
<p id="bord1">border1</p>
<p id="bord2">border2</p>
<p id="bord3">border3</p>
<p id="bord4">border4</p>
</body>
</html>

 此例和上篇是一樣的，而我們在#bord1~#border4 中，各別加入上下左右的條件，分別改變其id的邊框顏色、樣式及粗細，橙子將css 加入吧！

<style type="text/css">
p {
    display: block;
    width: 150px;
}
#bord1 {
    border-top-color:red;
    border-top-style:dashed;
    border-top-width:1px;
}
#bord2 {
    border-bottom-width: 1px;
    border-bottom-color: gray;
    border-bottom-style: double;
}
#bord3 {
    border-left-width: thin;
    border-left-style: double;
    border-left-color: blue;
}
#bord4 {
    border-right-width: thick;
    border-right-style: dotted;
    border-right-color: black;
}
</style>

橙子將css 加入了一些條件，橙將<p>標籤中設立了寬度為150px，容器屬性為block(區塊)。

而在bord1 加入了border-top-color 為紅色，border-top-style 為虛線，border-top-style為1px寬，各位看下去，其實設定的方式就是將前幾篇所說的，中間加入了方向名詞，即可產生你要的效果。

所以，#bord2~#bord4 就分別修改下、左、右的屬性，我們就來看看，我們修改的結果吧！

  

是不是就改成你要結果的呢？可以試試看喔！