Tag Archives: 教學

網站構建初級教程-HTML 初級教程

HTML 初級教程

實例

<html>
<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>
</html>

親自試一試

什麼是HTML?

HTML 是用來描述網頁的一種語言。

  • HTML指的是超文本標記語言( H yper T ext M arkup L anguage)
  • HTML不是一種編程語言,而是一種標記語言(markup language)
  • 標記語言是一套標記標籤(markup tag)
  • HTML使用標記標籤來描述網頁

HTML 標籤

HTML 標記標籤通常被稱為HTML 標籤(HTML tag)。

  • HTML標籤是由尖括號包圍的關鍵詞,比如<html>
  • HTML標籤通常是成對出現的,比如<b>和</b>
  • 標籤對中的第一個標籤是開始標籤,第二個標籤是結束標籤
  • 開始和結束標籤也被稱為開放標籤閉合標籤

HTML 文檔= 網頁

  • HTML文檔描述網頁
  • HTML文檔包含HTML標籤和純文本
  • HTML文檔也被稱為網頁

Web 瀏覽器的作用是讀取HTML 文檔,並以網頁的形式顯示出它們。瀏覽器不會顯示HTML 標籤,而是使用標籤來解釋頁面的內容:

<html>
<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>
</html>

例子解釋

  • <html> 與</html> 之間的文本描述網頁
  • <body> 與</body> 之間的文本是可見的頁面內容
  • <h1> 與</h1> 之間的文本被顯示為標題
  • <p> 與</p> 之間的文本被顯示為段落

網站構建初級教程-WWW 初級教程

WWW 初級教程

什麼是WWW?

它如何工作?

什麼是瀏覽器?

什麼是服務器?

什麼是WWW?

  • WWW 指萬維網(World Wide Web)
  • 萬維網常被稱為Web
  • Web 是由遍布全球的計算機所組成的網絡
  • 所有Web 中的計算機都可以彼此通信
  • 所有這些計算機都使用名為HTTP 的通信標準

WWW 如何工作?

  • Web 信息存儲於被稱為網頁的文檔中
  • 網頁是存儲於被稱為Web 服務器的計算機上
  • 讀取網頁的計算機稱為Web 客戶端
  • Web 客戶端通過稱為瀏覽器的程序來查看網頁
  • 主要的瀏覽器有Internet Explorer 和Mozilla Firefox

瀏覽器如何讀取頁面?

  • 瀏覽器可通過一個請求來讀取某個服務器上的一張網頁
  • 請求是一個包含頁面地址的標準HTTP 請求
  • 頁面地址類似這樣:http://www.someone.com/page.htm

瀏覽器如何顯示頁面?

  • 所有的網頁都含有其如何被顯示的結構
  • 瀏覽器通過閱讀這些結構來顯示頁面
  • 最常用的顯示結構稱為HTML 標籤
  • 用於段落的HTML 標籤類似這樣:<p>
  • 在HTML 中像這樣定義段落:<p>This is a Paragraph</p>

誰制定web 標準?

  • web 標準不是由Netscape 或Microsoft 制定的
  • web 的規則制定主體是W3C
  • W3C 指的是萬維網聯盟(World Wide Web Consortium)
  • W3C 將各種規範訂立為web 標準
  • 最核心的web 標準是HTML、CSS、XML
  • 最新的HTML 標準是XHT​​ML 1.0

如需學習更多有關W3C的知識,請學習我們的W3C教程

網站構建初級教程

網站構建初級教程

每個網站開發人員都有必要了解以下幾方面的知識:

  • 萬維網如何工作
  • HTML 語言
  • 如何使用層疊樣式表(CSS)
  • JavaScript 編程
  • XML 標準
  • 服務器腳本技術
  • 使用SQL 來管理數據

WWW – 萬維網

WWW 是遍布全球的計算機網絡。WWW 常被稱作Web(網絡)。

Web 上的計算機使用標準的協議和語言進行通信。

W3C 致力於發展用於Web 的規則和標準。

學習我們的萬維網入門教程

HTML – Web 的語言

HTML 是屬於Web 的語言,每個開發人員都應對它具備基本的了解。

你可以使用HTML 的“標記標籤”來定義網頁的內容和結構。

<h1> 定義標題,而<p> 則定義段落。

