|
|
|
本書緊密圍繞編程者在編程中遇到的實際問題和開發中應該掌握的技術，全面介紹了利用HTML進行程序開發的各方面技術和技巧。全書共16章，內容包括HTML網頁布局、HTML基本元素、HTML高級元素、表單的使用、列表的使用、超鏈接、表格應用、圖形圖像處理、文字及圖片特效、多媒體應用、文件與拖放、Web API與通信API、Web Workers處理線程、離線應用和地理位置定位、RGraph插件制作統計圖、HTML游戲開發。全書共提供了383個實例，每個實例都突出實用性，其中大部分是程序開發者夢寐以求的有關問題的解決方案。
本書附有配套光盤。光盤提供了書中所有實例的源代碼，全部源代碼都經過了精心調試，在Windows XP/Windows Server 2003/Windows 7下測試通過，保證能夠正常運行。
本書適用於廣大計算機愛好者和編程人員，也可作為大中專院校相關專業的教材。
明日科技，吉林省明日科技有限公司是一家以計算機軟件和數字出版為核心的高科技企業，多年來始終致力於行業管理軟件、數字化出版物等領域的實踐，目前已和多家國內上市企業形成產品合作關系，公司的多款軟件產品應用於國內的多家企業集團。明日科技擁有軟件開發和項目實施方面的資深專家和學習型技術團隊，利用積累的專業知識和經驗，已開發數百種專業技術圖書和數十種數字化學習產品，成為國內IT信息服務領域的知名品牌。
第1章 HTML網頁布局1
1.1 頁面背景和布局2
實例001 統一站內網頁風格2
實例002 網頁換膚6
實例003 制作漸變背景8
實例004 把兩個div並排顯示在瀏覽器中9
實例005 通過DIV+CSS對電子商城的頁面進行布局10
實例006 設置4張圖片並排顯示在瀏覽器12
實例007 應用< div >標簽設計用戶注冊頁面13
實例008 應用div元素構建一個完整的表格14
實例009 使用column—count屬性實現分欄的實例16
實例010 文字和圖片完整居中18
實例011 應用CSS控制登錄頁面顯示樣式19
1.2 框架的應用21
實例012 框架集的嵌套21
實例013 在網頁中應用浮動框架23
實例014 創建空白框架25
1.3 使用新元素對頁面進行布局27
實例015 使用HTML5的新元素對頁面進行分欄設計27
實例016 應用HTML5新增的元素制作簡單用戶注冊頁面28
第2章 HTML基本元素31
2.1 HTML基本標記32
實例017 演示進入和離開網頁的過渡效果32
實例018 背景圖片的設置與顯示效果34
實例019 設置未訪問的鏈接文字的顏色36
實例020 使用http—equiv屬性設定頁面的自動刷新37
實例021 在網頁中完成對明日科技公司的簡介38
2.2 HTML5新增結構元素39
實例022 應用section元素對頁面上的內容進行分塊39
實例023 以博客為例了解article元素的使用40
實例024 一個關於article元素嵌套的實例41
實例025 通過article元素表示插件的實例42
實例026 聯合使用section和article標簽43
實例027 在網頁中顯示聯系信息44
實例028 一個nav元素的使用實例44
實例029 一個在文章內部的aside元素實例46
2.3 網頁文本內容47
實例030 觀察標題< h1 >到< h6 >的變化47
實例031 用align屬性設置標題文字的對齊方式48
實例032 設置不同的文字字體49
實例033 顯示文字的粗體、斜體、下划線的效果50
實例034 使用標記< p >表示段落格式50
實例035 使用標記
實現文字的換行顯示51
實例036 應用標記< center >使段落居中顯示52
實例037 對頁面中的文本定義默認的字體樣式53
實例038 應用< address >標記定義一個網站的地址54
實例039 通過格式標簽定義文本樣式54
實例040 制作彩色滾動條55
實例041 在文字上方標注說明57
實例042 應用刪除線樣式標記商品原價58
第3章 HTML高級元素61
3.1 新增和改良的頁面元素62
實例043 使用details標記元素實現交互62
實例044 應用output元素拖動滑竿改變數值63
實例045 實現下拉彈出效果64
實例046 無刷新彈出圖片和文字65
實例047 使用summary標記元素實現交互67
實例048 使用menu標記元素實現菜單交互68
實例049 實現右鍵菜單功能69
實例050 使用command標記元素實現動態對話框效果71
實例051 使用progress標記元素實現進度條效果73
實例052 使用meter標記元素實現百分比效果74
實例053 設置progress進度條的樣式75
實例054 使用html根元素顯示文字76
實例055 通過標簽設置目標鏈接77
實例056 通過JavaScript腳本獲取並顯示文本框的內容79
實例057 實現樹節點效果80
實例058 使用mark元素高亮顯示搜索關鍵詞81
實例059 在網頁中突出顯示某些文字82
實例060 使用cite元素引用文檔83
實例061 在網頁中顯示一幅圖片84
實例062 在網頁中顯示一個文本框架85
實例063 使用object元素在網頁中顯示一個Flash86
3.2 新增的全局屬性87
實例064 使用鼠標光標拖動網頁中的文字87
實例065 自動隱藏或顯示網頁中的文字88
實例066 自動檢測輸入的拼音是否正確89
實例067 編輯修改網頁中的文字90
第4章 表單的使用93
4.1 表單和表單元素94
實例068 使用文本框做一個人口調查的頁面94
實例069 使用密碼域創建一個簡單的注冊頁面95
實例070 使用單選按鈕做一個用戶信息表96
實例071 使用復選框選擇你所喜歡的運動97
實例072 使用文件域來上傳圖片98
實例073 使用文本域創建一個留言板頁面100
實例074 創建一個用來做學生業余生活調查的頁面101
實例075 讓密碼域更安全102
實例076 制作個人信息頁面103
4.2 增加與改良的input元素105
實例077 驗證郵件地址是否合法105
實例078 驗證URL地址107
實例079 驗證在文本框中輸入數字的大小109
實例080 通過滑動條設置顏色110
實例081 自動彈出日期和時間輸入框112
實例082 顯示文本框中的搜索關鍵字114
實例083 使元素自動獲取焦點116
實例084 驗證表單中輸入的數據是否合法117
實例085 在文本框中顯示提示信息119
實例086 驗證文本框中的內容是否為空120
實例087 開啟表單的自動完成功能121
實例088 重寫表單中的某些屬性122
實例089 驗證表單中的數據是否為網址格式123
實例090 自動設置表單中傳遞的數字125
實例091 在表單中選擇多個上傳文件126
實例092 實現播放器樣式的按鈕128
實例093 一個簡單的乘法計算器130
實例094 在網頁中生成一個密鑰131
實例095 驗證輸入的密碼是否合法132
實例096 驗證兩次輸入的密碼是否一致134
實例097 取消表單驗證135
實例098 實現一個精美的登錄表單界面136
4.3 JavaScript操作表單138
實例099 通過正則表達式驗證日期138
實例100 通過正則表達式驗證電話號碼140
實例101 驗證輸入的字符串是否為漢字142
實例102 驗證身份證號碼143
實例103 驗證車牌號碼145
實例104 驗證數量和金額146
實例105 驗證字符串是否以指定字符開頭148
實例106在網頁中實現自動增加表格效果149
實例107 開發一個計數器程序151
實例108 判斷用戶是否選擇了文本框中的指定文本152
實例109 實現一個動態菜單樣式153
實例110 動態添加表單中的元素155
實例111 獲取文本框並修改其內容157
實例112 textarea根據內容自動增高158
實例113 判斷用戶選擇了幾個復選框159
實例114 實現搜索文本框的效果160
實例115 通過下拉菜單動態改變文本框背景顏色162
實例116 自動計算金額163
實例117 設置文本框的只讀屬性165
實例118 限制多行文本域輸入的字符個數167
實例119 自動選擇文本框／編輯框中的文字169
實例120 按下回車鍵時自動切換焦點170
實例121 獲取下拉列表／菜單的值172
實例122 遍歷多選擇下拉列表174
實例123 在下拉列表中進行多選移除176
實例124 將數組中的數據添加到下拉菜單中177
實例125 應用下拉菜單選擇所要聯機的網站179
實例126 多級級聯菜單181
實例127 可以輸入文字的下拉菜單182
實例128 根據下拉菜單的值顯示不同控件184
實例129 選中單選按鈕后顯示其他表單元素185
實例130 通過單選按鈕控制其他表單元素是否可用187
實例131 不提交表單獲取復選框的值188
實例132 控制復選框的全選或反選189
實例133 只有一個復選框時控制復選框的全選或反選191
實例134 通過JavaScript控制表單的提交與重置192
實例135 防止表單重復提交193
實例136 通過for循環獲取表單元素的中文名稱195
實例137 可以提交到不同處理頁的表單196
第5章 列表的使用199
5.1 有序列表200
實例138 使用ol來設置有序列表200
實例139 使用type類型來設置有序列表201
實例140 使用start來設置有序列表的起始數值202
5.2 無序列表204
實例141 使用< ul >標簽來顯示無序列表204
實例142 使用type類型來設置無序列表
5.3菜單列表和定義列表
實例143使用< menu >標記來設置菜單列表
實例144使用< dl >標記來創建定義列表
5.4列表的應用
實例145實現有序列表和無序列表的嵌套
實例146通過o1元素創建一個圖書銷量排名列表
實例147指定圖標的列表項
第6章 超鏈接
6.1超鏈接的建立
實例148創建文本超鏈接
實例149使用target屬性來設置超鏈接的目標窗口
6.2內部鏈接與外部鏈接
實例150說明在一個網站中內部鏈接的實現方式
實例151通過HTTP協議進行外部鏈接
6.3書簽鏈接
實例152創建書簽
實例153鏈接到同一頁面的書簽
實例154鏈接到不同頁面的書簽
6.4鏈接的其他應用
實例155設置圖片的超鏈接
實例156改變超級鏈接背景色
實例157獲取頁面中的全部超級鏈接
實例158將網站設為首頁
實例159單擊超級鏈接將本頁加入收藏夾
實例160訪問指定的鏈接地址
6.5超級鏈接特效
實例161快速閃動頁面中的超級鏈接
實例162滾動的超級鏈接提示信息
實例163公告欄中顯示超級鏈接
實例164顯示超級鏈接站點相關信息
實例165顯示超級鏈接的提示信息
實例166半透明背景的超級鏈接提示
第7章 表格應用
7.1表格基本屬性
實例167使用bordercolor屬性設置表格邊框的顏色
實例168使用bgcolor設置表格背景顏色
7.2表格行屬性
實例169使用height設置表格的行高度
實例170使用align設置行文字的水平對齊方式
7.3單元格屬性
實例171使用width、height設置單元格的大小
實例172為單元格設置不同的背景顏色
實例173使用bordercolor屬性設置單元格的邊框顏色
實例174使用background設置單元格的背景圖像
7.4表格嵌套與控制表格內外邊框顯示
實例175利用表格的嵌套完成頁面的布局
實例176使用frame屬性控制表格外邊框的顯示
實例177通過rules控制表格內部邊框的樣式
7.5表格與CSS應用
實例178只有外邊框的表格
實例179彩色外邊框的表格
實例180控制表格指定外邊框不顯示
實例181背景顏色漸變的表格
實例182表格隔行變色
7.6表格的動態效果
實例183閃爍的表格邊框
實例184單元格邊框變色
實例185選中的行變色
實例186選定表格中的單元格
實例187左右移動單元格的信息
實例188通過鍵盤使單元格焦點任意移動
實例189動態制作表格
實例190動態生成行或列
實例191刪除表中的行
實例192隱藏及顯示單元格
實例193表格向下展開
實例194合並單元格
實例195在表格中添加行及單元格
實例196刪除表中的單元格
實例197透明表格
實例198限制表格的寬度
實例199表格的標題
實例200表格的外陰影
7.7表格綜合應用
實例201簡單計算器
實例202復雜計算器
實例203精美日歷
實例204帶農歷的日歷
……
第8章 圖形圖像處理
第9章 文字及圖片特效
第10章 多媒體應用
第11章 文件與拖放
第12章 Web API與通信API
第13章 Web Workers處理線程
第14章 離線應用和地理位置定位
第15章 RGraph插件制作統計圖
第16章 HTML游戲開發
