中图网(原中国图书网):网上书店,尾货特色书店,30万种特价书低至2折!

歡迎光臨中圖網 請 | 注冊
> >
網頁制作基礎任務教程(HTML5+CSS3)(慕課版)

包郵 網頁制作基礎任務教程(HTML5+CSS3)(慕課版)

出版社:人民郵電出版社出版時間:2022-07-01
開本: 16開 頁數: 206
中 圖 價:¥35.9(7.2折) 定價  ¥49.8 登錄后可看到會員價
加入購物車 收藏
開年大促, 全場包郵
?新疆、西藏除外
本類五星書更多>

網頁制作基礎任務教程(HTML5+CSS3)(慕課版) 版權信息

  • ISBN:9787115586346
  • 條形碼:9787115586346 ; 978-7-115-58634-6
  • 裝幀:一般膠版紙
  • 冊數:暫無
  • 重量:暫無
  • 所屬分類:>

網頁制作基礎任務教程(HTML5+CSS3)(慕課版) 本書特色

1.雙高校常州信息職業技術學院出品,品質優。 2.任務驅動模式編寫,結構清晰,特點鮮明。 3.配套豐富的資源及慕課視頻。 4.配套在線開放課程和一體化數字教學資源庫。

網頁制作基礎任務教程(HTML5+CSS3)(慕課版) 內容簡介

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

網頁制作基礎任務教程(HTML5+CSS3)(慕課版) 目錄

