網頁前端技術（簡體書）

《21世紀高職高專教學做一體化規劃教材：網頁前端技術》是學習網頁設計技能的入門級教材，也是掌握網頁前端技術的首選教材，鑒於此，我們力求做到內容通俗易懂、可操作性強。而對於教學方法的改革，我們想努力地創新和探索。它可能不是最好的，但它絕對是我們最精心和努力的結果。 《21世紀高職高專教學做一體化規劃教材：網頁前端技術》分為三個模塊：第一個模塊是HTML語言，HTML語言（Hyper Text Mark-up Language，超文本標記語言/超文本鏈接標識語言）是目前網絡上應用最為廣泛的語言，也是構成網頁文檔的主要語言；第二個模塊是CSS語言，CSS（Cascading Style Sheet，層疊樣式表/級聯樣式表）是一組格式設置規則，用於控制Web頁面的外觀；第三個模塊是JavaScript語言， JavaScript是Interaaet上最流行的腳本語言，並且可在所有主要的瀏覽器中運行。《21世紀高職高專教學做一體化規劃教材：網頁前端技術》運用了大量的案例，便於讀者熟練掌握HTML、CSS和 JavaScript技術。 《網頁前端技術》可作為高職院校網絡相關專業的教材，也可作為從事網頁設計方面工作的讀者參考用書。．

《21世紀高職高專教學做一體化規劃教材:網頁前端技術》面向最實際和最富可操作性的技能，提供了完整的、具體的操作步驟，讓使用者有遵循的依據。《21世紀高職高專教學做一體化規劃教材:網頁前端技術》可作為高職院校網絡相關專業的教材，也可作為從事網頁設計方面工作的讀者參考用書。

前言
模塊一　HTML語言
任務一　認識HTML
1.1　案例一　創建第一個HTML文件
1.1.1　案例資訊
1.1.2　案例步驟
1.2　案例二　正確進行網頁佈局
1.2.1　案例資訊
1.2.2　案例步驟
任務二　在網頁中對文字及段落進行修飾
2.1　案例一　在網頁中插入絕美的文字
2.1.1　案例資訊
2.1.2　案例步驟
2.2　案例二　設計佈局合理的段落
2.2.1　案例資訊
2.2.2　案例步驟
2.3　案例三　用列表讓網頁格式更工整
2.3.1　案例資訊
2.3.2　案例步驟
任務三　插入圖片和多媒體讓網頁更生動
3.1　案例一　我的音樂賀卡
3.1.1　案例資訊
3.1.2　案例步驟
3.2　案例二　我的網頁也能看電影
3.2.1　案例資訊
3.2.2　案例步驟
3.3　案例三　我的滾動相冊
3.3.1　案例資訊
3.3.2　案例步驟
任務四　如何實現頁面的跳轉
4.1　案例一　用文字來進行超鏈接
4.1.1　案例資訊
4.1.2　案例步驟
4.2　案例二　用圖像製作導航條
4.2.1　案例資訊
4.2.2　案例步驟
任務五　學會使用表格
5.1　案例一　製作成績表
5.1.1　案例資訊
5.1.2　案例步驟
5.2　案例二　製作課程表
5.2.1　案例資訊
5.2.2　案例步驟
5.3　案例三　用表格進行複雜網頁的佈局
5.3.1　案例資訊
5.3.2　案例步驟
任務六　會用表單收集用戶輸入的信息
6.1　案例一　製作用戶登錄界面
6.1.1　案例資訊
6.1.2　案例步驟
6.2　案例二　製作用戶註冊界面
6.2.1　案例資訊
6.2.2　案例步驟
任務七　使用框架對頁面進行分割
7.1　案例一　使用普通框架進行頁面分割
7.1.1　案例資訊
7.1.2　案例步驟
7.2　案例二　使用內部框架進行頁面分割
7.2.1　案例資訊
7.2.2　案例步驟

模塊二　CSS語言
任務一　認識CSS
1.1　案例一　我的第一個CSS文件
1.1.1　案例資訊
1.1.2　案例步驟
任務二　用CSS實現頁面風格的統
2.1　案例一　用CSS美化字體
2.1.1　案例資訊
2.1.2　案例步驟
2.2　案例二　用CSS實現頁面的精細排版
2.2.1　案例資訊
2.2.2　案例步驟
2.3　案例三　用CSS設置對象的邊框
2.3.1　案例資訊
2.3.2　案例步驟
2.4　案例四　用CSS進行頁面的顏色和背景設置
2.4.1　案例資訊
2.4.2　案例步驟
任務三　學會CSS的高級應用技巧
3.1　案例一　用CSS實現層的排版
3.1.1　案例資訊
3.1.2　案例步驟
3.2　案例二　用CSS的濾鏡實現各種特效
3.2.1　案例資訊
3.2.2　案例步驟

