書(shū)馨卡幫你省薪 2024個(gè)人購(gòu)書(shū)報(bào)告 2024中圖網(wǎng)年度報(bào)告
歡迎光臨中圖網(wǎng) 請(qǐng) | 注冊(cè)
> >
21世紀(jì)高等學(xué)校計(jì)算機(jī)教育實(shí)用規(guī)劃教材網(wǎng)頁(yè)設(shè)計(jì)與制作(HTML5+CSS3+JavaScript)

21世紀(jì)高等學(xué)校計(jì)算機(jī)教育實(shí)用規(guī)劃教材網(wǎng)頁(yè)設(shè)計(jì)與制作(HTML5+CSS3+JavaScript)

出版社：清華大學(xué)出版社出版時(shí)間：2020-12-01
開(kāi)本： 其他 頁(yè)數(shù)： 376
中 圖 價(jià):¥58.7(8.5折) 定價(jià)  ¥69.0 登錄后可看到會(huì)員價(jià)
加入購(gòu)物車 收藏
運(yùn)費(fèi)6元，滿39元免運(yùn)費(fèi)
?新疆、西藏除外
本類五星書(shū)更多>

21世紀(jì)高等學(xué)校計(jì)算機(jī)教育實(shí)用規(guī)劃教材網(wǎng)頁(yè)設(shè)計(jì)與制作(HTML5+CSS3+JavaScript) 版權(quán)信息

21世紀(jì)高等學(xué)校計(jì)算機(jī)教育實(shí)用規(guī)劃教材網(wǎng)頁(yè)設(shè)計(jì)與制作(HTML5+CSS3+JavaScript) 內(nèi)容簡(jiǎn)介

本課程提供慕課教程（https://mooc1-1.chaoxing.com/course/200123083.html制作中） 課程將從Web發(fā)展史講起，對(duì)Html標(biāo)簽、CSS樣式設(shè)置作了詳細(xì)講解，并涉及了簡(jiǎn)單的JavaScript腳本應(yīng)用以及Html5+CSS3新功能的介紹，由易到難、由簡(jiǎn)到繁，循序漸進(jìn)地介紹網(wǎng)頁(yè)前端設(shè)計(jì)與制作的基礎(chǔ)知識(shí)與基本技能。

21世紀(jì)高等學(xué)校計(jì)算機(jī)教育實(shí)用規(guī)劃教材網(wǎng)頁(yè)設(shè)計(jì)與制作(HTML5+CSS3+JavaScript) 目錄

