中图网(原中国图书网)：网上书店，中文字幕在线一区二区三区，尾货特色书店，中文字幕在线一区，30万种特价书低至2折！

歡迎光臨中圖網(wǎng) 請(qǐng) | 注冊(cè)
> >
網(wǎng)頁(yè)制作基礎(chǔ)任務(wù)教程(HTML5+CSS3)(慕課版)

包郵 網(wǎng)頁(yè)制作基礎(chǔ)任務(wù)教程(HTML5+CSS3)(慕課版)

出版社：人民郵電出版社出版時(shí)間：2022-07-01
開(kāi)本： 16開(kāi) 頁(yè)數(shù)： 206
中 圖 價(jià):¥34.9(7.0折) 定價(jià)  ¥49.8 登錄后可看到會(huì)員價(jià)
加入購(gòu)物車 收藏
開(kāi)年大促， 全場(chǎng)包郵
?新疆、西藏除外
本類五星書更多>

網(wǎng)頁(yè)制作基礎(chǔ)任務(wù)教程(HTML5+CSS3)(慕課版) 版權(quán)信息

網(wǎng)頁(yè)制作基礎(chǔ)任務(wù)教程(HTML5+CSS3)(慕課版) 本書特色

1.雙高校常州信息職業(yè)技術(shù)學(xué)院出品，品質(zhì)優(yōu)。 2.任務(wù)驅(qū)動(dòng)模式編寫，結(jié)構(gòu)清晰，特點(diǎn)鮮明。 3.配套豐富的資源及慕課視頻。 4.配套在線開(kāi)放課程和一體化數(shù)字教學(xué)資源庫(kù)。

網(wǎng)頁(yè)制作基礎(chǔ)任務(wù)教程(HTML5+CSS3)(慕課版) 內(nèi)容簡(jiǎn)介

內(nèi)容提要 本教材選用近期新版主流開(kāi)發(fā)工具HBuilderX和近期新Web技術(shù)標(biāo)準(zhǔn)HTML5、CSS3設(shè)計(jì)與制作網(wǎng)頁(yè)，重點(diǎn)講解*基礎(chǔ)的、常見(jiàn)的HTML5標(biāo)簽和CSS3樣式應(yīng)用。 全書共8個(gè)單元，采用任務(wù)驅(qū)動(dòng)模式編寫，將一個(gè)PC端的小型企業(yè)門戶網(wǎng)站和一個(gè)傳統(tǒng)文化網(wǎng)站的制作過(guò)程分解為若干個(gè)循序漸進(jìn)的學(xué)習(xí)任務(wù)，讓學(xué)生在完成任務(wù)過(guò)程中學(xué)到相關(guān)知識(shí)點(diǎn)。教材介紹知識(shí)點(diǎn)的同時(shí)，將職業(yè)規(guī)范、文化素養(yǎng)等思政元素有機(jī)融入教材內(nèi)容中，通過(guò)思政小貼士的形式給出思政角度，幫助教師進(jìn)行課程思政教育，從而讓學(xué)生在學(xué)習(xí)過(guò)程中提升文化素養(yǎng)、道德修養(yǎng)等。 教材內(nèi)容組織合理、通俗易懂，面向Web前端開(kāi)發(fā)、網(wǎng)頁(yè)設(shè)計(jì)等崗位，可作為高職院校軟件技術(shù)、網(wǎng)絡(luò)技術(shù)、通信技術(shù)、計(jì)算機(jī)應(yīng)用技術(shù)等相關(guān)專業(yè)的教材，也可以作為零基礎(chǔ)的Web應(yīng)用程序開(kāi)發(fā)愛(ài)好者的自學(xué)參考書籍。

網(wǎng)頁(yè)制作基礎(chǔ)任務(wù)教程(HTML5+CSS3)(慕課版) 目錄

