Terence-studio

目前在試做階段， 在index.html內，在FF用layout.css，在ie6用ie6.css， 圖片有text.png與text2.png html為： <div> <!-- <img src="images/text.png" alt="testpic" title="testpic"/> --> <div id="pic"></div> <p class="p">Yahoo!奇摩信箱歡迎您</p> </div>

<!--[if IE]>內容<![endif]--> 內容只有 IE 會顯現。 <!--[if IE 6]>內容<![endif]--> 內容只有 IE6 會顯現。 <!--[if lt IE 7]>內容<![endif]--> 內容只在比 IE7 更舊的版本會顯現。 [參考說明] <!--[if gte IE 8]>內容<![endif]--> 內容只有 IE8 及其較新版本會顯現。 [參考說明] <!--[if !IE]>-->內容<!--<![endif]--> 內容除 IE 以外都會顯現。 [參考說明] <!--[if !(IE 6)]>內容<![endif]--> 內容除 IE6 以外的 IE 都會顯現。 [參考說明] <!--[if (gte IE 6)&(lt IE 8)]>內容<![endif]--> 內容只從 IE6 以後及 IE8 之前版本會顯現。 [參考說明] <!--[if (IE 7)|(IE 6)]>內容<![endif]--> 內容只有 IE7 及 IE6 會顯現。 [參考說明] <!--[if gte IE 7]><!-->內容<!--<![endif]--> 內容在 IE7 及其較新版本，以及 IE 以外都會顯現。 [參考說明] 藍色部分 <!-- 或 --> 為標準 HTML 註解的起始或結尾；除此之外，紅色部分即為 IE 能辨識的特殊語法。所以，只有 IE 會依據紅字所表示的條件來判斷呈現與否，而其它瀏覽器依標準一律當成是註解。 語法中空格不能任意省去，尤其注意 IE 之後，版本編號前的空格。除 IE 必須大寫，其餘英文字母都是小寫。註解的結尾語法都是 <![endif]--> 。 思考 - 條件式註解的應用 運用不同條件可在不同版本呈現的原理，我們可以做出提供使用者，類似瀏覽器版本線上偵測的範例 ： xhtml 語法 <!--[if IE]> <p>您正在使用的瀏覽器為 ie 。</p> <![endif]--...

1.連結的網址，在該檔案所在位置旁邊的資料夾的話： 資料夾名 / 檔案名 （對的） 而非 / 資料夾名 / 檔案名 （錯的） ex：web/index.html，連結一個css檔在 web/css/layout.css， 則連結就在： css/layout.css 而非 /css/layout.css

在公司的網頁都上線後， 老闆的電話那頭說著IE8跑位了！ 什麼，IE8是什麼？ 有人在用那個呀XD…， 基於IE市場真的好大， 我還是得去試看看怎麼改… 在html內，我們可以設定， 先讀取css for ff， 再css for ie， 然後才是css for ie6 （雖然分成很多檔，但是，至少乾淨明白） 而其實也有另一種方法， 就是針對一個css檔做多種瀏覽器的做法， color:#F00; /*FF & 所有 IE*/ color:#FF0 \9 ; /*所有 IE，包含ie8*/ *color:#0F0; /*IE7 IE6*/ _color:#00F; /*只有IE6*/ 在製作時一定要照著： FF → IE8 → IE7 → IE6的順序寫。 記得喔 來源：壞掉的印表機

由於工作的關係， 常常都得在不同的瀏覽器上檢測結果， 而恰好電腦又是IE7， 無法針對舊的IE做測試， 因此網路上發現了幾個不錯的多重網頁檢測軟體： ==================================== 一、IEtester： 本身介面精緻，且有許多功能， 本身亦有DebugBar， 可以直接Drag去檢測每個物件的原始碼， 及樣式， 聽說容易變慢，我就不知道了。。。 = = ==================================== 第二個就是： Multiple IE 使用者可以在使用時選擇版本， 從ie3~8都有 本身長的跟ie很像 但是目前沒看到有可以deBug的程式在上面， 所以，我大多拿來看看兩個是否有不同而已 以上兩個儘管都是有ie的骨子 但其實常有跑位的狀況， 不過，差異不大啦~ 哈

Friendly Bit 在今年1月有篇有趣的文章，標題為： Levels of CSS Knowledge ，作者 Emil Stenström 將CSS的知識分為下列7個等級，並且描述了各等級的開發人員對網路產生的影響。我將內文簡譯如下： 第0級：CSS？那不是一個多人射擊遊戲嗎？（CSS? Isn’t that a multiplayer game?） 有些人因為在找CS:S（Counter Strike: Source）這款遊戲的資訊而進到 #CSS 網站。不必擔心這些人，他們不可能製作太多網頁，所以對網路也不會造成多大傷害。 第1級：是啊，我偶爾用它來移除連結的底線（Yeah, I use it to remove underlines on links sometimes） 和第0級的人不同，這些人學過HTML，也製作過幾個簡單的網站。他們只有在無法使用HTML製作出某些效果時，才會使用CSS，例如移除連結的底線或者設定行高。這些人的網站通常規模不大也沒什麼訪客，所以他們也不會對網路造成太大傷害。 第2級：不，我不喜歡div元素；表格好用多了（No, I don’t like divs; tables are much easier to work with） 他們聽過使用div元素來設計網頁這件事，也花了些時間學習CSS。不過他們很快就放棄了，覺得CSS太難而且支援度不佳，還是寧可用表格排版。 注意！他們是危險人物！他們在這個領域已經待了一段時間，許多都是網站部門的主管。和他們接觸是很重要的，提倡網路標準的人應該多多開導他們，這對網路的意義非同小可。 第3級：是啊，聽說它挺好的，不過我沒用它因為……（Yes I’ve heard it’s good, but I can’t use it because of…） 這些人雖然知道CSS的優點，不過總是基於某些原因而無法使用它，例如他們可能有第2級的上司，或者他們必須考慮到Netscape 4的使用者。 舊版的瀏覽器雖然不支援CSS，不過使用者還是可以看見完整的內容。而基於親和力（accessibility）和易用性（usability）的好 處，CSS可以為網站帶來更多訪客。把這些優點告訴第3級的開發人員，即使他們不是決策者，或許多少能對第2級的上司發揮點影響力吧。 第4級：CSS？喔！沒錯，我用di...

從我接觸網頁的設計以來， 只要是這種不是很高解析的設計， 我全都是使用fireworks來解決。 隨著軟體的更新， 我從fireworks mx2004用到了cs4， 其中的功能愈來愈多， 當然，我是每個新功能也不會用…就是編輯而已嘛…。 一邊工作一邊找，並寫下來， 因此這篇文章會不斷的更新…… 基本的功能我就不做介紹了。 圖層物件： ctrl + 上：該圖層向上移 ctrl + 下：該圖層向下移 alt + 方向鍵：移動複製該圖層 ctrl + E ： 合併此圖層與下一圖層（可加shift，加大距離） ctrl + alt + shift + Z ： 將所選的圖層全部合併（無法環原！） ctrl + alt + L：鎖定該圖層 ctrl + L：隱藏該圖層 ctrl + shift + L：顯示所有圖層 文字相關： ctrl + shift + > 加大1px字級 ctrl + shift +