學習我們的HTML入門教程或者學習完整的HTML教程

CSS – 層疊樣式表

樣式表定義如何顯示HTML 元素。

如果樣式保存在外部文件中,那麼僅僅通過改變CSS 文件,你就可以改變網站中所有HTML 頁面的的樣式和外觀。

假如你曾試圖改變所有頁面中標題的字體和顏色,就很容易理解CSS 可以在多大程度上提高你的工作效率。

學習我們的CSS入門教程或者學習完整的CSS教程

JavaScript – 客戶端腳本

JavaScript 用於客戶端的腳本化。客戶端腳本化指的是Web 瀏覽器編程。

你很有必要學習JavaScript,這樣你就有能力提供動態性更強的網站內容。

一個類似document.write(「<p>」 + date + 「</p>」) 的JavaScript 語句,可以向HTML 頁面寫入動態的文本。

學習我們的JavaScript入門教程或者學習完整的JavaScript教程

XML – 擴展標記語言

XML 不是HTML 的替代者。XML 用來描述及傳輸數據,而HTML 用來顯示數據。

XML 及一系列的XML 標準正迅速成為對數據進行傳輸、存儲及操作的最常用(及通用)的工具。

學習我們的XML入門教程或者學習完整的XML教程

服務器端腳本化

服務器端腳本化指的是服務器端編程。

學習服務器端腳本是很有必要的,這樣我們就有能力提供動態性更強的網站內容。

通過服務器端編程,我們可以訪問數據庫,並向瀏覽器返回結果,這也是許許多多的服務器端腳本應用中的重要一項。

學習我們的服務器端腳本入門教程或者學習完整的ASP教程或者完整的PHP教程

使用SQL 管理網站數據

結構化查詢語言(SQL) 是用來訪問諸如SQL Server、Oracle、Sybase 及Access 等數據庫的通用標準。

網絡管理員們都有必要明白,SQL 是用來和網絡上的數據庫交互的可靠引擎。

學習我們的SQL入門教程或者學習完整的SQL教程

鍵盤快捷鍵

鍵盤快捷鍵

Windows 和Mac 的鍵盤快捷鍵

鍵盤快捷鍵通常用於現代操作系統和計算機軟件程序中。

學習和使用鍵盤快捷鍵可以節省大量時間。

基本快捷鍵

描述 Windows Mac OS
編輯菜單 Alt + E Ctrl + F2 + F
文件菜單 Alt + F Ctrl + F2 + E
查看菜單 Alt + V Ctrl + F2 + V
選取所有文本 Ctrl + A Cmd + A
複製文本 Ctrl + C Cmd + C
查找文本 Ctrl + F Cmd + F
查找和替換文本 Ctrl + H Cmd + F
新建文檔 Ctrl + N Cmd + N
打開文件 Ctrl + O Cmd + O
打印選項 Ctrl + P Cmd + P
保存文件 Ctrl + S Cmd + S
粘貼文本 Ctrl + V Cmd + V
剪切文本 Ctrl + X Cmd + X
重做文本 Ctrl + Y Shift + Cmd + Z
撤銷文本 Ctrl + Z Cmd + Z

文本編輯

