中图网(原中国图书网)：网上书店，尾货特色书店，30万种特价书低至2折！

歡迎光臨中圖網(wǎng) 請 | 注冊
> >>
網(wǎng)頁設(shè)計與制作案例教程(HTML5+CSS3+JAVASCRIPT)(微課版)(第2版)

包郵 網(wǎng)頁設(shè)計與制作案例教程(HTML5+CSS3+JAVASCRIPT)(微課版)(第2版)

出版社：人民郵電出版社出版時間：2024-01-01
開本： 16開 頁數(shù)： 264
本類榜單：教材銷量榜
中 圖 價:¥44.1(7.4折) 定價  ¥59.8 登錄后可看到會員價
加入購物車 收藏
開年大促， 全場包郵
?新疆、西藏除外
本類五星書更多>

網(wǎng)頁設(shè)計與制作案例教程(HTML5+CSS3+JAVASCRIPT)(微課版)(第2版) 版權(quán)信息

網(wǎng)頁設(shè)計與制作案例教程(HTML5+CSS3+JAVASCRIPT)(微課版)(第2版) 本書特色

1．項目貫穿、案例驅(qū)動
全書以完成網(wǎng)站項目組織學(xué)習(xí)，將網(wǎng)站實現(xiàn)的知識和技能分解到小案例中，在完成小案例的基礎(chǔ)上，循序漸進，*終完成綜合網(wǎng)站項目。
2．以崗定課、課崗直通
根據(jù)網(wǎng)頁設(shè)計相關(guān)崗位需求，介紹*新主流的網(wǎng)頁設(shè)計知識，摒棄過時、不需要的知識點，做到課堂所學(xué)與崗位需求無縫銜接。
3．產(chǎn)教融合、校企合作
本書是與山東樹灣信息科技有限公司、國基北盛（南京）科技發(fā)展有限公司的Web前端開發(fā)工程師合作編寫的。

網(wǎng)頁設(shè)計與制作案例教程(HTML5+CSS3+JAVASCRIPT)(微課版)(第2版) 內(nèi)容簡介

本書共六大模塊、26 個案例，以案例驅(qū)動組織學(xué)習(xí)內(nèi)容，按照“應(yīng)用為主，理論夠用”的原則編寫。前24 個案例為小案例，每個案例通過制作網(wǎng)頁、網(wǎng)站或?qū)崿F(xiàn)某種功能，介紹 HTML5、CSS3 和 JavaScript 基礎(chǔ)知識。*后兩個案例是綜合案例，按照真實網(wǎng)站開發(fā)流程，學(xué)習(xí)小米商城網(wǎng)站和美麗山東網(wǎng)站的設(shè)計與制作。小米商城網(wǎng)站案例模仿真實的小米商城網(wǎng)站開發(fā)，將真實的小米商城網(wǎng)站適當簡化處理，便于初學(xué)者學(xué)習(xí)。美麗山東網(wǎng)站案例充分運用 CSS3 的過渡、變形和動畫等屬性實現(xiàn)圖片的移動、遮罩和翻轉(zhuǎn)等動畫效果，代碼簡潔、高效，頁面表現(xiàn)力強。

網(wǎng)頁設(shè)計與制作案例教程(HTML5+CSS3+JAVASCRIPT)(微課版)(第2版) 目錄

