回到 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文件的範例及說明

Computer: Makeuper: BASIC

Contents

前言

Link

HTML

CSS/Javascript

Navigation menu

Computer: Makeuper: BASIC

前言

Link

HTML

CSS/Javascript

Navigation menu

Search