佳佳的窩

網站要做 RWD，但是 IE 怎麼辦 ?
 
剛開始摸索 RWD 的設計師
對於這個問題應該都感到很困惑
因為 IE8 以下不支援 @Media
 
但是在這之中有一些觀念問題必須釐清
 
首先，我們之所以做 RWD
主要原因是希望在手機或平版裝置上能正常瀏覽
( 你得先認同這個觀點，以下的論點才會成立 )
 
實際上，智慧型裝置上的 IE 很少  ( 我還沒遇到拿 windows phone 的朋友 )
加上從 Windows Phone 7.5 版開始就已經內建 IE9 了
按此推理，智慧型裝置幾乎都能夠支援 @Media
所以 IE 的問題，僅存在於 PC 上  ( MAC 沒有 IE  )
 
另一個觀念
在智慧型裝置問世之前
我們的網站無庸置疑就是只有電腦版一種，通常泛指 PC
什麼手機、平板，或者又是手機又是平版的通通不存在
 
所以在只有電腦版的前提下
網站版型應該是以電腦螢幕的最小範圍為依據
通常就是以寬度 1024 為基準  ( 或是 1140，我現在都做這尺寸 )
 
也就是說
使用小於1024 px 的 電腦螢幕觀看網站，本來就會出現橫向捲軸
而出現卷軸的情況，也絕對是設計師與使用者都能接受的 ( 誰叫你螢幕小，不接受也不行 )
況且，還在使用 1024 以下的螢幕的使用者，應當去買個跟得上時代的螢幕了
設計師不該為了這小族群白費寶貴的時間
 
所以我們可以得到兩個結論
 
1. 智慧型裝置基本上沒有 IE，即便有，也應該都有支援 @Media
2. IE 不支援的問題只存在於 PC 上，只要將網站寬度維持在 1024 的範圍內即可，低於1024px 的螢幕就    讓它一如往常地出現捲軸吧
 
總結後，再重覆一次問題
 
IE 怎麼辦 ?
答案是 : 管它去 X .....
 
====================================================
 
當網站做了 RWD，拉動瀏覽器視窗
看著網站隨著視窗寬度改變配置時，莫名地有成就感呀
但偏偏就 IE8 與 IE7 怎麼拉都不動
這時候，在設計師的完美主義作祟下，就會開始苦惱 IE 怎麼辦哩 ?
 
其實.....會這樣拉動網站的人，
除了你以外，就是其他的網頁設計師
IE 慢死了，使用者才沒這麼多閒情逸致在那邊上上下下左右左右BA 地搞你的網站
況且使用者若是使用 IE9 以上的瀏覽器
基本上都支援 @media，隨便他愛怎麼拉就怎麼拉
所以，真的不需要這麼在意
 
如果這一大篇文章還是無法說服你放棄對 IE 的治療
那麼你唯一能進行的療程
就只有使用 JS 的 Resize 來處理
或是外掛 css3-mediaqueries.js 了
 
But，把 IE 救活了，使用者就更不會換瀏覽器了，三思 ....

 
這是媽媽參加的"網路日誌填寫的市調活動"
要寫10天
每天三餐寫四次,一天要寫12則.
終於要結束了.
再一餐就收工.
這次是超商禮券350+1500=1850
也蠻好賺的啦...不無小補!!!
PS:
上傳照片的PHP程式有錯誤
我還幫他們debug
哈哈哈~可惜研究單位沒缺資訊人員!!!