目錄CONTENTS
模塊一 使用HTML5搭建網(wǎng)頁
案例1 **個HTML5網(wǎng)頁 2
1.1 案例描述 2
1.2 案例實現(xiàn) 2
1.3 相關(guān)知識點 4
1.3.1 網(wǎng)頁相關(guān)概念 4
1.3.2 常用的網(wǎng)頁編輯軟件 6
1.3.3 常用的瀏覽器 7
案例小結(jié) 7
習(xí)題與實訓(xùn) 7
擴展閱讀 8
案例2 公司介紹網(wǎng)頁 8
2.1 案例描述 9
2.2 案例實現(xiàn) 9
2.3 相關(guān)知識點 10
2.3.1 HTML5文檔的基本結(jié)構(gòu) 10
2.3.2 HTML標記及其屬性 11
2.3.3 HTML文本標記 12
案例小結(jié) 15
習(xí)題與實訓(xùn) 15
案例3 新聞列表網(wǎng)頁 17
3.1 案例描述 17
3.2 案例實現(xiàn) 17
3.3 相關(guān)知識點 18
3.3.1 無序列表 18
3.3.2 有序列表 19
3.3.3 列表嵌套 20
3.3.4 自定義列表 21
案例小結(jié) 23
習(xí)題與實訓(xùn) 23
案例4 簡單公司網(wǎng)站 23
4.1 案例描述 24
4.2 案例實現(xiàn) 25
4.2.1 新建項目 25
4.2.2 創(chuàng)建網(wǎng)站首頁 25
4.2.3 創(chuàng)建公司簡介頁面 26
4.2.4 創(chuàng)建所獲榮譽頁面 27
4.2.5 創(chuàng)建管理團隊頁面 27
4.3 相關(guān)知識點 29
4.3.1 HTML超鏈接標記 29
4.3.2 HTML圖像標記 30
4.3.3 絕對路徑和相對路徑 33
案例小結(jié) 34
習(xí)題與實訓(xùn) 34
擴展閱讀 35
模塊二 使用CSS3美化網(wǎng)頁
案例5 新聞詳情網(wǎng)頁 37
5.1 案例描述 37
5.2 案例實現(xiàn) 37
5.3 相關(guān)知識點 39
5.3.1 引入CSS樣式 39
5.3.2 CSS常用文本屬性 43
案例小結(jié) 47
習(xí)題與實訓(xùn) 47
案例6 百度搜索結(jié)果網(wǎng)頁 49
6.1 案例描述 49
6.2 案例實現(xiàn) 49
6.3 相關(guān)知識點 51
6.3.1 CSS常用選擇器 51
6.3.2 CSS的高級特性 55
案例小結(jié) 57
習(xí)題與實訓(xùn) 57
案例7 手機展示網(wǎng)頁 58
7.1 案例描述 58
7.2 案例實現(xiàn) 59
7.3 相關(guān)知識點 60
7.3.1 盒子模型的概念 60
7.3.2 盒子模型的相關(guān)屬性 62
案例小結(jié) 68
習(xí)題與實訓(xùn) 68
案例8 山東介紹網(wǎng)頁 69
8.1 案例描述 69
8.2 案例實現(xiàn) 70
8.3 相關(guān)知識點 72
8.3.1 設(shè)置背景顏色及背景圖像 72
8.3.2 設(shè)置不透明度 77
8.3.3 設(shè)置漸變效果 79
案例小結(jié) 80
習(xí)題與實訓(xùn) 80
擴展閱讀 81
案例9 美麗風(fēng)光網(wǎng)頁 81
9.1 案例描述 81
9.2 案例實現(xiàn) 82
9.3 相關(guān)知識點 83
9.3.1 元素的類型 83
9.3.2 塊元素間的外邊距 84
9.3.3 元素的浮動 87
案例小結(jié) 91
習(xí)題與實訓(xùn) 91
案例10 筆記本電腦展示網(wǎng)頁 91
10.1 案例描述 91
10.2 案例實現(xiàn) 92
10.3 相關(guān)知識點 95
10.3.1 元素的定位 95
10.3.2 定位類型 95
10.3.3 z-index屬性 99
案例小結(jié) 99
習(xí)題與實訓(xùn) 99
案例11 公司新聞塊 100
11.1 案例描述 101
11.2 案例實現(xiàn) 101
11.3 相關(guān)知識點 104
11.3.1 列表樣式設(shè)置 104
11.3.2 超鏈接樣式設(shè)置 105
案例小結(jié) 106
習(xí)題與實訓(xùn) 106
案例12 導(dǎo)航條 107
12.1 案例描述 107
12.2 案例實現(xiàn) 108
12.3 相關(guān)知識點 110
元素類型的轉(zhuǎn)換 110
案例小結(jié) 112
習(xí)題與實訓(xùn) 112
模塊三 創(chuàng)建表格和表單
案例13 手機型號表 114
13.1 案例描述 114
13.2 案例實現(xiàn) 114
13.3 相關(guān)知識點 117
13.3.1 表格標記 117
13.3.2 合并單元格 118
13.3.3 定義表格CSS樣式 119
案例小結(jié) 122
習(xí)題與實訓(xùn) 122
案例14 登錄表單 123
14.1 案例描述 123
14.2 案例實現(xiàn) 123
14.3 相關(guān)知識點 125
14.3.1 表單標記 125
14.3.2 控件 126
案例小結(jié) 129
習(xí)題與實訓(xùn) 129
案例15 調(diào)查問卷表單 131
15.1 案例描述 131
15.2 案例實現(xiàn) 131
15.3 相關(guān)知識點 135
15.3.1 控件 135 15.3.2 控件 137
案例小結(jié) 138
習(xí)題與實訓(xùn) 138
模塊四 使用CSS3實現(xiàn)動畫效果
案例16 圖片遮罩效果 140
16.1 案例描述 140
16.2 案例實現(xiàn) 140
16.3 相關(guān)知識點 142
16.3.1 過渡屬性 142
16.3.2 遮罩動畫原理 146
案例小結(jié) 146
習(xí)題與實訓(xùn) 146
案例17 圖片變形效果 147
17.1 案例描述 147
17.2 案例實現(xiàn) 148
17.3 相關(guān)知識點 151
案例小結(jié) 155
習(xí)題與實訓(xùn) 155
案例18 圖片翻轉(zhuǎn)效果 155
18.1 案例描述 156
18.2 案例實現(xiàn) 156
18.3 相關(guān)知識點 158
18.3.1 翻轉(zhuǎn)動畫原理 158
18.3.2 3D變形 159
案例小結(jié) 163
習(xí)題與實訓(xùn) 163
案例19 魔方動畫效果 164
19.1 案例描述 164
19.2 案例實現(xiàn) 164
19.3 相關(guān)知識點 166
19.3.1 @keyframes—定義動畫的
關(guān)鍵幀 166
19.3.2 設(shè)置動畫屬性 167
案例小結(jié) 170
習(xí)題與實訓(xùn) 170
模塊五 使用JavaScript添加動態(tài)效果
案例20 輸出信息 173
20.1 案例描述 173
20.2 案例實現(xiàn) 173
20.3 相關(guān)知識點 174
20.3.1 JavaScript的常見應(yīng)用 174


