Ubuntu 更新電腦名稱 hostname

修改 /etc/hostname ,將內容改為新的 HostName

vi /etc/hostname

修改 /etc/hosts ,將 127.0.0.1 後面的文字改為新的 HostName,某些 Service 會使用 HostName,如果沒有修改可能會錯誤。

vi /etc/hosts

重新啟動 HostName

/etc/init.d/hostname.sh

查詢 HostName

hostname

  2012-04-26      ez      Linux
Ubuntu 系統更新指令

需要先連上網路,並且登入Root帳號!   用來取得遠端更新伺服器的套件檔案清單

sudo apt-get update

立即更新套件,並且不詢問(相依性有問題也會嘗試安裝看看)

sudo apt-get -y dist-upgrade

立即更新套件,並且不詢問(相依性有問題就不安裝)

sudo apt-get -y upgrade

清除更新時所下載回來的檔案

sudo apt-get clean

  2012-04-26      ez      Linux
好用的程式碼編輯器─Notepad++

 

因為很想學會自己寫前端,所以開始寫一些語法,在網路上搜尋到一款大家很推薦的編輯器Notepad++ 。

因為要寫本文,搜尋了一下,才赫然發現這是台灣人作品啊!!!!忍不住要給兩隻大拇哥了

軟體名稱:notepad++,文字編輯器 語言版本:多國語系 (含繁體中文) 官方網站:http://notepad-plus-plus.org/

  2013-08-28      ez      好站分享
用2張圖片製作一個有Mouseover效果的Button (JavaScript)

繼上次使用CSS製作Button後,這次要來嘗試用兩張圖片製作,預計效果如下

  • Mouseover換圖顯示
  • 固定在該區塊的左邊
  • Clicks外跳視窗

 

【成品】

 

【製作解說】

作法一,改變CSS的Style,使用background這個元素做變化 [完整語法]

<div style="width: 110px; height: 40px;cursor: pointer; background: url(圖片網址);"
	title="Mouseover會切換"
	onClick="window.open('網址')"
	onmouseover="this.style.background ='url(圖片網址)';"
	onmouseout="this.style.background='url(圖片網址)';">
</div>

  2013-08-28      ez   
名詞解釋| 什麼是UE、UI、UCD、UED、GUI、UX、ID?

(圖片資料來源︰ detritus)

UE、UI、UCD、UED、GUI、UX等詞是這一兩年來台灣網路圈開始很流行的詞兒,不過這些名詞卻總是讓人容易稿混(莫名其妙都想唱起UE、UX…傻傻分不清楚,UI、GUI傻傻分不清楚……XDDD),身為很潮的網路企劃總當然得要搞清楚這些專業名詞三咪小朋友,才不會被別人看笑話了

 

什麼是UI?

UI 就是使用者介面(User Interface),指的就是人機互動的介面
 

什麼是UE或EX?

UE或UX就是用戶體驗(User Experience),指的是使用者使用一個產品(服務)時的所有體驗與心情感受,包含對於設計風格的體驗、使用功能上會不會遇到問題、對於網站處理問題的速度反應…等等都是用戶體驗的一部份。在國外多半將User Experience簡稱為UX,在對岸則常用UE縮寫。  


  2013-01-26      ez   
線框圖(Wireframe) 跟樣張(Mockup)跟原型(Prototype)有什麼不同?

就一個網站新手企劃來說,線框圖(Wireframe) 跟樣張(Mockup)跟原型(Prototype)總是讓人傻傻分不清楚 到底這三者有什麼不同呢? 這三者之間其實有很高的相似度,當然,有時候也可以交互使用,在一個網站開發的過程當中也不必然三者一定都會出現,不過三者之間還是有不同層次上的差異

  • 線框圖(Wireframe),主要拿來圖示網頁整體結構與組成基本元件,通常出現在網站開發的初始討論階段。
  • 樣張(Mockup),通常來說樣張只是一張圖檔 ,主要在呈現、討論網站的整體視覺設計,包含圖形、排版、以及網頁上大大大小的元素等的視覺表現。
  • 原型(Prototype),通常已經加入HTML、CSS甚至一些JavaScript,已經非常接近完成狀態,雖然功能尚未完全,但基本上已經支援使用者在網頁上進行點擊、Mouseover等動作。

上面的說明如果還是讓你覺得當複雜,你也可以這樣理解

  • 線框圖(Wireframe)=空白的網頁框架
  • 樣張(Mockup)=空白的網頁框架加上彩繪
  • 原型(Prototype)=空白的網頁框架加上彩繪再加上動態效果

說穿了,其實三者就是因應不同階段的任務需求所使用的不同工具。當然,這樣子最主要的目的是在幫助整個網站在建制更加順利,在不同的階段能夠聚焦處理當前重點任務。


  2013-01-25      ez