網站設計在智慧型手持裝置尚未主流成行前，網頁設計技術考量在使用者螢幕大小解析度、瀏覽器支援版本相容規劃
設計，但隨著iPhone、iPad、Android智慧手機與平板電腦使用普及快速成長趨勢，網站設計以不在只能注重在桌上機或筆電裝置瀏覽介面設計規劃。
在先前需多企業為提升網站服務除架設一般電腦瀏覽使用網站版本，並另增加設計行動裝置瀏覽專用網頁，
讓使用者在使用手持機裝置瀏覽企業網站時以手機版網頁介面提供瀏覽資訊服務，讓使用者更容易方便閱讀網站資訊，
短短幾年光景網頁設計Layout觀念又有新改變，Ethan Marcotte 在 A List Apart 的文章中發明了術語 Responsive Web Design (RWD)。
他在 2011 年關於這個主題所寫的簡短的書中描述了響應式網頁設計的理論和實踐。
RWD設計模式被 .net 雜誌 列為 2012 年頂級網頁設計趨勢的第二名 (漸進增強是第一名)。他們也列出了 Ethan Marcotte 最喜歡的響應式站點之中的 20 個。
何謂RWD? 所謂的RWD就是指Responsive Web Design，中文翻譯大概就是所謂的響應式設計，

 
我簡直被當神經病耍~心太軟~
打電話來跟我道歉,要我不要封鎖他,
說了一堆,還講那麼好聽,

轉自http://hungming.ct.ntust.edu.tw/2013fall/ct5707/Install%20Java%20Eclipse
 
安裝JDK與Eclipse
Java開發環境需要安裝以下套件及軟體：
1.    JDK (Java Development Kit)
2.    Eclipse

  一、安裝JDK (Java Development Kit)