20.3.2 JavaScript的語法規(guī)則 175
20.3.3 JavaScript的引入方式 175
20.3.4 輸入 輸出方法 177
案例小結(jié) 178
習(xí)題與實訓(xùn) 178
案例21 表單驗證 179
21.1 案例描述 179
21.2 案例實現(xiàn) 180
21.3 相關(guān)知識點 183
21.3.1 變量 183
21.3.2 數(shù)據(jù)類型 184
21.3.3 運算符 185
21.3.4 函數(shù) 186
21.3.5 DOM簡介 187
案例小結(jié) 188
習(xí)題與實訓(xùn) 188
案例22 簡單計算器 189
22.1 案例描述 189
22.2 案例實現(xiàn) 190
22.3 相關(guān)知識點 192
22.3.1 分支語句 192
22.3.2 數(shù)據(jù)類型轉(zhuǎn)換 195
22.3.3 事件與事件調(diào)用 197
案例小結(jié) 198
習(xí)題與實訓(xùn) 199
案例23 限時促銷 200
23.1 案例描述 200
23.2 案例實現(xiàn) 201
23.3 相關(guān)知識點 204

23.3.1 面向?qū)ο蠛喗?204
23.3.2 Date對象 205
23.3.3 BOM簡介 207
案例小結(jié) 209
習(xí)題與實訓(xùn) 210
案例24 輪播圖 211
24.1 案例描述 211
24.2 案例實現(xiàn) 211
24.3 相關(guān)知識點 214
24.3.1 設(shè)置元素樣式 214
24.3.2 獲取元素尺寸和位置 215
案例小結(jié) 217
習(xí)題與實訓(xùn) 217
模塊六 綜合案例
案例25 小米商城網(wǎng)站 219
25.1 案例描述 219
25.2 前期工作 220
25.3 制作網(wǎng)站主頁 221
25.4 制作網(wǎng)站登錄頁 243
25.5 制作網(wǎng)站注冊頁 243
案例小結(jié) 243
案例26 美麗山東網(wǎng)站 243
26.1 案例描述 243
26.2 網(wǎng)站規(guī)劃 245
26.3 制作網(wǎng)站主頁 248
26.4 制作初識山東頁面 264
26.5 制作景點詳情頁 264
案例小結(jié) 264
展開全部

網(wǎng)頁設(shè)計與制作案例教程(HTML5+CSS3+JAVASCRIPT)(微課版)(第2版) 作者簡介

李志云，工學(xué)碩士學(xué)位，副教授，研究方向為Web應(yīng)用技術(shù)、數(shù)據(jù)庫技術(shù)和高職教育研究；主持的“標準對接、項目引領(lǐng)、價值融入：《Web前端開發(fā)》教學(xué)內(nèi)容和模式改革實踐”獲省級教學(xué)成果二等獎；山東省職業(yè)教育課程思政示范課程《Web前端開發(fā)》主持人；主編教材四部，其中兩部獲批“十四五”“十三五”職業(yè)教育國家規(guī)劃教材，發(fā)表論文二十余篇。

