秦始皇的杈柄   秦始皇的貪吃

秦始皇 古代成就最大的君王, 結束五百餘年 春秋戰國 的戰亂, 建立中國史上第一個 統一的帝國, 標準化 度量衡與文字, 建立公路運河系統............但最討人厭。

Rosetta stone ,W3C的Web標準

W3C的Web標準

創建網路Web標準的團體,「全球 網絡 協會」 World Wide Web*2 Consortium W3C 負責網絡語言 格式和規格標準 全球網絡協會W3C。HTML4.0, PNG, CSS,DOM, XHTML, XML, WAI無障礙網頁 等網路技術多半由 W3C機構 發佈, 確保不同系統可以相容互通。W3C的目標和運作宗旨是避免以往市場上的分裂,努力促成業界一些大人物 達成共識, 組織成員有Web的發明人Tim Berners-Lee和大老級人物如:Microsoft,Netscape.....為非營利組織,反專利壟斷。

微軟剛公布的InfoPath表格軟體並沒有支援W3C通過的XML表格規格。W3C的Web標準的版本稱為XForms,支援的廠商包括IBM、Adobe、Novell與甲骨文等,微軟版本則採用另一套不同規格,微軟是W3C的成員,但為什么不守W3C的Web標準?

Bill Gates 在法院的證詞中承認, 曾經下令要求 Office 開發團隊, 不要讓文件可相容於其他產品*1。Gates 希望競爭對手的產品, 無法開啟 儲存或編輯 Microsoft產品 所產生的文件。

也因此內建于Office的贈品FrontPage 所開發的網站, 有獨特的標記與程式碼, 所產生的網站只適合以 Internet Explorer ,不符合W3C的Web標準, 若是使用 FrontPage 來編輯網頁, 開發人員必須有心理準備, 大部分的標記Tag與屬性attribute都必須再加以檢查修改。

*1 這方法有效的孤立OpenOffice, 使OpenOffice所產生的文件,只能在裝有OpenOffice的電腦使用。
*2 World Wide Web有個很遜的中文譯名:萬維網

BBC報導:微軟的壟斷市場,歐盟在歐洲範圍內 對微軟實施制裁。

歐盟規定 簡化的Windows版本 不得預裝媒體播放工具Windows Media Player。微軟曾就此判決提出上訴,要求延遲執行,於2004年12月敗訴。微軟宣稱,新的Windows版本再過幾星期就能面市。

理由是因為Windows作業系統內建「Media Player」行為,會影響相關多媒體瀏覽軟體廠商的競爭空間。以便從競爭對手那裏爭奪市場。微軟在這方面的競爭對手包括RealNetworks公司和蘋果公司。歐盟發現 微軟企圖不正當地利用自己在操作系統市場上的優勢來打壓競爭對手。

歐盟是在2004年3月作出這項裁決的,歐盟法院支持歐盟委員會對軟體業巨頭微軟公司作出的懲罰措施。這些措施是為了限制 微軟的市場壟斷地位,該法院還判決微軟支付一筆數額為4.97億歐元(6.65億美元)的罰款。這是歐盟有史以來罰款金額最大的裁決。

法庭並進一步命令微軟,須為競爭廠商提供所須的軟體原始碼,以使其產品可與視窗溝通。

IDA(歐洲 行政機構 資料交流 委員會)的建議包括: 微軟公開保證 未來的文書處理標示語言(Word Processing ML)格式,乃至於其他Office相關XML格式,都"不具歧視性”且能自由存取。IDA也呼籲微軟 考慮把XML檔案格式(去年秋季Office 2003推出後已公佈)交付國際標準組織。

IDA說:檔案格式標準化,可協助歐盟諸國政府 保存公共檔案等紀錄,並簡化民眾、政府機關和企業之間的檔案交流。

2004年底 回應歐盟,力促改善 資訊互通性的要求,微軟公司允諾 會永久提供 免權利金的授權,讓各界取用與Office有關的可延伸標示語言(XML Extensible Markup Language), 但同時 微軟決定不依照歐盟的建議,把微軟的XML檔案格式, 交付第三方標準組織,而是繼續保有 發展規格的自主權。 微軟也承諾提供 適當的檔說明,並鼓勵他人製作「過濾程式」(filters),讓別的應用程式也能讀取 微軟文書處理軟體產生的XML格式。

Master HTML Web Master

現在有些web editor套用軟體: Dreamweaver ,Golive採用圖形界面 處理畫面 都可以幫你寫HTML,但如果只學會這些套用軟體,沒多久就會發現網頁作不下去,太多問題你無法控制。

HTML不但很囉嗦,就實際傳送的資料量 相對於必須佔用的空間而言,也相當浪費頻寬,所以檔案通常大,導致下載效能問題。對于程式設計師 要檢查密密麻麻的程式碼,更會令人抓狂。CSS就是那些天才工程師 想出解決上述問題的語法。