1.至下列網址下載 Java Development Kit 。
(http://www.oracle.com/technetwork/java/javase/downloads/index.html)
 
2.點選Accept後，依照使用者電腦硬體配備選擇windows 32位元或64位元之JDK版本。
3.下載後，點選執行安裝，接著按"Next"繼續。
 
4.點選"Development Tools"進行安裝，再按"Next"繼續。
5. 選擇安裝路徑，一般使用系統預設之路徑。再按"Next"繼續。
 6.點選"Finish" 完成安裝。
 
二、測試JDK是否安裝成功
1.安裝完成後，使用開始→執行→cmd (命令提示字元)來檢查相關資訊。
2.開啟命令提示字元，並輸入「java -version」檢查安裝JDK之版本。若出現以下畫面則表示安裝成功。
 

三、設定環境變數
1.確認JDK安裝成功後，接著設定環境變數。
至「我的電腦」按右鍵點選「內容」、選擇「進階」、點選「環境變數」。
 
2.於環境變數中，點選系統變數的「Path」變數後，選擇「編輯」。
 
3.先至JDK安裝位置，複製先前已安裝之JDK路徑(如: C:\Program Files\Java\jdk1.7.0\bin)後，接至「編輯系統變數」之「變數值」欄位。
(注意：變數之間需以分號";"隔開)
 

四、安裝Eclipse
建立Java程式 開發環境"Eclipse"
1.首先至下列網址下載Eclipse IDE for Java Developers，並依使用者作業系統選擇windows 32位元或64位元之版本。
(http://www.eclipse.org/downloads/)
2. 點選「[Taiwan] Computer Center, Shu-Te University (http)」下載
3.下載後解壓縮至自訂的位置(如 D:\\)，即可使用。
 
 
 
五、開始使用Eclipse
1.開啟Eclipse：對解壓縮後的主執行檔"eclipse.exe"點兩下開啟。
 
 
2.建立工作區：在桌面(或其他路徑)建立Eclipse工作區資料夾後，開啟Eclipse設定工作區位置後按OK。
3.新增專案或匯入專案，如下"a.新增專案"與"b.匯入專案"步驟。
a.新增專案
1.點選左上角「File」→「New」→「JavaProject」來新增專案。
 
2.輸入Project name後點選"Finish"。
 
3.畫面左側的Package Explorer的「Demo1」專案點選右鍵→「New」→「Class」來建立Class。
 
 
4.在「New Java Class」對話框中的「Name」欄位輸入Class名稱，並勾選「public static void main(自動產生主函式)」，最後點選「Finish」。
 
5.點選自行建立之class後輸入程式碼，點選上方「Run」之圖示。
 
6.選擇「Run As」→「Java Application」後，點選「OK」即可執行程式。
 
7.程式執行結果於下方顯示。
 
b.匯入專案
1.    點選上方「File」→「Import」→「General」→「Import」→「Existing Project into Workspace」。
2.    在「Select root directory」中選擇欲匯入之資料夾後按確定。
3.    將「Copy projects into workspace」選項打勾後點選「Finish」。
4.最後在左方「Package Explorer」中顯示剛剛新匯入之專案。

數字越大代表冊子越小，但大多數使用者以16K,25K.48K居多。



單位／cm
A4
15K

16K

25K

32K

48K

50K

60K

90K

100K

寬度
21
21

19

15

13

9

10

8

7

7

高度
30
25

26

21

19

17

15

14.5

12

10

 
 
在一個講究包裝的社會裡，
我們常禁不住羨慕別人光鮮華麗的外表，

   
從Google圖片打關鍵字搜尋 "市調"
出現我的部落格(照片)
可見SEO跟點擊率都很重要!!!

作者：曹桂漪 / 臺灣大學計算機及資訊網路中心程式設計組幹事

---

Subversion(SVN)是一個開放原始碼的版本控制系統，使用SVN能提供多人共有資料的一致性，以及版本控管，適用於文件檔案或是程式碼檔案。
前言
Subversion(以下簡稱SVN)是一個版本控制系統，使用SVN能同時提供組織多人共有資料的一致性，以及最新最正確的版本控管，適用於文件檔案或是程式碼檔案的管理。由於使用上複雜度不高，只要花點時間學習，就能輕易的上手，故目前已經較為廣泛被認同與使用。

Chr(0)

Null
Chr(29)
分组符
Chr(38)
&
Chr(48)
0


Chr(8)
退格
Chr(30)
記錄分離符號
Chr(39)
'
Chr(49)
1


Chr(9)
Tab
Chr(31)
單元分隔符號
Chr(40)
(
Chr(50)
2


Chr(10)
换行
Chr(32)
空格SPACE
Chr(41)
)
Chr(51)
3


Chr(12)
换页
Chr(33)
!
Chr(42)
*
Chr(52)
4


Chr(13)
Enter

Chr(33)

!
Chr(43)
+
Chr(53)
5


Chr(22)
粘贴
Chr(34)
"
Chr(44)
,
Chr(54)
6


Chr(26)
撤销
Chr(35)
#
Chr(45)
-
Chr(55)
7


Chr(27)
Esc
Chr(36)
$
Chr(46)
.
Chr(56)
8


Chr(28)
文件分隔符
Chr(37)
%
Chr(47)
/
Chr(57)
9


 
 
 
 
 
 
 
 


Chr(58)
:
Chr(68)
D
Chr(78)
N
Chr(88)
X


Chr(59)
;
Chr(69)
E
Chr(79)
O
Chr(89)
Y


Chr(60)
<
Chr(70)
F
Chr(80)
P
Chr(90)
Z


Chr(61)
=
Chr(71)
G
Chr(81)
Q
Chr(91)
[


Chr(62)
>
Chr(72)
H
Chr(82)
R
Chr(92)
\


Chr(63)
?
Chr(73)
I
Chr(83)
S
Chr(93)
]


Chr(64)
@
Chr(74)
J
Chr(84)
T
Chr(94)
^


Chr(65)
A
Chr(75)
K
Chr(85)
U
Chr(95)
_


Chr(66)
B
Chr(76)
L
Chr(86)
V
Chr(96)
`


Chr(67)
C
Chr(77)
M
Chr(87)
W
Chr(97)
a


 
 
 
 
 
 
 
 


Chr(98)
b
Chr(108)
l
Chr(118)
v
Chr(128)
€


Chr(99)
c
Chr(109)
m
Chr(119)
w
 
 


Chr(100)
d
Chr(110)
n
Chr(120)
x
 
 


Chr(101)
e
Chr(111)
o
Chr(121)
y
 
 


Chr(102)
f
Chr(112)
p
Chr(122)
z
 
 


Chr(103)
g
Chr(113)
q
Chr(123)
{
 
 


Chr(104)
h
Chr(114)
r
Chr(124)
|
 
 


Chr(105)
i
Chr(115)
s
Chr(125)
}
 
 


Chr(106)
j
Chr(116)
t
Chr(126)
~
 
 


Chr(107)
k
Chr(117)
u
Chr(127)
删除