描述 Windows Mac OS
指針移動
轉到右側或下一個換行符的開頭 Right Arrow Right Arrow
轉到左側或上一個換行符的末尾 Left Arrow Left Arrow
向上一行 Up Arrow Up Arrow
向下一行 Down Arrow Down Arrow
轉到當前行的開頭 Home Cmd + Left Arrow
轉到當前行的末尾 End Cmd + Right Arrow
轉到文檔的開頭 Ctrl + Home Cmd + Up Arrow
轉到文檔的末尾 Ctrl + End Cmd + Down Arrow
上移一幀 Page Up Fn + Up Arrow
下移一幀 Page Down Fn + Down Arrow
轉到上一個單詞的開頭 Ctrl + Left Arrow Option + Left Arrow
轉到下一個單詞的開頭 Ctrl + Right Arrow Option + Right Arrow
轉到換行開始 Ctrl + Up Arrow Cmd + Left Arrow
轉到換行末尾 Ctrl + Down Arrow Cmd + Right Arrow
文本選取
選擇左側的字符 Shift + Left Arrow Shift + Left Arrow
選擇右側的字符 Shift + Right Arrow Shift + Right Arrow
向上選擇行 Shift + Up Arrow Shift + Up Arrow
向下選擇行 Shift + Down Arrow Shift + Down Arrow
選擇左側的單詞 Shift + Ctrl + Left Shift + Opt + Left
選擇右側的單詞 Shift + Ctrl + Right Shift + Opt + Right
選擇左側的段落 Shift + Ctrl + Up Shift + Opt + Up
選擇右側的段落 Shift + Ctrl + Down Shift + Opt + Down
選擇光標與當前行的開頭之間的文本 Shift + Home Cmd + Shift + Left Arrow
選擇光標和當前行的末尾之間的文本 Shift + End Cmd + Shift + Right Arrow
選擇光標與文檔開頭之間文本 Shift + Ctrl + Home Cmd + Shift + Up Arrow或
Cmd + Shift + Fn + Left Arrow
選擇光標與文檔末尾之間文本 Shift + Ctrl + End Cmd + Shift + Down Arrow或
Cmd + Shift + Fn + Right Arrow
一次選擇光標以上的文本的一幀 Shift + Page Up Shift + Fn + Up Arrow
一次選擇光標以下的文本的一幀 Shift + Page Down Shift + Fn + Down Arrow
選擇所有文本 Ctrl + A Cmd + A
查找文本 Ctrl + F Cmd + F
文本格式化
將所選文字設為粗體 Ctrl + B Cmd + B
將所選文字設為斜體 Ctrl + I Cmd + I
為所選文字添加下劃線 Ctrl + U Cmd + U
使所選文字成為上標 Ctrl + Shift + = Cmd + Shift + =
使所選文字成為下標 Ctrl + = Cmd + =
文本編輯
刪除左側的字符 Backspace Backspace
刪除右側的字符 Delete Fn + Backspace
刪除右側的單詞 Ctrl + Del Cmd + Backspace
刪除左側的單詞 Ctrl + Backspace Cmd + Fn + Backspace
縮進 Tab Tab
突出 Shift + Tab Shift + Tab
複製文本 Ctrl + C Cmd + C
查找並替換文字 Ctrl + H Cmd + F
粘貼文本 Ctrl + V Cmd + V
剪切文本 Ctrl + X Cmd + X
重製文本 Ctrl + Y Shift + Cmd + Z
撤銷文本 Ctrl + Z Cmd + Z

Web 瀏覽器

描述 Windows Mac OS
導航
向下滾動一幀 Space或
Page Down
Space或
Fn + Down Arrow
向上滾動一幀 Shift + Space或
Page Up
Shift + Space或
Fn + Up Arrow
轉到頁面底部 End Cmd + Down Arrow
轉到頁面頂部 Home Cmd + Up Arrow
後退 Alt + Left Arrow或
Backspace
Cmd + Left Arrow
前進 Alt + Right Arrow或
Shift + Backspace
Cmd + Right Arrow
刷新網頁 F5 Cmd + R
刷新網頁(無緩存) Ctrl + F5 Cmd + Shift + R
停止 Esc Esc
切換全屏 F11 Cmd + Shift + F
放大 Ctrl + + Cmd + +
縮小 Ctrl + – Cmd + –
放大100%(默認) Ctrl + 0 Cmd + 0
打開首頁 Alt + Home Option + Home或
Option + Fn + Left Arrow
查找文本 Ctrl + F Cmd + F
標籤頁/ 窗口管理
打開新標籤頁 Ctrl + T Cmd + T
關閉當前標籤頁 Ctrl + W Cmd + W
關閉所有標籤頁 Ctrl + Shift + W Cmd + Q
關閉除當前選項頁以外的所有選項頁 Ctrl + Alt + F4 Cmd + Opt + W
轉到下一個標籤頁 Ctrl + Tab Control + Tab或
Cmd + Shift + Right Arrow
轉到上一個標籤頁 Ctrl + Shift + Tab Shift + Control + Tab或
Cmd + Shift + Left Arrow
轉到特定的標籤編號 Ctrl + 1-8 Cmd + 1-8
轉到最後一個標籤頁 Ctrl + 9 Cmd + 9
重新打開上一個關閉的標籤頁 Ctrl + Shift + T Cmd + Shift + T
打開新窗口 Ctrl + N Cmd + N
關閉當前窗口 Alt + F4 Cmd + W
轉到下一個窗口 Alt + Tab Cmd + Tab
轉到上一個窗口 Alt + Shift + Tab Cmd + Shift + Tab
重新打開上一個關閉的窗口 Ctrl + Shift + N
在後台的新標籤頁中打開鏈接 Ctrl + Click Cmd + Click
在前台的新標籤頁中打開鏈接 Ctrl + Shift + Click Cmd + Shift + Click
打印當前網頁 Ctrl + P Cmd + P
保存當前網頁 Ctrl + S Cmd + S
地址欄
在工具欄、搜索欄和頁面元素之間循環 Tab Tab
轉到瀏覽器的地址欄 Ctrl + L或
Alt + D
Cmd + L
聚焦並選擇瀏覽器的搜索欄 Ctrl + E Cmd + E / Cmd + K
在新標籤頁中打開地址欄的位置 Alt + Enter Opt + Enter
顯示以前輸入的地址的列表 F4
地址欄中鍵入的文本的開頭添加」www.」 結尾處添加」.com」(例如,鍵入」google」,然後按Ctrl + Enter 打開」www.google.com」) Ctrl + Enter Cmd + Enter或
Control + Enter
書籤
打開書籤菜單 Ctrl + B Cmd + B
為當前頁面添加書籤 Ctrl + D Cmd + Opt + B或
Cmd + Shift + B
打開瀏覽記錄 Ctrl + H Cmd + Shift + H或
Cmd + Y
打開下載記錄 Ctrl + J Cmd + J或
Cmd + Shift + J