模塊三　JavaScript語言
任務一　認識JavaScript
1.1　案例一　Title欄滾動特效
1.1.1　案例資訊
1.1.2　案例步驟
1.2　案例二　水波文字效果
1.2.1　案例資訊
1.2.2　案例步驟
1.3　案例三　頁面中輸入的年月曰是否正確
1.3.1　案例資訊
1.3.2　案例步驟
任務二　認識JavaScript對象
2.1　案例一　打印機式字符輸出
2.1.1　案例資訊
2.1.2　案例步驟
2.2　案例二　頁面兩側的小廣告
2.2.1　案例資訊
2.2.2　案例步驟
2.3　案例三　記憶測試
2.3.1　案例資訊
2.3.2　案例步驟
2.4　案例四　很酷的日曆
2.4.1　案例資訊
2.4.2　案例步驟
2.5　案例五　產生隨機數
2.5.1　案例資訊
2.5.2　案例步驟
任務三　認識瀏覽器對象
3.1　案例一　顯示Navigator對象屬性
3.1.1　案例資訊
3.1.2　案例步驟
3.2　案例二　子窗體返值到母窗體
3.2.1　案例資訊
3.2.2　案例步驟
3.3　案例三　Screen綜合應用實例
3.3.1　案例資訊
3.3.2　案例步驟
3.4　案例四　隱藏菜單
3.4.1　案例資訊
3.4.2　案例步驟
任務四　認識事件
4.1　案例一　可移動的導航條
4.1.1　案例資訊
4.1.2　案例步驟
4.2　案例二　驗證輸入的註冊信息
4.2.1　案例資訊
4.2.2　案例步驟
參考文獻．

（5）JavaScript的特點。
JavaScript在簡單的HTML和服務器端復雜的CGl程序之間架設起一座橋梁。JavaScript的特點主要表現在以下幾個方面：
1）簡單性。
JavaScript是一種腳本編寫語言，它采用小程序段的方式實現編程。像其他腳本語言一樣，JavaScript同樣也是一種解釋性語言，它提供了一個簡易的開發過程，它的基本結構形式與C、C++、VB、Delphi十分類似。但它不像這些語言一樣需要先編譯，而是在程序運行過程中被逐行地解釋。它與HTML標識結合在一起，從而方便用戶的使用操作。
2）動態性。
JavaScript是動態的，它可以直接對用戶或客戶輸入作出響應，無須經過Web服務程序。它對用戶請求的響應采用事件驅動的方式進行。所謂的“事件驅動”，就是指在主頁中執行了某種操作所產生的動作，即“事件”，如按下鼠標、移動窗口、選擇菜單等都可以視為事件。當事件發生后，可能會引起相應的事件響應。
3）基于對象的語言。
JavaScript是一種基于對象的語言，同時也可以看作是一種面向對象的語言，這意味著它可以運用自己已經創建的對象。因此，許多功能可以來自于腳本環境中對象的方法與腳本的相互作用。
4）安全性。
JavaScript是一種安全性語言，它不允許訪問本地的硬盤，且并不能將數據存入服務器中。不允許對網絡文檔進行修改和刪除，只能通過瀏覽器實現信息瀏覽或動態交互，從而有效地防止數據的丟失。
5）跨平臺性。
JavaScript依賴于瀏覽器本身，與操作環境無關，只要是能運行瀏覽器的計算機且支持JavaScript的瀏覽器就可以正確執行。
6）節省CGl的交互時間。
CGI(Common Gateway Interface)是一種基于瀏覽器的輸入、在Web服務器上運行的程序方法。CGl腳本使瀏覽器與用戶能交互。為了在數據庫中尋找一個名詞，提供寫入的評論，或者從一個表單中選擇幾個條目并能得到一個明確的回答。如果曾經遇到過在Web上填表或進行搜索，那就是用的CGl腳本。那時也許沒有意識到，因為大部分工作是在服務器上運行的，看到的只是結果。