商品評論(0條)
暫無評論……
書友推薦
本類暢銷
返回頂部
中圖網(wǎng)
在線客服
主站蜘蛛池模板： 复合土工膜厂家|hdpe防渗土工膜|复合防渗土工布|玻璃纤维|双向塑料土工格栅-安徽路建新材料有限公司 | 汽液过滤网厂家_安平县银锐丝网有限公司 | 无锡网站建设_企业网站定制-网站制作公司-阿凡达网络 | 微水泥_硅藻泥_艺术涂料_艺术漆_艺术漆加盟-青岛泥之韵环保壁材 武汉EPS线条_EPS装饰线条_EPS构件_湖北博欧EPS线条厂家 | 多功能真空滤油机_润滑油全自动滤油机_高效真空滤油机价格-重庆润华通驰 | 四合院设计_四合院装修_四合院会所设计-四合院古建设计与建造中心1 | 恒温恒湿箱(药品/保健品/食品/半导体/细菌)-兰贝石（北京）科技有限公司 | 过滤器_自清洗过滤器_气体过滤器_苏州华凯过滤技术有限公司 | 粉末包装机-给袋式包装机-全自动包装机-颗粒-液体-食品-酱腌菜包装机生产线【润立机械】 | 北京征地律师,征地拆迁律师,专业拆迁律师,北京拆迁律师,征地纠纷律师,征地诉讼律师,征地拆迁补偿,拆迁律师 - 北京凯诺律师事务所 | 茅茅虫AI论文写作助手-免费AIGC论文查重_写毕业论文降重 | 深圳网站建设-高端企业网站开发-定制网页设计制作公司 | 3D全息投影_地面互动投影_360度立体投影_水幕灯光秀 | 广东银虎 蜂窝块状沸石分子筛-吸附脱硫分子筛-萍乡市捷龙环保科技有限公司 | 科普仪器菏泽市教育教学仪器总厂 | 派克防爆伺服电机品牌|国产防爆伺服电机|高低温伺服电机|杭州摩森机电科技有限公司 | 磁粉制动器|张力控制器|气胀轴|伺服纠偏控制器整套厂家--台灵机电官网 | 武汉EPS线条_EPS装饰线条_EPS构件_湖北博欧EPS线条厂家 | 家用净水器代理批发加盟_净水机招商代理_全屋净水器定制品牌_【劳伦斯官网】 | 篷房[仓储-婚庆-展览-活动]生产厂家-江苏正德装配式帐篷有限公司 | 山东限矩型液力偶合器_液力耦合器易熔塞厂家-淄博市汇川源机械厂 | 二手色谱仪器,十万分之一分析天平,蒸发光检测器,电位滴定仪-湖北捷岛科学仪器有限公司 | 破碎机锤头_合金耐磨锤头_郑州宇耐机械工程技术有限公司 | 美国PARKER齿轮泵,美国PARKER柱塞泵,美国PARKER叶片泵,美国PARKER电磁阀,美国PARKER比例阀-上海维特锐实业发展有限公司二部 | 吲哚菁绿衍生物-酶底物法大肠菌群检测试剂-北京和信同通科技发展有限公司 | 样品瓶(色谱样品瓶)百科-浙江哈迈科技有限公司 | 沧州友城管业有限公司-内外涂塑钢管-大口径螺旋钢管-涂塑螺旋管-保温钢管生产厂家 | 兰州UPS电源,兰州山特UPS-兰州万胜商贸 | 聚合氯化铝价格_聚合氯化铝厂家_pac絮凝剂-唐达净水官网 | 胶泥瓷砖胶,轻质粉刷石膏,嵌缝石膏厂家,腻子粉批发,永康家德兴,永康市家德兴建材厂 | 膏剂灌装旋盖机-眼药水灌装生产线-西林瓶粉剂分装机-南通博琅机械科技 | 超声波焊接机_超音波熔接机_超声波塑焊机十大品牌_塑料超声波焊接设备厂家 | 铁素体测量仪/检测仪/铁素体含量测试仪-苏州圣光仪器有限公司 | 湖南档案密集架,智能,物证,移动,价格-湖南档案密集架厂家 | 南京办公用品网-办公文具用品批发-打印机耗材采购 | 立式矫直机_卧式矫直机-无锡金矫机械制造有限公司 | 空冷器|空气冷却器|空水冷却器-无锡赛迪森机械有限公司[官网] | 餐饮加盟网_特色餐饮加盟店_餐饮连锁店加盟 | 飞行者联盟-飞机模拟机_无人机_低空经济_航空技术交流平台 | Eiafans.com_环评爱好者 环评网|环评论坛|环评报告公示网|竣工环保验收公示网|环保验收报告公示网|环保自主验收公示|环评公示网|环保公示网|注册环评工程师|环境影响评价|环评师|规划环评|环评报告|环评考试网|环评论坛 - Powered by Discuz! | 衬氟止回阀_衬氟闸阀_衬氟三通球阀_衬四氟阀门_衬氟阀门厂-浙江利尔多阀门有限公司 | 日本SMC气缸接头-速度控制阀-日本三菱伺服电机-苏州禾力自动化科技有限公司 |