HTML+DIV+CSS網頁設計與佈局實用教程(簡體書)
商品資訊
系列名:高等院校電腦教育系列教材
ISBN13:9787302474463
出版社:清華大學出版社(大陸)
作者:徐洪峰
出版日:2017/09/10
裝訂:平裝
商品簡介
目次
書摘/試閱
相關商品
商品簡介
本書的作者為一線開發工程師、資深編程專家、專業培訓師,在網站開發方面有著豐富的經驗,并已出版過多本相關暢銷書,頗受廣大讀者認可。本書內容不局限于語法講解上,還通過一個個鮮活、典型的實例來達到學以致用的目的。每個語法都有相應的實例,每章后面又配有綜合小實例。
本書共21章,主要內容包括HTML入門,HTML基本標簽,用HTML設置文字、段落與列表,列表的建立和使用,用HTML創建精彩的圖像和多媒體頁面,用HTML創建超鏈接,用HTML創建表格,用表單創建交互式網頁,HTML 5的結構,CSS基礎知識,用CSS設計豐富的文字效果,用CSS設計圖像和背景,用CSS設計表格和表單樣式,用CSS制作鏈接與網站導航,CSS+DIV布局定位基礎,CSS盒子模型,盒子的浮動與定位,CSS+DIV布局方法,CSS 3入門基礎,設計和制作適合手機瀏覽的網頁,公司宣傳網站的布局。
本書內容翔實、結構清晰,既適合HTML和CSS的初學者自學使用,也可以作為各類院校相關專業的學生和電腦培訓班的教材或輔導用書。
本書共21章,主要內容包括HTML入門,HTML基本標簽,用HTML設置文字、段落與列表,列表的建立和使用,用HTML創建精彩的圖像和多媒體頁面,用HTML創建超鏈接,用HTML創建表格,用表單創建交互式網頁,HTML 5的結構,CSS基礎知識,用CSS設計豐富的文字效果,用CSS設計圖像和背景,用CSS設計表格和表單樣式,用CSS制作鏈接與網站導航,CSS+DIV布局定位基礎,CSS盒子模型,盒子的浮動與定位,CSS+DIV布局方法,CSS 3入門基礎,設計和制作適合手機瀏覽的網頁,公司宣傳網站的布局。
本書內容翔實、結構清晰,既適合HTML和CSS的初學者自學使用,也可以作為各類院校相關專業的學生和電腦培訓班的教材或輔導用書。
目次
第1章 HTML入門 1
1.1 什么是HTML 1
1.1.1 HTML的特點 1
1.1.2 HTML的歷史 2
1.2 HTML文件的基本結構 2
1.2.1 HTML文件結構 2
1.2.2 編寫HTML文件的注意事項 4
1.3 HTML文件的編寫方法 4
1.3.1 使用記事本編寫HTML頁面 4
1.3.2 使用Dreamweaver CC
編寫HTML頁面 6
1.4 網頁設計與開發的過程 7
1.4.1 明確網站定位 7
1.4.2 收集信息和素材 7
1.4.3 規劃欄目結構 8
1.4.4 設計網頁圖像 9
1.4.5 制作頁面 9
1.4.6 實現后臺功能 10
1.4.7 網站的測試與發布 12
本章小結 12
練習題 13
第2章 HTML基本標簽 14
2.1 HTML頁面主體標簽 14
2.1.1 定義網頁背景色:bgcolor 14
2.1.2 設置背景圖片:background 15
2.1.3 設置文字顏色:text 16
2.1.4 設置鏈接文字屬性 17
2.1.5 設置頁面邊距 20
2.2 head部分標簽 21
2.2.1 標題標簽:
1.1 什么是HTML 1
1.1.1 HTML的特點 1
1.1.2 HTML的歷史 2
1.2 HTML文件的基本結構 2
1.2.1 HTML文件結構 2
1.2.2 編寫HTML文件的注意事項 4
1.3 HTML文件的編寫方法 4
1.3.1 使用記事本編寫HTML頁面 4
1.3.2 使用Dreamweaver CC
編寫HTML頁面 6
1.4 網頁設計與開發的過程 7
1.4.1 明確網站定位 7
1.4.2 收集信息和素材 7
1.4.3 規劃欄目結構 8
1.4.4 設計網頁圖像 9
1.4.5 制作頁面 9
1.4.6 實現后臺功能 10
1.4.7 網站的測試與發布 12
本章小結 12
練習題 13
第2章 HTML基本標簽 14
2.1 HTML頁面主體標簽 14
2.1.1 定義網頁背景色:bgcolor 14
2.1.2 設置背景圖片:background 15
2.1.3 設置文字顏色:text 16
2.1.4 設置鏈接文字屬性 17
2.1.5 設置頁面邊距 20
2.2 head部分標簽 21
2.2.1 標題標簽:
書摘/試閱
第3章 用HTML設置文字、段落與列表
【學習目標】
文字不僅是網頁信息傳達的一種常用方式,也是視覺傳達最直接的方式,運用經過精心處理的文字材料完全可以制作出效果很好的版面。輸入完文本內容后就可以對其格式進行調整,而設置文本樣式是實現快速編輯文檔的有效操作,讓文字看上去編排有序、整齊美觀。通過對本章的學習,讀者可以掌握如何在網頁中合理地使用文字,如何根據需要選擇不同的文字效果。
本章主要內容包括:
(1) 輸入文字;
(2) 設置文字的格式;
(3) 設置段落的格式;
(4) 水平線的標簽;
(5) 創建列表;
(6) 使用marquee設置滾動效果。
3.1 標 題 字
標題(heading)是通過
~
等標簽進行定義的。
定義最大的標題,
定義最小的標題。
3.1.1 標題字標簽:
在遵循網頁標準制作網頁的時候,為了使設計更具有語義化,我們經常會在頁面中用到
~
的標題標簽。標題標簽是指HTML網頁中對文本標題所進行的著重強調的標簽,標簽
~
字號依次遞減顯示出重要性的遞減。
基本語法:
…
…
…
…
…
…
語法說明:
~
標簽可定義標題,
定義最大的標題,
定義最小的標題。
實例代碼:
1級標題
2級標題
3級標題
4級標題
5級標題
6級標題
加粗部分的代碼用于設置6種不同級別的標題,在瀏覽器中瀏覽效果如圖3-1所示。
圖3-1 設置標題大小
3.1.2 標題字對齊屬性:align
默認情況下,表格的標題水平居中,我們可以通過align屬性設定標題文字的水平對齊方式。
基本語法:
text-align:center
text-align:left
text-align:right
語法說明:
left為左對齊,center為居中,right為右對齊。
實例代碼:
……
【學習目標】
文字不僅是網頁信息傳達的一種常用方式,也是視覺傳達最直接的方式,運用經過精心處理的文字材料完全可以制作出效果很好的版面。輸入完文本內容后就可以對其格式進行調整,而設置文本樣式是實現快速編輯文檔的有效操作,讓文字看上去編排有序、整齊美觀。通過對本章的學習,讀者可以掌握如何在網頁中合理地使用文字,如何根據需要選擇不同的文字效果。
本章主要內容包括:
(1) 輸入文字;
(2) 設置文字的格式;
(3) 設置段落的格式;
(4) 水平線的標簽;
(5) 創建列表;
(6) 使用marquee設置滾動效果。
3.1 標 題 字
標題(heading)是通過
~
等標簽進行定義的。
定義最大的標題,
定義最小的標題。
3.1.1 標題字標簽:
在遵循網頁標準制作網頁的時候,為了使設計更具有語義化,我們經常會在頁面中用到
~
的標題標簽。標題標簽是指HTML網頁中對文本標題所進行的著重強調的標簽,標簽
~
字號依次遞減顯示出重要性的遞減。
基本語法:
…
…
…
…
…
…
語法說明:
~
標簽可定義標題,
定義最大的標題,
定義最小的標題。
實例代碼:
1級標題
2級標題
3級標題
4級標題
5級標題
6級標題
加粗部分的代碼用于設置6種不同級別的標題,在瀏覽器中瀏覽效果如圖3-1所示。
圖3-1 設置標題大小
3.1.2 標題字對齊屬性:align
默認情況下,表格的標題水平居中,我們可以通過align屬性設定標題文字的水平對齊方式。
基本語法:
text-align:center
text-align:left
text-align:right
語法說明:
left為左對齊,center為居中,right為右對齊。
實例代碼:
……
主題書展
更多
主題書展
更多書展今日66折
您曾經瀏覽過的商品
購物須知
大陸出版品因裝訂品質及貨運條件與台灣出版品落差甚大,除封面破損、內頁脫落等較嚴重的狀態,其餘商品將正常出貨。
特別提醒:部分書籍附贈之內容(如音頻mp3或影片dvd等)已無實體光碟提供,需以QR CODE 連結至當地網站註冊“並通過驗證程序”,方可下載使用。
無現貨庫存之簡體書,將向海外調貨:
海外有庫存之書籍,等候約45個工作天;
海外無庫存之書籍,平均作業時間約60個工作天,然不保證確定可調到貨,尚請見諒。
為了保護您的權益,「三民網路書店」提供會員七日商品鑑賞期(收到商品為起始日)。
若要辦理退貨,請在商品鑑賞期內寄回,且商品必須是全新狀態與完整包裝(商品、附件、發票、隨貨贈品等)否則恕不接受退貨。