Category 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 Glossary and Dictionary」 的中文譯文。

原始版本:http://www.w3.org/2003/glossary/

翻譯:W3School 項目組

尊敬的讀者朋友們請注意,這是關於W3C 文章的網頁翻譯。

原文版權受法律保護,請瀏覽原文中的參閱部分。翻譯本文的權利只歸屬於譯員。翻譯不能保證準確無誤,合法有效的只有W3C 原文英語版。

針對本文翻譯所要指出的就是譯員的權利不被侵害。此段落不屬於英語部分。

提示:目前內容為測試版本。如有紕漏,敬請來函指正。

術語表索引

Index:

A | B | C | D | E | F | G | H | I | J | K | L | M | N | O | P | Q | R | S | T | U | V | W | X | Y | Z

W3C 術語表中以字母A 開頭的條目

英文條目 簡體中文翻譯
abstract module 抽像模塊
access 訪問
access control 訪問控制
access control information 訪問控制信息
access mechanism 訪問機制
access rights 訪問權限
accessibility 可訪問性
accessibility information 可訪問性信息
accessibility problem 可訪問性問題
accessible 可訪問的(無障礙的)
accessible authoring practice 可訪問創作實踐
acquired infoset 已獲取信息集
ACSS (Audio cascading style sheets) 音頻層疊樣式表
activate 激活(啟用)
active grammar 正在使用的語法
active perceivable unit 使用中的可視單元
activity 活動
actor 角色
adaptation 適應
adaptation preferences 適配參數選擇
additional characters 附加字符
advisory board 諮詢常委會
advisory committee 諮詢委員會
age 壽命
agent 代理
aggregated authored units 集成創作單元
aggregation 集成
alert 警告
alpha alpha
alpha compaction alpha 壓縮
alpha separation alpha 分色
alpha table alpha 表
alternative information 替代信息
amaya amaya
ancestor 祖先
anchor
ancillary chunk 附加數據塊
animation 動畫
annotation 註釋
anonymity 匿名性
antecedent 前提
apache apache
applet applet(應用小程序)
application 應用程序、應用
application personalization 應用程序個性化
application programming interface (API),

conventional input/output/device API

應用程序編程界面、

常規輸入/輸出/設備API

arc
architecture 構架
argument 參數
artifact 非自然信號,人工製品
ASCII art ASCII 藝術
ASR 自動語音識別
assertion 斷言
assistive technology 輔助技術
asynchronous 異步的
asynchronous exchange 異步交換
at user option 用戶可選擇的
atomic 原子的
atomic test 原子測試
attribute 屬性
attribute name 屬性名稱
attribute specifications 屬性規範
attribute value 屬性值
attribute, or CC/PP attribute CC/PP 屬性
attribute-list declarations 屬性列表聲明
audio 音頻
audio description 音頻描述
audio track 音軌
audio-only presentation 純音頻呈現
audit guard 稽核防護機制
auditory description 聽覺描述
authentication 身份驗證
author 作者
author styles 作者樣式
authored unit 創作單元
authoring 創作
authoring tool 創作工具
authorization 授權
axis