本書從HTML程序設(shè)計初學者的角度出發(fā),對HTML語言的概念和技術(shù)等基礎(chǔ)內(nèi)容進行了全面、詳細的講解。全書共分10章、10個上機實操,主要包括HTML概述與基本標簽、表格與列表、表單與表單元素、框架集與框架、CSS層疊樣式表、常用的CSS樣式、Web標準與布面布局基礎(chǔ)、CSS實現(xiàn)典型布局、使用Dreamweaver制作網(wǎng)頁、使用Dreamweaver管理樣式和模板等內(nèi)容,且每章都配有豐富的實例、要點和作業(yè),幫助讀者理解和掌握書中的內(nèi)容。
本書適合作為計算機相關(guān)專業(yè)HTML程序設(shè)計課程的培訓(xùn)教材,也可作為程序設(shè)計員或?qū)TML編程感興趣的讀者的入門參考書,還可供網(wǎng)站開發(fā)愛好者和自學HTML編程的讀者使用。
《使用HTML和CSS開發(fā)Web網(wǎng)站》從HTML程序設(shè)計初學者的角度出發(fā),對HTML語言的概念和技術(shù)等基礎(chǔ)內(nèi)容進行了全面、詳細的講解。作為計算機科學與信息科學中的入門與提高教材,在力爭保障學科知識廣度的同時,也統(tǒng)籌主流技術(shù)的深度,既介紹了計算機學科相關(guān)主題的歷史,亦涵蓋國內(nèi)外*、*熱門課題,強調(diào)計算機科學技術(shù)的時效性、前沿性。本書適用于初學者,書中內(nèi)容所涉及的知識點和相關(guān)信息,應(yīng)了解、掌握,夯實基礎(chǔ),切不可急于求成;有相關(guān)經(jīng)驗、但了解不足的開發(fā)人員,也可從本書中找到許多不同領(lǐng)域的興趣點和用法。
序言 時光荏苒,如白駒過隙,一轉(zhuǎn)眼中國互聯(lián)網(wǎng)已走過了30年的歷程。回首過去,人工智能、云計算、移動支付這些互聯(lián)網(wǎng)產(chǎn)物不僅迅速占據(jù)了我們的生活,刷新了我們對科技發(fā)展的認知,而且也提高我們的生活質(zhì)量水平。人們談?wù)摰脑掝}也離不開這些,例如: 人工智能是否會替代人類,成為工作的主要勞動力; 數(shù)字貨幣是否會代替紙幣流通于市場; 虛擬現(xiàn)實體驗到底會有多真實多刺激; 就連開出租車的司機師傅都會在人機圍棋大戰(zhàn)的賽事上與你賭一把。從這些現(xiàn)象中不難發(fā)現(xiàn),互聯(lián)網(wǎng)的輻射面在不斷變廣,計算機科學與信息技術(shù)發(fā)展的普適性在不斷變強,信息技術(shù)如化雨春風,潤物無聲地全面融入、顛覆了我們的生活。 1987年,我國網(wǎng)絡(luò)專家錢天白通過撥號方式在國際互聯(lián)網(wǎng)上發(fā)出了中國有史以來第一封電子郵件,越過長城,走向世界,從此,我國互聯(lián)網(wǎng)時代開啟。30年間,人類社會仍然遵循著萬物生長規(guī)律自然成長,但互聯(lián)網(wǎng)的枝芽卻依托人類的智慧于內(nèi)部結(jié)構(gòu)中野蠻擴延,并且每一次主流設(shè)備、主流技術(shù)的迭代速度明顯加快,直到今天,人們的生活是拇指在手機屏幕方寸間游走的距離,已經(jīng)超過雙腳走過的路程。 據(jù)估計,截至2017年6月,中國網(wǎng)民規(guī)模已達到7.5億,占全球網(wǎng)民總數(shù)的五分之一,而且這個數(shù)字還在不斷地增加。這是一個巨大的互聯(lián)市場,可以得到我們所需要的內(nèi)容: 有可能是一個簡單的Web頁面,也有可能是一個復(fù)雜的應(yīng)用程序。 然而,面對快速發(fā)展的互聯(lián)網(wǎng),每一個互聯(lián)網(wǎng)人亦感到焦慮,感覺它運轉(zhuǎn)的速度已經(jīng)快到我們追趕的極限。信息時刻在更新,科技不斷被顛覆,想象力也一直被挑戰(zhàn),面對這些,人們感到不安的同時又對未來的互聯(lián)網(wǎng)充滿期待。 互聯(lián)網(wǎng)的魅力正在于此,恰如山之兩面,一面陰暗晦澀,一面生機勃勃,一旦跨過山之巔,即是不一樣的風景。就是這樣的挑戰(zhàn)會讓人著迷,并甘愿為之付出努力。而這個行業(yè)還有很多偉大的事情值得去琢磨,去付出自己的匠心。 本書從HTML程序設(shè)計初學者的角度出發(fā),對HTML語言的概念和技術(shù)等基礎(chǔ)內(nèi)容進行了全面、詳細的講解。書中內(nèi)容所涉及的知識點和相關(guān)信息,應(yīng)了解并掌握,夯實基礎(chǔ),切不可急于求成; 有相關(guān)經(jīng)驗、但了解不足的開發(fā)人員,也可從本書中找到許多不同領(lǐng)域的興趣點和用法。本書實例內(nèi)容選取市場流行應(yīng)用項目或產(chǎn)品項目,并附有章后練習題,部分練習題模擬大型軟件開發(fā)企業(yè)實例項目比較具體,其他練習題則較為通俗易懂,旨在普及讀者對相應(yīng)章節(jié)內(nèi)容的理解程度,幫助讀者鞏固本章的內(nèi)容。 本書在編寫過程中獲得了國家自然科學基金委員會與中國民用航空局聯(lián)合資助項目(U1733110)、中央高校基本科研業(yè)務(wù)費專項資金(2672018ZYGX2018J018)、湖南省科學十三五規(guī)劃課題(XJK016BGD009)、湖南省教學改革研究課題(2015001)、湖南省自然科學基金(2017JJ1012)、國家自然科學基金(71371067)的資助,并得到了電子科技大學、湖南大學、國防科技大學、佛山科學技術(shù)學院和深圳華大樂業(yè)教育科技有限公司等領(lǐng)導(dǎo)的大力支持,同時參考了一些相關(guān)著作和文獻,在此深表感謝。本書在撰寫過程中得到了周忠寶、何敏藩、邢立寧、姚鋒、葉昭暉、鄧勁生、姚煊道、鄒偉、王浩、張章、肖丹、蔡琴、付艷和周滔等編委老師的幫助,在此向這些老師深表感謝。 未來互聯(lián)網(wǎng)信息技術(shù)已撲面而來,洶涌勝于往昔,你做好準備了嗎?編者2018年5月
目錄
理
論 部 分
第1章HTML概述與基本標簽
1.1Web概述
1.2HTML超級文本標記語言
1.2.1HTML簡介
1.2.2HTML發(fā)展
1.2.3基本結(jié)構(gòu)
1.2.4編輯工具
1.3頁面主體背景設(shè)置
1.3.1設(shè)置網(wǎng)頁的背景顏色
1.3.2設(shè)置網(wǎng)頁的背景圖片
1.4常用的HTML標簽
1.4.1換行標簽
1.4.2字體標簽
1.4.3段落排版標簽
1.4.4字體樣式標簽
1.4.5水平線標簽
1.4.6標題標簽
1.4.7圖像標簽
1.4.8超鏈接標簽
總結(jié)
課后習題
第2章表格與列表
2.1表格基礎(chǔ)
2.1.1為什么要使用表格
2.1.2表格的基本結(jié)構(gòu)
2.1.3表格的基本語法
2.2跨行跨列的表格
2.2.1跨列
2.2.2跨行
2.2.3跨行、跨列
2.3表格的高級用法
2.4列表
2.4.1無序列表
2.4.2有序列表
2.4.3定義列表
2.4.4菜單列表
2.4.5目錄列表
2.5制作滾動效果
2.5.1滾動文字
2.5.2設(shè)置滾動方向
2.5.3設(shè)置滾動其他屬性
2.5.4滾動圖片
2.6層
2.6.1層的基本概念
2.6.2插入層
總結(jié)
課后習題
第3章表單與表單元素
3.1表單
3.1.1表單的組成
3.1.2表單標簽form/form
3.2表單元素
3.2.1 input /標簽
3.2.2textarea/textarea標簽
3.2.3select/select及option/option
3.2.4button/button標簽
3.2.5label/label標簽
3.2.6fieldset/fieldset及l(fā)egend/legend標簽
3.3表單的屬性與表單的提交
3.3.1表單的屬性
3.3.2表單的提交
總結(jié)
課后習題
第4章框架集與框架
4.1框架與框架集的關(guān)系
4.1.1為何使用框架
4.1.2框架集的基本結(jié)構(gòu)
4.1.3框架集的屬性
4.1.4框架的屬性
4.2框架集的嵌套
4.3窗口間的關(guān)聯(lián)
4.4iframe內(nèi)嵌框架
4.4.1iframe的用法
4.4.2iframe的屬性
總結(jié)
課后習題
第5章CSS層疊樣式表
5.1CSS樣式表
5.1.1CSS是什么
5.1.2CSS的作用
5.2CSS樣式規(guī)則聲明
5.3選擇器的分類
5.3.1標簽選擇器
5.3.2類選擇器
5.3.3ID選擇器
5.3.4偽類選擇器
5.3.5偽元素選擇器
5.3.6上下文選擇器
5.3.7群組選擇器
5.4如何應(yīng)用樣式
5.4.1三種樣式表寫法
5.4.2CSS樣式表的優(yōu)先級
總結(jié)
課后習題
第6章常用的CSS樣式
6.1顏色與背景
6.2文本
6.3字體
6.4邊框
6.5列表
6.6其他雜項
總結(jié)
課后習題
第7章Web標準與頁面布局基礎(chǔ)
7.1Web標準
7.1.1結(jié)構(gòu)標準
7.1.2表現(xiàn)標準
7.1.3行為標準
7.1.4CSS的驗證
7.2XHTML
7.3CSS中的盒狀模型
7.3.1盒狀模型
7.3.2margin(外邊距)
7.3.3border(邊框)
7.3.4padding(內(nèi)邊距)
7.3.5寬高及實際占位
7.3.6溢出
7.4元素的定位
7.4.1CSS定位的原理
7.4.2絕對定位
7.4.3相對定位
7.4.4固定定位
7.5層次堆疊
總結(jié)
課后作業(yè)
第8章CSS實現(xiàn)典型布局
8.1浮動
8.2清除浮動
8.3實現(xiàn)典型布局
8.3.1一列式布局
8.3.2兩列式布局
8.3.3三列式布局
8.3.4三行三列式布局
8.4典型的局部布局
8.4.1divulli局部布局
8.4.2divdldtdd局部布局
總結(jié)
課后習題
第9章使用Dreamweaver制作網(wǎng)頁
9.1Dreamweaver簡介
9.1.1DreamWeaver CS4的功能和特點
9.1.2Dreamweaver CS4的工作界面
9.2站點的創(chuàng)建與管理
9.2.1新建站點
9.2.2管理站點文件
9.3創(chuàng)建和編輯常見的網(wǎng)頁元素
9.4表格及列表操作
9.5表單及表單元素操作
總結(jié)
課后習題
第10章使用Dreamweaver管理樣式和模板
10.1管理樣式
10.2管理模板
總結(jié)
課后習題
上
機 部 分
上機1HTML概述與基本標簽
第1階段指導(dǎo)
指導(dǎo)1使用文本編輯器創(chuàng)建和編寫簡單的網(wǎng)頁
指導(dǎo)2使用標題標簽和段落標簽
指導(dǎo)3使用圖像標簽
第2階段練習
練習1使用字體樣式標簽
練習2使用超鏈接標簽
練習3使用圖像成為超鏈接
上機2表格與列表
第1階段指導(dǎo)
指導(dǎo)1創(chuàng)建簡單的表格
指導(dǎo)2單元格的合并
指導(dǎo)3無序列表
第2階段練習
練習1使用表格
練習2使用無序列表和有序列表嵌套
練習3使用復(fù)雜表格
上機3表單和表單元素
第1階段指導(dǎo)
指導(dǎo)1form和input標簽的簡單使用
指導(dǎo)2使用各種類型的input元素
第2階段練習
練習1使用列表框和多文本框
練習2使用fieldset和legend標簽
上機4框架集與框架
第1階段指導(dǎo)
指導(dǎo)1實現(xiàn)簡單的框架集
指導(dǎo)2實現(xiàn)嵌套的框架集
第2階段練習
練習1使用框架的屬性
練習2使用浮動框架
練習3實現(xiàn)復(fù)雜的框架集嵌套
上機5CSS層疊樣式表
第1階段指導(dǎo)
指導(dǎo)1使用HTML標簽選擇器
指導(dǎo)2使用類選擇器
第2階段練習
練習1使用ID選擇器和上下文選擇器
練習2使用偽類選擇器
上機6常用的CSS樣式
第1階段指導(dǎo)
指導(dǎo)1使用顏色與背景屬性
指導(dǎo)2使用文本和字體屬性
指導(dǎo)3使用邊框?qū)傩?/p>
指導(dǎo)4使用無序列表實現(xiàn)簡單的菜單
第2階段練習
練習1設(shè)置超鏈接的裝飾線
練習2熟悉常用的CSS樣式屬性
上機7Web標準與頁面布局
第1階段指導(dǎo)
指導(dǎo)1模擬城市選擇器
指導(dǎo)2模擬掃描碼下載提示
第2階段練習
練習模擬職能類別選擇器
上機8CSS實現(xiàn)典型布局
第1階段指導(dǎo)
指導(dǎo)1實現(xiàn)多行多列的復(fù)雜布局
指導(dǎo)2模擬構(gòu)建網(wǎng)站
第2階段練習
練習實現(xiàn)典型的局部布局
上機9使用Dreamweaver制作網(wǎng)頁
第1階段指導(dǎo)
指導(dǎo)1使用Dreamweaver創(chuàng)建表格
指導(dǎo)2使用Dreamweaver創(chuàng)建表單及表單元素
第2階段練習
練習使用Dreamweaver創(chuàng)建頁面
上機10使用Dreamweaver管理樣式和模板
第1階段指導(dǎo)
第2階段練習
練習使用Dreamweaver創(chuàng)建模板