屏幕截圖

描述 Windows Mac OS
將整個屏幕的屏幕截圖保存為文件 Cmd + Shift + 3
將整個屏幕的屏幕截圖複製到剪貼板 PrtScr (Print Screen)或
Ctrl + PrtScr
Cmd + Ctrl + Shift + 3
將窗口的屏幕截圖另存為文件 Cmd + Shift + 4,然後空格
將窗口的屏幕截圖複製到剪貼板 Alt + PrtScr Cmd + Ctrl + Shift + 4,然後空格
將所需區域的屏幕截圖複製到剪貼板 Cmd + Ctrl + Shift + 4
將所需區域的屏幕截圖保存為文件 Cmd + Shift + 4

注意:由於鍵盤設置不同,某些快捷方式可能不適用於所有用戶。

W3C 教程-W3C 中國

W3C 中國

本章介紹W3C 在中國的發展現狀。

W3C 中國辦事處

萬維網聯盟中國辦事處成立於2006年4月1日。現設址於北京航空航天大學(BUAA),由北京航空航天大學計算機學院計算機新技術研究所負責日常運營工作。

W3C中國辦事處致力於促進國內外萬維網標準領域信息溝通互動,為國內企業、高校、及科研機構參與國際信息技術標準化的研究、集成和推廣提供更好的服務。

地址:

北京市海淀區學院路37號北京航空航天大學新主樓G座1121

北航計算機新技術研究所

萬維網聯盟中國辦事處

電話: +86-10-82316341

傳真: +86-10-82316341

W3C 中國會員

W3C 在中國的會員包括:

  • 北京航空航天大學
  • 北京工業大學
  • 中國電子技術標準化研究所
  • 廣州中間件研究中心
  • 安徽中科大訊飛信息科技有限公司
  • 倍多科技
  • 太原理工大學
  • ISTIC 中國科學技術信息研究所
  • Uncover China
  • Monotype Imaging Inc.
  • Industrial Technology Research Institute (ITRI) Taiwan
  • 香港特別行政區政府科技資訊總編辦公室(OGCIO)

W3C 在中國的活動

下面是W3C 在中國主辦或參與的主要活動:

  • Beijing 2007 Open Standard International Convention
  • WWW2008
  • W3C AC2008
  • CSWS2007
  • SOA2008
  • CSWS2009

W3C 中國社區

2009 年11 月14 日,W3C 及其中國辦事處與全國各地關注W3C 的志願者團體和個人相聚北京,共議W3C 中國社區建設計劃啟動事宜。

W3C 中國社區建設計劃啟動會議詳細信息