CSS are about the separation of style from content ; presentation from structure ; design from data.

如果先學HTML 再學CSS,可能會浪費7倍時間,因為有2/3的語法。都用不到 大部分的Tags不是很少用 就是被列入淘汰名單。CSS只是HTML中的一小部分,正確的方法是只要學與CSS有關 標記語言Markup Language,其他HTML語法看的懂,聽的懂那些工程師講的奇怪語言 就可以。不必死記 啃下約800頁奇怪的語言,那些工程師想出的奇異語言。

如果你是個初學者 blessed are you 因為方向正確,有好的工具, CSS很很容易就能學會, 可以使你成為 網際網路技術主流的掌握者。

至於那些習慣用HTML的人 ?
想想看 有人努力了2~3年 熟知的HTML技術, 背幾百頁語法, 使用了很多年用表格來排版, 突然有人 說: 你的方法落伍, 難道不會引起情緒上的反應 ? 不過往好處想 你有HTML基礎 學新的知識比較快, 很容易位居領先地位。
往好處想 你比硬體工程師或MIS 幸運 , 他們如果不能 不斷學新的知識, 就要出局, 在這領域 沒有進步就是退步,沒有站著不動的。
再往好處想 你能發現這樣好的教學網站 seed100, 當然這是最幸運的。

CSS drives it crazy

最近在網頁設計界上成為一股主流的就是CSS,樣式表(Cascading Style Sheets,簡稱 CSS), CSS放入幕后 控制排版,給予網頁設計師更多的能力來控制網頁,與HTML語言 內文分開 減少了檔案大小,加快下載效能。但較早期的 IE 版本,不遵循 W3C的Web標準,對於樣式表支援不多,即使是到了目前的 IE 6.0 SP2,仍然是不完全支援,不過這問題不用擔心,不支援的的瀏覽器Dreamweaver會在程式碼下面用 紅曲線 標示出來, Microsoft在2000年3月所發行的IE5 MacintoshEdition, 正確且近乎完整支 援CSSI、XHTML、DOM等標準。

我們的教學網頁是跟隨大網站 如:Macromedia 希望網頁顯示在不同的瀏覽器上,能正確顯示。But if you find something wrong or a site that is using a complex CSS layout, please let me know about it.

第一課 也是必修的一課,教導你下載網頁,開啟原始碼研究 先從 用CSS作水平按鈕選單(練習)超連結,完成網站請看台北基督徒救助會,有幾种方法 但都利用 ul li 的屬性。學會這一課 你就可以去研究有名大網站, 你留意他們的走向 作法 如:以前大家都愛用頁框frame,但現在大網站都棄而不用,理由是 頁框frame問題多,而且讓Google類的搜尋引擎 失去搜尋作用, 我們會在以后的文章討論到。

Web Standards網路標準 的目標  用CSS排版 取代 table排版

Web Standards網路標準的目標:表格僅僅用於表格,使用table這樣的元素來展示資料 像Excel, 而不允許使用表格 排版和定位。

表格最好用的是:排版容易,但也是其缺點,會造成復雜程式碼。

懂HTML使你擁有控制網頁的能力,否則表格設計就會令人抓狂,也會令電腦抓狂(太復雜的巢式表格),電腦要花時間去計算排表格。IE 最新的版本,比其他的瀏覽器都來的慢,尤其是碰到有大量蜂巢式表格的網頁(表格中有另一個表格)。Opera瀏覽器 最快,Mozilla瀏覽器 則位居第二。想想看你設計網頁,瀏覽器卻無法正確顯示網頁 表現得一團糟

顯示器1280x960  表現离譜failure demostration of 1280x960px,W3C的Web標準
顯示器800x600 表現?????wrong demostration,W3C的Web標準
顯示器1024x768 表現如你所願correct demostration,W3C的Web標準

Simple is beauty

若表格 未加入適當的結束標記</td>... , 有些瀏覽器將無法顯示該網頁 ,這是 HTML所允許的做法 , XHTML的出現就是要校正HTML的錯誤, XHTML規定必須使用結束標記。

明確規定 表格, 圖片的長寬, 可加速瀏覽器計算。

有一种技巧簡單的表格設計   example, 無論顯示器大小,都能向二旁延伸 佔滿整個畫面。

W3C的Web標準

黃色區域 置入背景圖片 使其向二旁延伸。藍色框置入主圖片,747Px 是在顯示器800x600時厎下沒有捲軸出現。

下圖是根據Dreamweaver的示範教材作成,用CSS作水平按鈕選單 超連結, 把width設定: 95.6%;就能自動延伸 佔滿顯示器畫面,突破不同螢幕解析度的限制,從800X600到1280X960....

Dreamweaver的示範教材,用CSS作水平按鈕選單超連結

real_vine@hotmail.com

previous page next page
press then return home page