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