Computer: Makeuper: BASIC: Difference between revisions
Jump to navigation
Jump to search
| Line 61: | Line 61: | ||
<h1> 標題 </h1> | <h1> 標題 </h1> | ||
<p> 標題概要或頁面概要或是站台概要。 </p> | <p> 標題概要或頁面概要或是站台概要。 </p> | ||
<a id="go_navigation" href="#start_navigation"> 移動至導覽列 </a> <!-- 通常這是給純文字瀏覽器看的 --> | |||
<a id="skip_top" href="#end_top"> 略過概要的詳細說明 </a> <!-- 通常這是給純文字瀏覽器看的 --> | <a id="skip_top" href="#end_top"> 略過概要的詳細說明 </a> <!-- 通常這是給純文字瀏覽器看的 --> | ||
<!-- 這兒看是要用 p 或 ul dl 的都可以 --> | <!-- 這兒看是要用 p 或 ul dl 的都可以 --> | ||
Revision as of 13:45, 20 February 2005
回到 Computer ‧ 回到 Computer: Makeuper
前言
想寫出理想中的前端瀏覽網頁！
請依 HTML -> CSS -> Javascript 的方向漸階式地學習，檢驗網頁請用 Mozilla 或 Firefox 。
注意，基於許多安全上的因素，我並不建議各位用 Javascript 寫網頁，因為目前還是有很多惡意的 Javascript 的網頁的，所以一般都是建議使用者關掉 Javascript 的功能的。
想寫出好的後端伺服資料庫！
試試 MySQL ，雖然我沒用過啦。
想寫出只有 MS 的產品才能正常閱讀的 MS Only 的資料！
請愛用 Frontpage 等 MSOffice 產品，檢驗網頁請用 IE 。（汗）
目前推薦的 HTML 寫法，為使用 HTML 標籤，配合 CSS 語法的方式，有必要時再用 Javascript 來加強網頁功能，推薦使用的瀏覽器為 Mozilla Firefox 。
Link
可以幫助你寫出標準網頁的網站
http://forum.moztw.org/viewtopic.php?t=1974
http://www.mozilla.org/docs/web-developer/faq.html
http://mozilla.gr.jp/standards/
HTML
最基本的HTML文件範例及說明
最基本的HTML標準模式文件範例及說明
最完整的HTML文件範例及說明
如何建立具親和力的網頁的筆記 - 可以的話，給網頁設定快速鍵。 - 先從無任何樣式，只有純 HTML 標籤和資料的頁面做起，再接著加入 CSS 進去。 - 想要有一份具親和力的網頁可以參考下面的格式再自行加以修改。 ---- <!DOCTYPE> <!-- 關於 DOCTYPE 需要請各位自己去找適用的 --> <html> <head> <title> 主題或頁面標題 | 站名 </title> <meta http-equiv="Content-type" content="text/html; charset=文字編碼" /> </head> <body> <div id="top"> <a id="start_top"></a> <!-- 以此 a 元件做為此 div#top 元件的開始點 --> <h1> 標題 </h1> <p> 標題概要或頁面概要或是站台概要。 </p> <a id="go_navigation" href="#start_navigation"> 移動至導覽列 </a> <!-- 通常這是給純文字瀏覽器看的 --> <a id="skip_top" href="#end_top"> 略過概要的詳細說明 </a> <!-- 通常這是給純文字瀏覽器看的 --> <!-- 這兒看是要用 p 或 ul dl 的都可以 --> <a id="end_top"></a> <!-- 以此 a 元件做為此 div#top 元件的結束點 --> </div> <div id="navigation"> <a id="start_navigation"></a> <!-- 以此 a 元件做為此 div#navigation 元件的開始點 --> <h1> 導覽列 </h1> <p> 說明這是導覽列。 </p> <a id="skip_navigation" href="#end_navigation"> 略過導覽列 </a> <!-- 通常這是給純文字瀏覽器看的 --> <dl> <li> 導覽列項目 </dl> </dl> <a id="end_navigation"></a> <!-- 以此 a 元件做為此 div#navigation 元件的結束點 --> </div> </body> </html>
CSS/Javascript
最基本的CSS文件的範例及說明
最基本的HTML加CSS文件的範例及說明其一
最基本的HTML加CSS文件的範例及說明其二
最基本的HTML加CSS文件的範例及說明其三
最基本的HTML加Javascript文件的範例及說明