目錄
單元1 HTML5基礎 1
任務1 制作第 一個簡單的網頁 1
任務描述 1
前導知識 1
1.1 網頁的相關概念 1
1.1.1 網站、網頁與主頁 1
1.1.2 靜態網頁與動態網頁 1
1.1.3 Web技術簡介 2
1.1.4 網站開發的流程 4
1.1.5 HTML5簡介 4
1.2 網頁的編輯與運行 5
1.2.1 前端開發工具 5
1.2.2 使用HBuilderX新建HTML頁面 5
1.2.3 HbuilderX常用組合鍵 7
1.2.4 HbuilderX智能選中操作 7
1.3 HTML5文檔的基本結構 9
1.4 HTML5標簽的語法 9
1.4.1 單標簽和雙標簽 9
1.4.2 標簽的屬性 10
1.4.3 標簽之間的嵌套 10
1.4.4 標簽不區分大小寫 10
1.4.5 HTML5注釋 10
任務實現 11
單元小結 13
思考練習 13
單元2 HTML5基本標簽 14
任務1 制作圖文網頁 14
任務描述 14
前導知識 15
2.1 文本控制標簽 15
2.1.1 標題標簽 15
2.1.2 段落標簽 15
2.1.3 換行標簽 16
2.1.4 文本格式化標簽 17
2.1.5 轉義字符 18
2.2 圖像標簽 19
2.2.1 圖像格式 19
2.2.2 創建圖像 19
2.2.3 圖像路徑 19
任務實現 20
任務2 制作新聞列表 21
任務描述 21
前導知識 22
2.3 超鏈接標簽 22
2.3.1 超鏈接標簽的屬性 22
2.3.2 錨點鏈接 22
2.4 列表標簽 24
2.4.1 有序列表 24
2.4.2 無序列表 25
2.4.3 自定義列表 25
任務實現 26
任務3 制作注冊表單 27
任務描述 27
前導知識 28
2.5 表格標簽 28
2.5.1 基本結構 28
2.5.2 復雜結構 28
2.5.3 合并行 31
2.5.4 合并列 32
2.6 表單標簽 32
2.6.1 標簽 33
2.6.2 輸入標簽 33
2.6.3 下拉列表標簽 37
2.6.4 文本域標簽 37
任務實現 38
單元小結 44
思考練習 44
單元3 元素分類與語義化標簽 47
任務1 使用語義化標簽搭建“公司簡介”網頁HTML結構 47
任務描述 47
前導知識 47
3.1 標簽和標簽 47
3.2 元素分類 49
3.3 HTML語義化 51
3.4 HTML5中常用語義化結構標簽 51
3.4.1 標簽 52
3.4.2 標簽 52
3.4.3 標簽 53
3.4.4 標簽 53
3.4.5 標簽 53
3.4.6 標簽 53
3.4.7 標簽 54
3.5 網頁模塊命名規范 54
任務實現 55
單元小結 58
思考練習 59
單元4 CSS3概述與基本語法 61
任務1 使用CSS設置文本顏色 61
任務描述 61
前導知識 61
4.1 CSS3概述 61
4.2 CSS3基本語法 61
4.3 如何插入樣式表 62
4.3.1 行內樣式 62
4.3.2 內嵌樣式 63
4.3.3 鏈接樣式 63
4.3.4 導入樣式 64
任務實現 65
任務2 選擇合適的選擇器設置網頁文字顏色 67
任務描述 67
前導知識 67
4.4 基本選擇器 67
4.4.1 標簽選擇器 67
4.4.2 通配符選擇器 68
4.4.3 類選擇器 68
4.4.4 id選擇器 69
4.5 復合選擇器 69
4.5.1 后代選擇器 69
4.5.2 一級子元素選擇器 70
4.5.3 交集選擇器 70
4.5.4 并集選擇器 70
4.6 偽類選擇器 70
4.6.1 UI元素狀態偽類選擇器 70
4.6.2 結構偽類選擇器 71
4.7 偽元素選擇器 72
4.8 樣式的層疊與繼承 73
4.8.1 CSS層疊性 73
4.8.2 CSS繼承性 74
4.8.3 CSS優先級 74
任務實現 76
單元小結 78
思考練習 78
單元5 CSS3基本樣式設計 80
任務1 設置公司簡介頁面樣式 80
任務描述 80
前導知識 80
5.1 字體樣式 80
5.1.1 字體樣式font-style 80
5.1.2 字體變體font-variant 81
5.1.3 字體粗細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 文本的對齊方式text-align 83
5.2.3 文本修飾text-decoration 83
5.2.4 文本轉換text-transform 84
5.2.5 文本縮進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 邊框寬度border-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 浮動float 89
任務實現 91
任務2 設置新聞中心版塊樣式 93
任務描述 93
前導知識 93
5.5 背景樣式 93
5.5.1 背景顏色background-color 93
5.5.2 背景圖像background-image 94
5.5.3 背景重復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 鏈接狀態樣式 99
5.7 列表樣式 100
5.7.1 列表項標記類型list-style-type 100
5.7.2 列表項標記圖像list-style-image 100
5.7.3 列表項標記位置list-style-position 101
5.7.4 list-style屬性 101
5.7.5 列表文字樣式 102
5.7.6 列表實現橫向導航欄 103
任務實現 104
任務3 設置會員注冊頁面樣式 106
任務描述 106
前導知識 106
5.8 表格樣式 106
5.8.1 表格邊框 106
5.8.2 折疊邊框 107
5.8.3 表格的寬度和高度 107
5.8.4 表格文字對齊 108
5.8.5 表格顏色 108
5.9 表單樣式 108
任務實現 110
單元小結 114
思考練習 114
單元6 CSS3定位與布局 117
任務1 制作產品展示模塊 117
任務描述 117
前導知識 117
6.1 盒子模型 117
6.1.1 盒子屬性 117
6.1.2 盒子尺寸計算 119
6.2 外邊距合并 120
6.2.1 并列元素的外邊距合并 120
6.2.2 包含元素的外邊距合并 121
任務實現 123
任務2 制作公司網站首頁 125
任務描述 125
前導知識 126
6.3 文檔流簡介 126
6.4 浮動 129
6.5 清除浮動 133
任務實現 136
任務3 公司網站首頁實現固定側邊菜單 143
任務描述 143
前導知識 143
6.6 定位布局簡介 143
6.7 相對定位 144
6.8 絕對定位 145
6.9 固定定位 152
任務實現 153
單元小結 155
思考練習 155
單元7 項目實踐——制作傳統文化網站首頁 158
任務1 建立站點并完成頁面整體布局 159
任務描述 159
任務實現 159
任務2 制作網頁頭部和導航 161
任務描述 161
任務實現 161
任務3 制作banner和*新更新欄目 165
任務描述 165
任務實現 166
任務4 制作國學百家欄目 170
任務描述 170
任務實現 170
任務5 制作傳統節日欄目 176
任務描述 176
任務實現 177
任務6 制作底部版權區域 180
任務描述 180
任務實現 180
任務7 對首頁CSS代碼進行優化 181
任務描述 181
前導知識 182
7.1 CSS代碼優化 182
7.1.1 CSS代碼優化的意義 182
7.1.2 CSS代碼優化的基本方法 182
任務實現 184
單元小結 186
思考練習 186
單元8 項目實踐——制作傳統文化網站子頁 189
任務1 創建傳統文化網站子頁模板 190
任務描述 190
任務實現 190
任務2 制作文章列表頁 195
任務描述 195
任務實現 196
任務3 制作文章詳情頁 199
任務描述 199
任務實現 199
任務4 對網站CSS代碼進行優化 202
任務描述 202
任務實現 203
單元小結 204
思考練習 204
附錄 207
一、HTML5常用標簽 207
二、CSS3常用選擇器 208
三、CSS3常用樣式屬性 209
展開全部

網頁制作基礎任務教程(HTML5+CSS3)(慕課版) 作者簡介

殷兆燕在常州信息職業技術學院從事多年Web前端相關教學和科研工作;主持建設省級在線開放課程《靜態網頁設計技術》;獲得江蘇省教學能力大賽二等獎一次,江蘇省微課教學大賽二等獎兩次;參與編寫《信息技基礎》、《計算機應用基礎》等新形態一體化教程。

