Computer: Makeuper: BASIC: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
回復至未受 Spammer 破壞前 |
||
| (8 intermediate revisions by 4 users not shown) | |||
| Line 4: | Line 4: | ||
---- | ---- | ||
= 前言 = | |||
想寫出理想中的前端瀏覽網頁！<br> | 想寫出理想中的前端瀏覽網頁！<br> | ||
請依 HTML -> CSS -> Javascript 的方向漸階式地學習，檢驗網頁請用 Mozilla 或 Firefox 。 | 請依 HTML -> CSS -> Javascript 的方向漸階式地學習，檢驗網頁請用 Mozilla 或 Firefox 。<br> | ||
<font color="red">注意</font>，基於許多安全上的因素，我並不建議各位用 Javascript 寫網頁，因為目前還是有很多惡意的 Javascript 的網頁的，所以一般都是建議使用者關掉 Javascript 的功能的。 | |||
想寫出好的後端伺服資料庫！<br> | 想寫出好的後端伺服資料庫！<br> | ||
| Line 13: | Line 16: | ||
想寫出只有 MS 的產品才能正常閱讀的 MS Only 的資料！<br> | 想寫出只有 MS 的產品才能正常閱讀的 MS Only 的資料！<br> | ||
請愛用 Frontpage 等 MSOffice 產品，檢驗網頁請用 IE 。（汗） | 請愛用 Frontpage 等 MSOffice 產品，檢驗網頁請用 IE 。（汗） | ||
目前推薦的 HTML 寫法，為使用 HTML 標籤，配合 [[Computer:_Makeuper:_CSS:_Outline|CSS]] 語法的方式，有必要時再用 Javascript 來加強網頁功能，推薦使用的瀏覽器為 [http://www.moztw.org/ 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/ | |||
---- | ---- | ||
| Line 23: | Line 40: | ||
最完整的HTML文件範例及說明 | 最完整的HTML文件範例及說明 | ||
<pre><nowiki> | |||
如何建立具親和力的網頁的筆記 | |||
- 可以的話，給網頁設定快速鍵。 | |||
- 先從無任何樣式，只有純 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> | |||
</nowiki></pre> | |||
---- | ---- | ||
Latest revision as of 17:05, 23 February 2006
回到 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文件的範例及說明