目錄
單元1 HTML5基礎(chǔ) 1
任務(wù)1 制作第 一個(gè)簡(jiǎn)單的網(wǎng)頁(yè) 1
任務(wù)描述 1
前導(dǎo)知識(shí) 1
1．1 網(wǎng)頁(yè)的相關(guān)概念 1
1．1．1 網(wǎng)站、網(wǎng)頁(yè)與主頁(yè) 1
1．1．2 靜態(tài)網(wǎng)頁(yè)與動(dòng)態(tài)網(wǎng)頁(yè) 1
1．1．3 Web技術(shù)簡(jiǎn)介 2
1．1．4 網(wǎng)站開(kāi)發(fā)的流程 4
1．1．5 HTML5簡(jiǎn)介 4
1．2 網(wǎng)頁(yè)的編輯與運(yùn)行 5
1．2．1 前端開(kāi)發(fā)工具 5
1．2．2 使用HBuilderX新建HTML頁(yè)面 5
1．2．3 HbuilderX常用組合鍵 7
1．2．4 HbuilderX智能選中操作 7
1．3 HTML5文檔的基本結(jié)構(gòu) 9
1．4 HTML5標(biāo)簽的語(yǔ)法 9
1．4．1 單標(biāo)簽和雙標(biāo)簽 9
1．4．2 標(biāo)簽的屬性 10
1．4．3 標(biāo)簽之間的嵌套 10
1．4．4 標(biāo)簽不區(qū)分大小寫 10
1．4．5 HTML5注釋 10
任務(wù)實(shí)現(xiàn) 11
單元小結(jié) 13
思考練習(xí) 13
單元2 HTML5基本標(biāo)簽 14
任務(wù)1 制作圖文網(wǎng)頁(yè) 14
任務(wù)描述 14
前導(dǎo)知識(shí) 15
2．1 文本控制標(biāo)簽 15
2．1．1 標(biāo)題標(biāo)簽 15
2．1．2 段落標(biāo)簽 15
2．1．3 換行標(biāo)簽 16
2．1．4 文本格式化標(biāo)簽 17
2．1．5 轉(zhuǎn)義字符 18
2．2 圖像標(biāo)簽 19
2．2．1 圖像格式 19
2．2．2 創(chuàng)建圖像 19
2．2．3 圖像路徑 19
任務(wù)實(shí)現(xiàn) 20
任務(wù)2 制作新聞列表 21
任務(wù)描述 21
前導(dǎo)知識(shí) 22
2．3 超鏈接標(biāo)簽 22
2．3．1 超鏈接標(biāo)簽的屬性 22
2．3．2 錨點(diǎn)鏈接 22
2．4 列表標(biāo)簽 24
2．4．1 有序列表 24
2．4．2 無(wú)序列表 25
2．4．3 自定義列表 25
任務(wù)實(shí)現(xiàn) 26
任務(wù)3 制作注冊(cè)表單 27
任務(wù)描述 27
前導(dǎo)知識(shí) 28
2．5 表格標(biāo)簽 28
2．5．1 基本結(jié)構(gòu) 28
2．5．2 復(fù)雜結(jié)構(gòu) 28
2．5．3 合并行 31
2．5．4 合并列 32
2．6 表單標(biāo)簽 32
2．6．1 標(biāo)簽 33
2．6．2 輸入標(biāo)簽 33
2．6．3 下拉列表標(biāo)簽 37
2．6．4 文本域標(biāo)簽 37
任務(wù)實(shí)現(xiàn) 38
單元小結(jié) 44
思考練習(xí) 44
單元3 元素分類與語(yǔ)義化標(biāo)簽 47
任務(wù)1 使用語(yǔ)義化標(biāo)簽搭建“公司簡(jiǎn)介”網(wǎng)頁(yè)HTML結(jié)構(gòu) 47
任務(wù)描述 47
前導(dǎo)知識(shí) 47
3．1 標(biāo)簽和標(biāo)簽 47
3．2 元素分類 49
3．3 HTML語(yǔ)義化 51
3．4 HTML5中常用語(yǔ)義化結(jié)構(gòu)標(biāo)簽 51
3．4．1 標(biāo)簽 52
3．4．2 標(biāo)簽 52
3．4．3 標(biāo)簽 53
3．4．4 標(biāo)簽 53
3．4．5 標(biāo)簽 53
3．4．6 標(biāo)簽 53
3．4．7 標(biāo)簽 54
3．5 網(wǎng)頁(yè)模塊命名規(guī)范 54
任務(wù)實(shí)現(xiàn) 55
單元小結(jié) 58
思考練習(xí) 59
單元4 CSS3概述與基本語(yǔ)法 61
任務(wù)1 使用CSS設(shè)置文本顏色 61
任務(wù)描述 61
前導(dǎo)知識(shí) 61
4．1 CSS3概述 61
4．2 CSS3基本語(yǔ)法 61
4．3 如何插入樣式表 62
4．3．1 行內(nèi)樣式 62
4．3．2 內(nèi)嵌樣式 63
4．3．3 鏈接樣式 63
4．3．4 導(dǎo)入樣式 64
任務(wù)實(shí)現(xiàn) 65
任務(wù)2 選擇合適的選擇器設(shè)置網(wǎng)頁(yè)文字顏色 67
任務(wù)描述 67
前導(dǎo)知識(shí) 67
4．4 基本選擇器 67
4．4．1 標(biāo)簽選擇器 67
4．4．2 通配符選擇器 68
4．4．3 類選擇器 68
4．4．4 id選擇器 69
4．5 復(fù)合選擇器 69
4．5．1 后代選擇器 69
4．5．2 一級(jí)子元素選擇器 70
4．5．3 交集選擇器 70
4．5．4 并集選擇器 70
4．6 偽類選擇器 70
4．6．1 UI元素狀態(tài)偽類選擇器 70
4．6．2 結(jié)構(gòu)偽類選擇器 71
4．7 偽元素選擇器 72
4．8 樣式的層疊與繼承 73
4．8．1 CSS層疊性 73
4．8．2 CSS繼承性 74
4．8．3 CSS優(yōu)先級(jí) 74
任務(wù)實(shí)現(xiàn) 76
單元小結(jié) 78
思考練習(xí) 78
單元5 CSS3基本樣式設(shè)計(jì) 80
任務(wù)1 設(shè)置公司簡(jiǎn)介頁(yè)面樣式 80
任務(wù)描述 80
前導(dǎo)知識(shí) 80
5．1 字體樣式 80
5．1．1 字體樣式font-style 80
5．1．2 字體變體font-variant 81
5．1．3 字體粗細(xì)font-weight 81
5．1．4 字體大小font-size 81
5．1．5 字體系列font-family 82
5．1．6 font屬性 82
5．2 文本樣式 83
5．2．1 文本顏色color 83
5．2．2 文本的對(duì)齊方式text-align 83
5．2．3 文本修飾text-decoration 83
5．2．4 文本轉(zhuǎn)換text-transform 84
5．2．5 文本縮進(jìn)text-indent 84
5．2．6 行高line-height 84
5．3 邊框樣式 85
5．3．1 邊框樣式border-style 86
5．3．2 邊框顏色border-color 87
5．3．3 邊框?qū)挾萣order-width 87
5．3．4 邊框各邊 88
5．3．5 border屬性 88
5．3．6 邊框圓角屬性border-radius 88
5．4 圖片樣式 89
5．4．1 寬度width 89
5．4．2 高度height 89
5．4．3 浮動(dòng)float 89
任務(wù)實(shí)現(xiàn) 91
任務(wù)2 設(shè)置新聞中心版塊樣式 93
任務(wù)描述 93
前導(dǎo)知識(shí) 93
5．5 背景樣式 93
5．5．1 背景顏色background-color 93
5．5．2 背景圖像background-image 94
5．5．3 背景重復(fù)background-repeat 94
5．5．4 背景位置background-position 95
5．5．5 背景附著background-attachment 96
5．5．6 background屬性 97
5．5．7 漸變背景 97
5．6 超鏈接樣式 99
5．6．1 鏈接樣式 99
5．6．2 鏈接狀態(tài)樣式 99
5．7 列表樣式 100
5．7．1 列表項(xiàng)標(biāo)記類型list-style-type 100
5．7．2 列表項(xiàng)標(biāo)記圖像list-style-image 100
5．7．3 列表項(xiàng)標(biāo)記位置list-style-position 101
5．7．4 list-style屬性 101
5．7．5 列表文字樣式 102
5．7．6 列表實(shí)現(xiàn)橫向?qū)Ш綑?103
任務(wù)實(shí)現(xiàn) 104
任務(wù)3 設(shè)置會(huì)員注冊(cè)頁(yè)面樣式 106
任務(wù)描述 106
前導(dǎo)知識(shí) 106
5．8 表格樣式 106
5．8．1 表格邊框 106
5．8．2 折疊邊框 107
5．8．3 表格的寬度和高度 107
5．8．4 表格文字對(duì)齊 108
5．8．5 表格顏色 108
5．9 表單樣式 108
任務(wù)實(shí)現(xiàn) 110
單元小結(jié) 114
思考練習(xí) 114
單元6 CSS3定位與布局 117
任務(wù)1 制作產(chǎn)品展示模塊 117
任務(wù)描述 117
前導(dǎo)知識(shí) 117
6．1 盒子模型 117
6．1．1 盒子屬性 117
6．1．2 盒子尺寸計(jì)算 119
6．2 外邊距合并 120
6．2．1 并列元素的外邊距合并 120
6．2．2 包含元素的外邊距合并 121
任務(wù)實(shí)現(xiàn) 123
任務(wù)2 制作公司網(wǎng)站首頁(yè) 125
任務(wù)描述 125
前導(dǎo)知識(shí) 126
6．3 文檔流簡(jiǎn)介 126
6．4 浮動(dòng) 129
6．5 清除浮動(dòng) 133
任務(wù)實(shí)現(xiàn) 136
任務(wù)3 公司網(wǎng)站首頁(yè)實(shí)現(xiàn)固定側(cè)邊菜單 143
任務(wù)描述 143
前導(dǎo)知識(shí) 143
6．6 定位布局簡(jiǎn)介 143
6．7 相對(duì)定位 144
6．8 絕對(duì)定位 145
6．9 固定定位 152
任務(wù)實(shí)現(xiàn) 153
單元小結(jié) 155
思考練習(xí) 155
單元7 項(xiàng)目實(shí)踐——制作傳統(tǒng)文化網(wǎng)站首頁(yè) 158
任務(wù)1 建立站點(diǎn)并完成頁(yè)面整體布局 159
任務(wù)描述 159
任務(wù)實(shí)現(xiàn) 159
任務(wù)2 制作網(wǎng)頁(yè)頭部和導(dǎo)航 161
任務(wù)描述 161
任務(wù)實(shí)現(xiàn) 161
任務(wù)3 制作banner和*新更新欄目 165
任務(wù)描述 165
任務(wù)實(shí)現(xiàn) 166
任務(wù)4 制作國(guó)學(xué)百家欄目 170
任務(wù)描述 170
任務(wù)實(shí)現(xiàn) 170
任務(wù)5 制作傳統(tǒng)節(jié)日欄目 176
任務(wù)描述 176
任務(wù)實(shí)現(xiàn) 177
任務(wù)6 制作底部版權(quán)區(qū)域 180
任務(wù)描述 180
任務(wù)實(shí)現(xiàn) 180
任務(wù)7 對(duì)首頁(yè)CSS代碼進(jìn)行優(yōu)化 181
任務(wù)描述 181
前導(dǎo)知識(shí) 182
7．1 CSS代碼優(yōu)化 182
7．1．1 CSS代碼優(yōu)化的意義 182
7．1．2 CSS代碼優(yōu)化的基本方法 182
任務(wù)實(shí)現(xiàn) 184
單元小結(jié) 186
思考練習(xí) 186
單元8 項(xiàng)目實(shí)踐——制作傳統(tǒng)文化網(wǎng)站子頁(yè) 189
任務(wù)1 創(chuàng)建傳統(tǒng)文化網(wǎng)站子頁(yè)模板 190
任務(wù)描述 190
任務(wù)實(shí)現(xiàn) 190
任務(wù)2 制作文章列表頁(yè) 195
任務(wù)描述 195
任務(wù)實(shí)現(xiàn) 196
任務(wù)3 制作文章詳情頁(yè) 199
任務(wù)描述 199
任務(wù)實(shí)現(xiàn) 199
任務(wù)4 對(duì)網(wǎng)站CSS代碼進(jìn)行優(yōu)化 202
任務(wù)描述 202
任務(wù)實(shí)現(xiàn) 203
單元小結(jié) 204
思考練習(xí) 204
附錄 207
一、HTML5常用標(biāo)簽 207
二、CSS3常用選擇器 208
三、CSS3常用樣式屬性 209
展開(kāi)全部

