IE相容性(IE8的格式與字歪歪的)

明明在IE7看起來好好的網頁版面格式
換IE8一看
格式跑掉~連字也歪了


修正方法:

請將下列 HTML 中繼標籤放到各網頁的 HEAD 項目中 ( 在 TITLE 或 META 之外的標籤前面 ) ：

＜meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/＞

請將包住的全形括弧改成半形喔！因為ＢＬＯＧＧＥＲ不方便打程式碼！

資料來源
這會告知 Windows Internet Explorer 8 以 Windows Internet Explorer 7 的方式呈現每個網頁，修正您的網站。

Read more

傻瓜式架設Web伺服器 - AppServ 篇

如何自架Web伺服器?

只要下一步下一步這麼簡單！

AppServ是架設Web伺服器程式，利用家中的電腦來架設就可

AppServ是可以用來架設一個支援PHP及MySQL的伺服器。

也就是妳想安裝PHP及MySQL的程式都可以這樣來自架伺服器。

目前最新版為２。５跟２。６

較穩定版建議２。４或２。５

２。４使用PHP4xx做為核心

２。５使用PHP５xx做為核心

差異在於到時支援PHP4或PHP５

官方網站：http://www.appservnetwork.com/

繁體網站：http://www.appservnetwork.com/?modules=&applang=tw

Read more

CSS BOX基本概念

整個網頁呈現,是由一個個方塊格子組成,而每一個方塊結構,由以下幾個參數來控制,即是padding, margin, border,contain
這些參數可以應用在單個方塊裡,或以整個網頁作為基本結構,來指定每個box的所處位置。
總的來說,整個網頁,可以是由很多個box組成,而每個box裡面又可以有box(巢狀結構)。



*參數解釋*
padding, margin, border,contain(內容.內文)所組成,如下圖




padding 指contain(內容.內文)跟border的距離。
margin 指border至圖中虛線的範圍。它是指box框線往外算的那一個邊塊範圍。
border 是我們設定圖框時的那條框線，它是指一條線，我們可以自行設定顏色粗細。
contain 則是內容文字放置的那一區塊。它是指一個範圍，即是整個box中央這內文範圍

當以上幾個參數沒有被定義，預設值是0。
如果要指定參數,例如: padding: 1px 2px 3px 4px,順序以順時鐘排列規則, 上右下左,
上1px
右2px
下3px
左4px


CSS有三種定位方式：normal(正常)，float(浮動)和absolute(絕對)。
我們要用這些方式,來指定頁面上的每一個BOX,而每個方式指定,又各有其規則與注意事項

Read more

12 種css基本版型(無框架式)

12 種css基本版型(無框架式)

12 Basic CSS Template
The templates include some basic directory structure as well as basic markup and styling. You can preview the templates by clicking one of them below.

• 1 column

• 2 columns (left)

• 2 columns (right)

• 3 columns

Read more

用PX還是PT?(二)

用PX(pixer)有很多好處,它方便我們計算。
A.螢幕顯示是以px計算的,像螢幕顯示是800*600是以pixer作單位
B.網頁所用圖片,也以pixer來計算


範例1:假設12px大小字體10行,則為10*12px=120px,可輕鬆計算出其總的高度在整體頁面上是如何大小,
然後我們考慮用一個120px高的表格就可剛好包住這10行字,或斷行長度.對齊圖片等等,都可輕鬆計算出來,某些狀況下這有助於規劃網頁。(此處表格僅為舉例,實際上較優良的表格設計請見此文)
範例2.:如果網頁預設最佳瀏覽為800*600,用px做為單位,可較容易掌握網頁內容物規劃,例如框架設定大小.欄位表格.何時斷行.可放置幾個欄位...等等。


C.HTML代碼所默許的值,也是pixer。在沒有設定單位時,例如:width=100則會默許px為單位,成為width=100px。但是不寫明單位的語法撰寫,並不良好。現今已不合乎w3c所規定國際認可的標準,卻也是國內網頁設計者常見錯誤。


px仍有不適用的時候,此時可改用em 或 %這樣的相對單位。



附錄˙w3c所規定與字型相關資料(英文)
以萬維網標準設計您的網頁(中文)

Read more

用PX還是PT?(一)

印刷排版裡,PT(point)為「絕對」長度單位(device-dependent),將字體看作一個方塊,以方塊高度來定義其大小,是物理上的單位。


而螢幕字型單位PX(pixer)則為「相對」長度單位(device-independent),「相對」則表示此字型會隨使用者瀏覽器大小.系統平台或顯示器所預設的像素密度(dpi 值) ....等因素而改變。


簡單說,用途在螢幕上時,盡量使用PX(pixer)
列印文件則請使用PT(point)


因PX本為螢幕用字型單位。
PT則為印刷用字體單位。


兩者換算公式 pt ＝ pt ÷72 ×像素密度(dpi /ppi值) ＝ px(四捨五入)
範例: 9pt= 9pt ÷72×96(dpi/ppi)= 12px
暫時的結論: 將字體設定為9pt與12px在銀幕上顯示是一樣大小
像素密度(dpi/ppi值/screen resolution)早期為72 dpi˙現多改以96 dpi計算


以上只為簡單原理說明,仍有其他因素影響著pt與px的大小顯示
例如:像素密度(dpi 值)則是公式裡需一提因素,此會隨螢幕顯示技術.系統平台預設(dpi /ppi值)...而改變影響。


在網頁設計時,該使用PX還是PT並無絕對定見,但PX相較起PT,仍為較被認可的主流單位!
除非特殊考量,建議採用相對單位做設計,因瀏覽者不會使用相同螢幕顯示與系統平台瀏覽網頁,相對單位除了PX還有常被使用的em %。


也有些錯誤觀念認為PT可以固定住大小,這並非正確。
雖然,在像素密度(dpi/ppi值)不同環境下,pt仍能維持固定「大小」。但就排版上而言,pt仍帶來差異,因而出現斷行.破版的狀況。所以造成px與pt整體顯示差異的因素不只考量「字體看起來的大小」,更要考慮字間排列所帶來之整體差異,才能完整掌控畫面Layout,這並非單單使用pt就能解決的。另外,css裡絕對長度單位(absolute length unit)的概念,是相對於輸出裝置(output device)而言的。

Read more