目錄 第1章網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)知識(shí) 【目標(biāo)任務(wù)】 【知識(shí)技能】 1．1Web發(fā)展史 1．2網(wǎng)頁(yè)基本概念 1．2．1互聯(lián)網(wǎng) 1．2．2TCP/IP協(xié)議 1．2．3萬(wàn)維網(wǎng) 1．2．4超文本傳輸協(xié)議 1．2．5文件傳輸協(xié)議 1．2．6統(tǒng)一資源定位符 1．2．7IP地址 1．2．8域名地址 1．2．9域名系統(tǒng) 1．2．10超文本和超鏈接 1．2．11網(wǎng)頁(yè)和網(wǎng)站 1．2．12靜態(tài)網(wǎng)頁(yè)與動(dòng)態(tài)網(wǎng)頁(yè) 1．2．13超文本標(biāo)記語(yǔ)言 1．2．14層疊樣式表 1．2．15JavaScript 1．2．16Web標(biāo)準(zhǔn) 1．3網(wǎng)站開(kāi)發(fā)基本流程 1．4網(wǎng)頁(yè)設(shè)計(jì)與制作的主流開(kāi)發(fā)工具與瀏覽器 【項(xiàng)目實(shí)戰(zhàn)】 項(xiàng)目11使用記事本等網(wǎng)頁(yè)制作工具創(chuàng)建*簡(jiǎn)HTML結(jié)構(gòu)網(wǎng)頁(yè) 項(xiàng)目12在Dreamweaver中創(chuàng)建站點(diǎn) 【實(shí)訓(xùn)作業(yè)】 實(shí)訓(xùn)任務(wù)11創(chuàng)建站點(diǎn)目錄結(jié)構(gòu)及**個(gè)HTML網(wǎng)頁(yè) 實(shí)訓(xùn)任務(wù)12下載安裝多種瀏覽器和主流開(kāi)發(fā)工具 第2章HTML網(wǎng)頁(yè)結(jié)構(gòu)基礎(chǔ) 【目標(biāo)任務(wù)】 【知識(shí)技能】 2．1HTML文檔基本格式 2．1．1文檔類型聲明 ﹤ !doctype html ﹥ 2．1．2HTML頁(yè)面結(jié)構(gòu) 2．1．3文檔標(biāo)簽 ﹤ html ﹥ … ﹤ /html ﹥ 2．1．4文檔頭標(biāo)簽 ﹤ head ﹥ … ﹤ /head ﹥ 2．1．5文件主體標(biāo)簽 ﹤ body ﹥ … ﹤ /body ﹥ 2．1．6文檔標(biāo)題標(biāo)簽 ﹤ title ﹥ … ﹤ /title ﹥ 2．1．7引用外部文件標(biāo)簽 ﹤ link/ ﹥ 2．1．8內(nèi)嵌樣式標(biāo)簽 ﹤ style ﹥ … ﹤ /style ﹥ 2．1．9頁(yè)面元信息標(biāo)簽 ﹤ meta ﹥ 2．1．10頁(yè)面注釋標(biāo)簽 2．1．11標(biāo)簽的屬性 2．2HTML文本控制標(biāo)簽及屬性 2．2．1標(biāo)題標(biāo)簽及其屬性 2．2．2段落標(biāo)簽及其屬性 2．2．3換行標(biāo)簽 2．2．4特殊字符 2．2．5預(yù)格式文本 2．2．6水平線標(biāo)簽及其屬性 2．2．7文本格式化標(biāo)簽 2．2．8 ﹤ span ﹥ 標(biāo)簽 2．3圖像標(biāo)簽及屬性 2．3．1 ﹤ img ﹥ 標(biāo)簽基本語(yǔ)法 2．3．2 ﹤ img ﹥ 標(biāo)簽其他屬性 2．4超鏈接標(biāo)簽及屬性 2．5列表標(biāo)簽及屬性 2．5．1有序列表 2．5．2無(wú)序列表 2．5．3定義列表 2．6HTML5新增的語(yǔ)義化結(jié)構(gòu)標(biāo)簽 2．6．1 ﹤ header ﹥ … ﹤ /header ﹥ 標(biāo)簽 2．6．2 ﹤ nav ﹥ … ﹤ /nav ﹥ 標(biāo)簽 2．6．3 ﹤ section ﹥ … ﹤ /section ﹥ 標(biāo)簽 2．6．4 ﹤ article ﹥ … ﹤ /article ﹥ 標(biāo)簽 2．6．5 ﹤ aside ﹥ … ﹤ /aside ﹥ 標(biāo)簽 2．6．6 ﹤ footer ﹥ … ﹤ /footer ﹥ 標(biāo)簽 2．6．7﹤ figure ﹥ … ﹤ /figure ﹥ 標(biāo)簽與 ﹤ figcaption ﹥ … ﹤ /figcaption ﹥ 標(biāo)簽 【項(xiàng)目實(shí)戰(zhàn)】 項(xiàng)目 21制作“網(wǎng)頁(yè)設(shè)計(jì)與制作”課程作業(yè)網(wǎng)站 【實(shí)訓(xùn)作業(yè)】 實(shí)訓(xùn)任務(wù)21制作“第2章 HTML網(wǎng)頁(yè)結(jié)構(gòu)基礎(chǔ)”案例作業(yè)網(wǎng)站 第3章CSS網(wǎng)頁(yè)樣式基礎(chǔ) 【目標(biāo)任務(wù)】 【知識(shí)技能】 3．1什么是CSS樣式 3．2Dreamweaver CC中創(chuàng)建樣式表并設(shè)置CSS樣式的方法 3．2．1認(rèn)識(shí)【CSS樣式】面板 3．2．2創(chuàng)建并編輯CCS樣式的過(guò)程 3．3引入CSS樣式表的方法 3．3．1外部樣式表 3．3．2內(nèi)部樣式表 3．3．3行內(nèi)樣式 3．3．4CSS樣式表的混合使用 3．4CSS樣式的語(yǔ)法規(guī)則 3．5CSS樣式基礎(chǔ)選擇器 3．5．1標(biāo)簽選擇器 3．5．2類選擇器 3．5．3ID選擇器 3．5．4通配符選擇器 3．6常用CSS文本樣式 3．6．1fontstyle（字體風(fēng)格） 3．6．2fontvariant（變體） 3．6．3fontweight（字體粗細(xì)） 3．6．4fontsize（字號(hào)大。 3．6．5lineheight（行高） 3．6．6fontfamily（字體） 3．6．7font（綜合設(shè)置字體樣式） 3．6．8color（文本顏色） 3．6．9textdecoration（文本裝飾） 3．6．10textalign（水平對(duì)齊方式） 3．6．11textindent（首行縮進(jìn)） 3．7CSS控制列表樣式 3．8CSS復(fù)合選擇器 3．8．1群組選擇器 3．8．2標(biāo)簽指定選擇器 3．8．3后代選擇器 3．8．4子選擇器 3．9CSS的繼承性 3．10 CSS的優(yōu)先級(jí) 3．10．1外部樣式表、內(nèi)部樣式表和行內(nèi)樣式的優(yōu)先級(jí) 3．10．2基礎(chǔ)選擇器的優(yōu)先級(jí) 3．10．3復(fù)合選擇器的優(yōu)先級(jí) 3．11CSS的層疊性 3．11．1樣式不沖突的層疊 3．11．2樣式?jīng)_突且存在優(yōu)先級(jí)差別的層疊 3．11．3樣式?jīng)_突且選擇器優(yōu)先級(jí)相同的層疊 3．11．4樣式?jīng)_突且同一標(biāo)簽運(yùn)用不同類型選擇器的層疊 【項(xiàng)目實(shí)戰(zhàn)】 項(xiàng)目31百度搜索結(jié)果網(wǎng)頁(yè)局部樣式設(shè)置 項(xiàng)目32端午節(jié)習(xí)俗新聞頁(yè)面 【實(shí)訓(xùn)作業(yè)】 實(shí)訓(xùn)任務(wù)31Web前端試學(xué)班廣告頁(yè)局部樣式設(shè)置 實(shí)訓(xùn)任務(wù)32“商品推薦”頁(yè)局部樣式設(shè)置 第4章CSS網(wǎng)頁(yè)樣式進(jìn)階 【目標(biāo)任務(wù)】 【知識(shí)技能】 4．1認(rèn)識(shí)盒子模型 4．2盒子模型相關(guān)屬性 4．2．1寬高屬性 4．2．2邊框?qū)傩? 4．2．3內(nèi)邊距屬性 4．2．4外邊距屬性 4．2．5背景屬性 4．3元素類型 4．3．1塊級(jí)元素 4．3．2行內(nèi)元素 4．3．3行內(nèi)塊元素 4．4元素類型的轉(zhuǎn)換 4．5元素所占空間的計(jì)算 4．5．1元素未設(shè)置width 和height屬性 4．5．2元素設(shè)置width 和height屬性 4．5．3CSS3新增的 boxsizing 屬性 4．6CSS3選擇器與常用的樣式屬性 4．6．1CSS3簡(jiǎn)介 4．6．2CSS3兄弟選擇器 4．6．3CSS3屬性選擇器 4．6．4CSS3偽類選擇器 4．6．5CSS3圓角邊框?qū)傩院完幱皩傩? 4．6．6CSS3中的顏色設(shè)置 4．6．7CSS3中的過(guò)渡效果 【項(xiàng)目實(shí)戰(zhàn)】 項(xiàng)目41利用盒子模型原理制作“專題學(xué)習(xí)”模塊效果 項(xiàng)目42精靈圖技術(shù)的運(yùn)用 項(xiàng)目43仿騰訊IMQQ網(wǎng)頁(yè)視差背景效果 【實(shí)訓(xùn)作業(yè)】 實(shí)訓(xùn)任務(wù)41使用精靈圖技術(shù)制作淘寶首頁(yè)局部效果 實(shí)訓(xùn)任務(wù)42商品展示頁(yè)局部效果的實(shí)現(xiàn) 第5章網(wǎng)頁(yè)布局基礎(chǔ) 【目標(biāo)任務(wù)】 【知識(shí)技能】 5．1DIV+CSS布局的思路 5．2文檔流 5．3Float浮動(dòng) 5．3．1浮動(dòng)的基本語(yǔ)法 5．3．2浮動(dòng)的基本原理 5．3．3清除浮動(dòng)clear屬性 5．3．4子元素浮動(dòng)，父元素空間不足的情況 5．3．5浮動(dòng)子元素對(duì)未設(shè)置高度的父元素的影響及解決辦法 5．4overflow屬性 5．5定位屬性 5．5．1定位屬性 5．5．2靜態(tài)定位 5．5．3相對(duì)定位 5．5．4絕對(duì)定位 5．5．5固定定位 5．5．6zindex層疊等級(jí)屬性 【項(xiàng)目實(shí)戰(zhàn)】 項(xiàng)目51“國(guó)”字型布局網(wǎng)頁(yè)效果制作 項(xiàng)目52商品廣告版塊效果制作 【實(shí)訓(xùn)作業(yè)】 實(shí)訓(xùn)任務(wù)51新浪微博發(fā)言版塊制作 實(shí)訓(xùn)任務(wù)52制作第5章案例作業(yè)網(wǎng)站 第6章導(dǎo)航與超鏈接 【目標(biāo)任務(wù)】 【知識(shí)技能】 6．1超鏈接的類型 6．2超鏈接的基本語(yǔ)法 6．2．1href屬性 6．2．2target屬性 6．2．3title屬性 6．3電子郵件超鏈接 6．4文件下載超鏈接 6．5錨點(diǎn)鏈接 6．6圖像熱區(qū)超鏈接 6．7超鏈接樣式的設(shè)置 6．8超鏈接偽類控制超鏈接 6．9列表技術(shù)制作導(dǎo)航 6．9．1縱向一級(jí)導(dǎo)航 6．9．2橫向一級(jí)導(dǎo)航 6．9．3縱向二級(jí)導(dǎo)航 6．9．4橫向二級(jí)導(dǎo)航 【項(xiàng)目實(shí)戰(zhàn)】 項(xiàng)目61滑動(dòng)門技術(shù)制作一級(jí)導(dǎo)航 項(xiàng)目62錨點(diǎn)鏈接制作類似選項(xiàng)卡側(cè)邊欄導(dǎo)航效果 【實(shí)訓(xùn)作業(yè)】 實(shí)訓(xùn)任務(wù)61微軟商城網(wǎng)站頁(yè)腳效果制作 實(shí)訓(xùn)任務(wù)62二級(jí)下拉導(dǎo)航菜單的制作 第7章表格及樣式設(shè)置 【目標(biāo)任務(wù)】 【知識(shí)技能】 7．1創(chuàng)建表格 7．2表格的基本語(yǔ)法 7．2．1表格的基本結(jié)構(gòu) 7．2．2HTML表格的表頭標(biāo)簽 7．2．3表格相關(guān)的HTML標(biāo)簽 7．2．4表格標(biāo)簽的屬性 7．2．5合并單元格 7．3表格的樣式設(shè)置 7．3．1表格的邊框折疊樣式 7．3．2表格的邊框樣式 7．3．3表格的背景 7．3．4表格內(nèi)容的對(duì)齊 7．4常見(jiàn)表格的制作 7．4．1常規(guī)細(xì)線表格的制作 7．4．2隔行變色表格的制作 7．4．3nthchild()實(shí)現(xiàn)隔行變色 7．4．4僅橫線或僅豎線表格 7．4．5鼠標(biāo)懸停表格效果 【項(xiàng)目實(shí)戰(zhàn)】 項(xiàng)目71制作中學(xué)期末考試成績(jī)表 【實(shí)訓(xùn)作業(yè)】 實(shí)訓(xùn)任務(wù)71模擬制作GitHub表格樣式效果 實(shí)訓(xùn)任務(wù)72模擬制作百度萬(wàn)年日歷鼠標(biāo)懸停效果 第8章表單及樣式設(shè)置 【目標(biāo)任務(wù)】 【知識(shí)技能】 8．1創(chuàng)建表單 8．1．1插入表單菜單命令及表單工具組 8．1．2Dreamweaver CC創(chuàng)建表單的方法 8．2表單的基本語(yǔ)法 8．2．1表單標(biāo)簽 8．2．2表單元素 8．3 ﹤ input ﹥ 標(biāo)簽 8．3．1 ﹤ input ﹥ 標(biāo)簽的type類型 8．3．2HTML5 新增的type類型 8．4表單CSS樣式的設(shè)置 8．4．1表單布局樣式 8．4．2表單控件樣式 【項(xiàng)目實(shí)戰(zhàn)】 項(xiàng)目81京東商城的登錄表單效果制作 【實(shí)訓(xùn)作業(yè)】 實(shí)訓(xùn)任務(wù)81模擬制作網(wǎng)易郵箱登錄界面 實(shí)訓(xùn)任務(wù)82制作客戶留言表單 第9章JavaScript基礎(chǔ) 【目標(biāo)任務(wù)】 【知識(shí)技能】 9．1JavaScript概述 9．1．1JavaScript在網(wǎng)頁(yè)中的作用 9．1．2在網(wǎng)頁(yè)中應(yīng)用JavaScript 9．2JavaScript的語(yǔ)法基礎(chǔ) 9．2．1JavaScript的代碼格式 9．2．2JavaScript輸出 9．2．3JavaScript的數(shù)據(jù)類型 9．2．4JavaScript運(yùn)算符 9．2．5條件語(yǔ)句 9．2．6循環(huán)語(yǔ)句 9．3JavaScript對(duì)象 9．3．1JavaScript 對(duì)象 9．3．2BOM瀏覽器對(duì)象模型 9．3．3DOM文檔對(duì)象模型 9．4JavaScript 函數(shù) 9．4．1JavaScript 函數(shù) 9．4．2函數(shù)的調(diào)用 9．4．3JavaScript 事件 【項(xiàng)目實(shí)戰(zhàn)】 項(xiàng)目91仿淘寶首頁(yè)焦點(diǎn)輪播圖效果制作 項(xiàng)目92圖片循環(huán)滾動(dòng)仿跑馬燈效果制作 【實(shí)訓(xùn)作業(yè)】 實(shí)訓(xùn)任務(wù)91仿焦點(diǎn)新聞效果制作縱向圖片新聞循環(huán)滾動(dòng) 實(shí)訓(xùn)任務(wù)92制作本章案例作業(yè)網(wǎng)站 第10章響應(yīng)式網(wǎng)頁(yè)布局基礎(chǔ) 【目標(biāo)任務(wù)】 【知識(shí)技能】 10．1響應(yīng)式Web設(shè)計(jì)概述 10．2固定布局 10．3百分比布局 10．4相對(duì)字體大小 10．5彈性布局 10．6響應(yīng)式圖片 10．7彈性盒子 10．7．1設(shè)置父元素的display屬性值為flex 10．7．2justifycontent屬性 10．7．3alignitems屬性 10．7．4flexdirection屬性 10．7．5flexwrap屬性 10．7．6flex屬性 10．7．7order屬性 10．7．8flexflow屬性 10．8視口與媒體查詢 10．8．1視口 10．8．2媒體查詢 10．9Bootstrap響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì) 10．9．1Bootstrap獲取與安裝 10．9．2Bootstrap柵格系統(tǒng) 10．9．3Bootstrap組件 10．9．4JavaScript插件 【項(xiàng)目實(shí)戰(zhàn)】 項(xiàng)目101利用百分比與固定布局相結(jié)合實(shí)現(xiàn)通欄布局 項(xiàng)目102利用媒體查詢制作《福爾摩斯歷險(xiǎn)記》響應(yīng)式網(wǎng)頁(yè) 項(xiàng)目103Bootstrap網(wǎng)頁(yè)布局案例“Flash云課堂”網(wǎng)站首頁(yè) 【實(shí)訓(xùn)作業(yè)】 實(shí)訓(xùn)任務(wù)101制作“Web前端學(xué)習(xí)網(wǎng)”響應(yīng)式網(wǎng)頁(yè)框架 實(shí)訓(xùn)任務(wù)102利用Bootstrap布局技術(shù)重構(gòu)作業(yè)網(wǎng)站首頁(yè) 參考文獻(xiàn)
展開(kāi)全部

21世紀(jì)高等學(xué)校計(jì)算機(jī)教育實(shí)用規(guī)劃教材網(wǎng)頁(yè)設(shè)計(jì)與制作(HTML5+CSS3+JavaScript) 作者簡(jiǎn)介

梁莉菁，萍鄉(xiāng)學(xué)院信息與計(jì)算機(jī)工程學(xué)院，副教授，1969.5。 1987.8從事教學(xué)工作至今，一直從事一線教學(xué)工作，研究方向：網(wǎng)絡(luò)多媒體教育技術(shù)應(yīng)用；

暫無(wú)評(píng)論……
書(shū)友推薦
本類暢銷
編輯推薦
返回頂部
中圖網(wǎng)
在線客服