內容簡介
《HTML+CSS+JavaScript實用詳解》這本書學習的三大技術是Web標準的主要組成部分,本書一共分為四篇,網頁前台技術、從基本概念到具體實踐、從頁面結構建設到頁面布局、從頁面元素美化到程式控制的動態網頁,並進行了細緻的實例講解。
Web標準是所有網頁前台技術的發展方向,包括
微軟公司的IE瀏覽器技術上也在靠近Web標準。本書學習的三大技術是Web標準的主要組成部分,並且在
JavaScript部分以實例方式介紹了
DOM的知識。本書一共分為四篇,循序漸進地講述了網頁前台技術,從基本概念到具體實踐、從頁面結構建設到
頁面布局、從頁面元素美化到程式控制的
動態網頁都進行了詳細的闡述,並進行了細緻的實例講解。
本書的特點是語言平實,貼近初級讀者,加強了本書的可自學性。書中每個知識點都有對應實例,初級讀者即使從來沒有接觸過網頁製作,也可以輕鬆上手。本書同樣適合正在學習靜態網頁技術、並想進一步提高的讀者,並可作為網頁前台工作者的參考手冊。
目錄
第一篇HTML網頁技術
第1章網頁技術學前班2
Internet,中文稱為國際網際網路。眾所周知,Internet起源於1969年,由美國國防部授權ARPANET(高級研究規劃署)進行的網際網路的試驗。當初沒有人會預料到,在幾十年後的今天,網際網路成了全球互通的主要方式。網頁是Internet最主要的組成部分,在本章讀者可以學到很多Internet及網頁製作方面的基礎知識。
1.1Internet相關技術介紹2
1.1.1TCP/IP協定2
1.1.2IP位址和域名簡介2
1.1.3URL簡介3
1.1.4Web瀏覽器3
1.2Internet技術的套用3
1.3HTML網頁技術簡介4
1.3.1什麼是HTML4
1.3.2HTML網頁的結構4
1.3.3如何獲取網頁的HTML5
1.4什麼是靜態網頁和動態網頁5
1.4.1有動畫的網頁就是動態網頁嗎5
1.4.2有了動態網頁還有必要學習HTML嗎6
1.4.3網站簡介6
1.5小結7
第2章網頁製作的第一次接觸8
本章讀者將學習網頁伺服器的安裝和配置,以保證網頁測試的準確性,為製作完整的網站做好技術鋪墊。其後讀者將了解到網頁的工作全過程,對網頁技術的本質有一個透徹的認識。最後讀者將學習一個簡單的HTML網頁的製作,以掌握HTML頁面的基本編寫方法。
2.1配置Web伺服器運行環境8
2.1.1系統要求8
2.1.2IIS是乾什麼的8
2.1.3安裝IIS9
2.1.4配置IIS10
2.1.5網頁製作工具的選擇11
2.2了解網頁技術的工作原理12
2.2.1靜態HTML的工作流程12
2.2.2如何設定Web技術中的訪問路徑12
2.2.3網頁中怎么表示顏色13
2.2.4學習網頁技術的順序15
2.3製作一個完整的HTML網頁15
2.3.1怎樣寫HTML網頁的標籤15
2.3.2完成第一個網頁16
2.4小結17
第3章HTML網頁的整體設定18
通過上一章的學習,讀者已經可以製作很簡單的網頁。HTML網頁檔案是組成網站的基本單位,有完整的結構。本章從網頁的整體設定入手,全面開始HTML網頁技術的學習。通過本章的學習,讀者將掌握HTML網頁檔案的頭部信息設定、網頁主體的基本設定。
本章將繼續沿用上一章的網站設定。所有示例網頁檔案都在D:\web目錄下創建,以便於通過URL訪問每個示例網頁。
3.1HTML的頭部信息設定18
3.1.1定義網頁的標題18
3.1.2設定網頁的基底網址19
3.1.3掌握強大的元信息標籤19
3.1.4怎樣和CSS以及JavaScript產生聯繫21
3.1.5頭部信息的其他設定22
3.2HTML主體的常用設定23
3.2.1設定網頁的背景色23
3.2.2設定網頁的背景圖片23
3.3頁面的整體邊距26
3.4HTML代碼的注釋27
3.5小結27
第4章HTML網頁中的文字和段落28
通過上一章的學習,讀者在網頁整體表現設定方面有了比較紮實的基礎。但是讀者不僅是希望在網頁上表現文字,更希望對網頁上的文字進行排版、修飾。本章將學習文字的簡單排版、修飾、滾動文字以及超級連結。超級連結在網站開發中無處不在,是網頁中的重點。
學習本章時,在D:\web\目錄下創建一個目錄命名為chapter3,把上一章的檔案移動到D:\web\chapter3,做一個歸類。本章繼續在D:\web\目錄下創建示例檔案,這樣方便用IIS測試示例檔案。
4.1段落排版和換行28
4.1.1給大段文字進行分段28
4.1.2給文字加入空格29
4.1.3設定文字換行與不換行30
4.1.4設定文字對齊方式31
4.1.5添加水平分隔線32
4.2文字的多樣化修飾34
4.2.1文字樣式設定的基本標籤—34
4.2.2設定文字的顏色34
4.2.3設定文字的尺寸35
4.2.4設定文字的字型36
4.2.5使文字傾斜36
4.2.6使文字加粗37
4.2.7給文字加下劃線37
4.2.8多種標題樣式的使用37
4.2.9學會處理網頁中的特殊字元39
4.2.10如何更方便地忽略瀏覽器對部分HTML的解析40
4.2.11其他文字修飾方法40
4.3製作滾動文字41
4.3.1設定文字滾動41
4.3.2設定文字滾動的方向42
4.3.3設定文字滾動的速度和形式42
4.4用於組織數據的列表43
4.4.1列表的結構組成43
4.4.2製作無序列表44
4.4.3製作有序列表44
4.5超級連結45
4.5.1給文字添加連結45
4.5.2修改連結的視窗打開方式46
4.5.3給連結添加提示文字46
4.5.4什麼是錨(anchor)47
4.5.5電子郵件、FTP和Telnet的連結48
4.6小結49