網(wǎng)頁(yè)制作基礎(chǔ)任務(wù)教程(HTML5+CSS3)(慕課版) 作者簡(jiǎn)介

殷兆燕在常州信息職業(yè)技術(shù)學(xué)院從事多年Web前端相關(guān)教學(xué)和科研工作；主持建設(shè)省級(jí)在線開(kāi)放課程《靜態(tài)網(wǎng)頁(yè)設(shè)計(jì)技術(shù)》；獲得江蘇省教學(xué)能力大賽二等獎(jiǎng)一次，江蘇省微課教學(xué)大賽二等獎(jiǎng)兩次；參與編寫《信息技基礎(chǔ)》、《計(jì)算機(jī)應(yīng)用基礎(chǔ)》等新形態(tài)一體化教程。

商品評(píng)論(0條)
暫無(wú)評(píng)論……
書友推薦
編輯推薦
返回頂部
中圖網(wǎng)
在線客服
主站蜘蛛池模板： 雷蒙磨,雷蒙磨粉机,雷蒙磨机 - 巩义市大峪沟高峰机械厂 | 煤矿人员精确定位系统_矿用无线通信系统_煤矿广播系统 | 聚合氯化铝_喷雾聚氯化铝_聚合氯化铝铁厂家_郑州亿升化工有限公司 | 釜溪印象网络 - Powered by Discuz! | 篷房[仓储-婚庆-展览-活动]生产厂家-江苏正德装配式帐篷有限公司 | 防爆暖风机_防爆电暖器_防爆电暖风机_防爆电热油汀_南阳市中通智能科技集团有限公司 | ASA膜,ASA共挤料,篷布色母料-青岛未来化学有限公司 | 石英粉,滑石粉厂家,山东滑石粉-莱州市向阳滑石粉有限公司 | 震动筛选机|震动分筛机|筛粉机|振筛机|振荡筛-振动筛分设备专业生产厂家高服机械 | 石家庄网站建设|石家庄网站制作|石家庄小程序开发|石家庄微信开发|网站建设公司|网站制作公司|微信小程序开发|手机APP开发|软件开发 | 考勤系统_人事考勤管理系统_本地部署BS考勤系统_考勤软件_天时考勤管理专家 | 选矿设备,选矿生产线,选矿工艺,选矿技术-昆明昆重矿山机械 | 球形钽粉_球形钨粉_纳米粉末_难熔金属粉末-广东银纳官网 | 自动气象站_农业气象站_超声波气象站_防爆气象站-山东万象环境科技有限公司 | 聚丙烯酰胺_厂家_价格-河南唐达净水材料有限公司 | 法兰连接型电磁流量计-蒸汽孔板节流装置流量计-北京凯安达仪器仪表有限公司 | jrs高清nba(无插件)直播-jrs直播低调看直播-jrs直播nba-jrs直播 上海地磅秤|电子地上衡|防爆地磅_上海地磅秤厂家–越衡称重 | 无负压供水设备,消防稳压供水设备-淄博创辉供水设备有限公司 | 控显科技 - 工控一体机、工业显示器、工业平板电脑源头厂家 | 庭院灯_太阳能景观灯_草坪灯厂家_仿古壁灯-重庆恒投科技 | 美缝剂_美缝剂厂家_美缝剂加盟-地老板高端瓷砖美缝剂 | 环氧乙烷灭菌器_压力蒸汽灭菌器_低温等离子过氧化氢灭菌器 _低温蒸汽甲醛灭菌器_清洗工作站_医用干燥柜_灭菌耗材-环氧乙烷灭菌器_脉动真空压力蒸汽灭菌器_低温等离子灭菌设备_河南省三强医疗器械有限责任公司 | 小型手持气象站-空气负氧离子监测站-多要素微气象传感器-山东天合环境科技有限公司 | 北京开业庆典策划-年会活动策划公司-舞龙舞狮团大鼓表演-北京盛乾龙狮鼓乐礼仪庆典策划公司 | 地埋式垃圾站厂家【佳星环保】小区压缩垃圾中转站转运站 | 电动葫芦|环链电动葫芦-北京凌鹰名优起重葫芦 | 螺钉式热电偶_便携式温度传感器_压簧式热电偶|无锡联泰仪表有限公司|首页 | 单机除尘器 骨架-脉冲除尘器设备生产厂家-润天环保设备 | 高速混合机_锂电混合机_VC高效混合机-无锡鑫海干燥粉体设备有限公司 | 工业车间焊接-整体|集中除尘设备-激光|等离子切割机配套除尘-粉尘烟尘净化治理厂家-山东美蓝环保科技有限公司 | 科昊仪器超纯水机系统-可成气相液氮罐-美菱超低温冰箱-西安昊兴生物科技有限公司 | 昆山新莱洁净应用材料股份有限公司-卫生级蝶阀,无菌取样阀,不锈钢隔膜阀,换向阀,离心泵 | 361°官方网站| 全自动翻转振荡器-浸出式水平振荡器厂家-土壤干燥箱价格-常州普天仪器 | 耐酸碱泵-自吸耐酸碱泵型号「品牌厂家」立式耐酸碱泵价格-昆山国宝过滤机有限公司首页 | 水性绝缘漆_凡立水_绝缘漆树脂_环保绝缘漆-深圳维特利环保材料有限公司 | 贴片电感_贴片功率电感_贴片绕线电感_深圳市百斯特电子有限公司 贴片电容代理-三星电容-村田电容-风华电容-国巨电容-深圳市昂洋科技有限公司 | 耐高温风管_耐高温软管_食品级软管_吸尘管_钢丝软管_卫生级软管_塑料波纹管-东莞市鑫翔宇软管有限公司 | 球磨机,节能球磨机价格,水泥球磨机厂家,粉煤灰球磨机-吉宏机械制造有限公司 | 济南网站策划设计_自适应网站制作_H5企业网站搭建_济南外贸网站制作公司_锐尚 | 托盘租赁_塑料托盘租赁_托盘出租_栈板出租_青岛托盘租赁-优胜必达 |