商品評論(0條)
暫無評論……
書友推薦
本類暢銷
編輯推薦
返回頂部
中圖網
在線客服
主站蜘蛛池模板: 海外整合营销-独立站营销-社交媒体运营_广州甲壳虫跨境网络服务 焊管生产线_焊管机组_轧辊模具_焊管设备_焊管设备厂家_石家庄翔昱机械 | 钢骨架轻型板_膨石轻型板_钢骨架轻型板价格_恒道新材料 | 小青瓦丨古建筑瓦丨青瓦厂家-宜兴市徽派古典建筑材料有限公司 | 合肥升降机-合肥升降货梯-安徽升降平台「厂家直销」-安徽鼎升自动化科技有限公司 | 轴承振动测量仪电箱-轴承测振动仪器-测试仪厂家-杭州居易电气 | 济宁工业提升门|济宁电动防火门|济宁快速堆积门-济宁市统一电动门有限公司 | 导电银胶_LED封装导电银胶_半导体封装导电胶厂家-上海腾烁 | 阿里巴巴诚信通温州、台州、宁波、嘉兴授权渠道商-浙江联欣科技提供阿里会员办理 | 直流电能表-充电桩电能表-导轨式电能表-智能电能表-浙江科为电气有限公司 | 【星耀裂变】_企微SCRM_任务宝_视频号分销裂变_企业微信裂变增长_私域流量_裂变营销 | 不锈钢电动球阀_气动高压闸阀_旋塞疏水调节阀_全立阀门-来自温州工业阀门巨头企业 | 12cr1mov无缝钢管切割-15crmog无缝钢管切割-40cr无缝钢管切割-42crmo无缝钢管切割-Q345B无缝钢管切割-45#无缝钢管切割 - 聊城宽达钢管有限公司 | ISO9001认证咨询_iso9001企业认证代理机构_14001|18001|16949|50430认证-艾世欧认证网 | 防爆暖风机_防爆电暖器_防爆电暖风机_防爆电热油汀_南阳市中通智能科技集团有限公司 | 高楼航空障碍灯厂家哪家好_航空障碍灯厂家_广州北斗星障碍灯有限公司 | 今日热点_实时热点_奇闻异事_趣闻趣事_灵异事件 - 奇闻事件 | 学校用栓剂模,玻璃瓶轧盖钳,小型安瓿熔封机,实验室安瓿熔封机-长沙中亚制药设备有限公司 | 全自动烧卖机厂家_饺子机_烧麦机价格_小笼汤包机_宁波江北阜欣食品机械有限公司 | 全自动包装机_灌装机生产厂家-迈驰包装设备有限公司 | 开云(中国)Kaiyun·官方网站 - 登录入口| 亳州网络公司 - 亳州网站制作 - 亳州网站建设 - 亳州易天科技 | 烟雾净化器-滤筒除尘器-防爆除尘器-除尘器厂家-东莞执信环保科技有限公司 | 高压分散机(高压细胞破碎仪)百科-北京天恩瀚拓 | 电动卫生级调节阀,电动防爆球阀,电动软密封蝶阀,气动高压球阀,气动对夹蝶阀,气动V型调节球阀-上海川沪阀门有限公司 | 北京网站建设公司_北京网站制作公司_北京网站设计公司-北京爱品特网站建站公司 | 钢制拖链生产厂家-全封闭钢制拖链-能源钢铝拖链-工程塑料拖链-河北汉洋机械制造有限公司 | 检验科改造施工_DSA手术室净化_导管室装修_成都特殊科室建设厂家_医疗净化工程公司_四川华锐 | 春腾云财 - 为企业提供专业财税咨询、代理记账服务 | 高低温万能试验机-复合材料万能试验机-馥勒仪器 | 郑州律师咨询-郑州律师事务所_河南锦盾律师事务所 | 江苏全风,高压风机,全风环保风机,全风环形高压风机,防爆高压风机厂家-江苏全风环保科技有限公司(官网) | 单锥双螺旋混合机_双螺旋锥形混合机-无锡新洋设备科技有限公司 | PC构件-PC预制构件-构件设计-建筑预制构件-PC构件厂-锦萧新材料科技(浙江)股份有限公司 | 嘉兴恒升声级计-湖南衡仪声级计-杭州爱华多功能声级计-上海邦沃仪器设备有限公司 | 防水接头-电缆防水接头-金属-电缆密封接头-不锈钢电缆接头 | 撕碎机,撕破机,双轴破碎机-大件垃圾破碎机厂家 | 手机存放柜,超市储物柜,电子储物柜,自动寄存柜,行李寄存柜,自动存包柜,条码存包柜-上海天琪实业有限公司 | 全自动端子机|刺破式端子压接机|全自动双头沾锡机|全自动插胶壳端子机-东莞市傅氏兄弟机械设备有限公司 | 电主轴,车床电磨头,变频制动电机-博山鸿达特种电机 | 水稻烘干机,小麦烘干机,大豆烘干机,玉米烘干机,粮食烘干机_巩义市锦华粮食烘干机械制造有限公司 水环真空泵厂家,2bv真空泵,2be真空泵-淄博真空设备厂 | 多功能干燥机,过滤洗涤干燥三合一设备-无锡市张华医药设备有限公司 |