Computer: Makeuper: BASIC

From TestingMediawiki
Jump to navigation Jump to search

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