歡迎光臨中圖網(wǎng) 請 | 注冊
> >
網(wǎng)頁設(shè)計(jì)與制作項(xiàng)目教程

包郵 網(wǎng)頁設(shè)計(jì)與制作項(xiàng)目教程

作者:廖麗
出版社:西安電子科技大學(xué)出版社出版時(shí)間:2024-02-01
開本: 其他 頁數(shù): 240
中 圖 價(jià):¥27.5(6.5折) 定價(jià)  ¥42.0 登錄后可看到會(huì)員價(jià)
加入購物車 收藏
開年大促, 全場包郵
?新疆、西藏除外
本類五星書更多>

網(wǎng)頁設(shè)計(jì)與制作項(xiàng)目教程 版權(quán)信息

網(wǎng)頁設(shè)計(jì)與制作項(xiàng)目教程 本書特色

本書有以下特色。 (1) 本書基于“工作過程、項(xiàng)目導(dǎo)向、任務(wù)驅(qū)動(dòng)”的思路編寫,通過項(xiàng)目介紹重要的知識技能,在相關(guān)任務(wù)的完成過程中突出實(shí)際操作,將知識學(xué)習(xí)與技能訓(xùn)練融為一體,側(cè)重于網(wǎng)頁制作基本技能的培養(yǎng),將教、學(xué)、做緊密結(jié)合,讓讀者在實(shí)踐過程中既學(xué)到了知識又培養(yǎng)了實(shí)用技能。 (2) 本書配套教學(xué)資源豐富,包括教學(xué)項(xiàng)目設(shè)計(jì)、實(shí)訓(xùn)素材、階段作品源代碼、課程標(biāo)準(zhǔn)、教學(xué)課件、教案、授課計(jì)劃等。本書搭配在線開放課程平臺(tái),對案例進(jìn)行在線視頻講解,幫助讀者快速理解和掌握網(wǎng)頁設(shè)計(jì)與制作的相關(guān)內(nèi)容。 (3) 本書選用以HTML5為基礎(chǔ)、CSS3為核心的主流技術(shù),并將這些內(nèi)容和職業(yè)素質(zhì)要求貫穿到真實(shí)網(wǎng)站項(xiàng)目開發(fā)過程中,幫助讀者進(jìn)行學(xué)習(xí)和訓(xùn)練。 (4) 本書選取的項(xiàng)目作品融入了思政元素,使讀者在學(xué)習(xí)網(wǎng)頁設(shè)計(jì)與制作知識的同時(shí),能更深入地學(xué)習(xí)貫徹黨的二十大精神。

網(wǎng)頁設(shè)計(jì)與制作項(xiàng)目教程 內(nèi)容簡介

本書從高職學(xué)生的實(shí)際出發(fā),以“學(xué)習(xí)黨的二十大精神專題網(wǎng)”作為項(xiàng)目載體,通過大量的案例,對網(wǎng)頁的HTML結(jié)構(gòu)和CSS樣式進(jìn)行了深入講解。本書根據(jù)Web前端開發(fā)人員的職業(yè)技能需求和崗位工作過程,介紹了網(wǎng)站的完整制作流程,結(jié)構(gòu)安排上更加符合讀者的認(rèn)知習(xí)慣。 全書包括網(wǎng)頁制作入門、網(wǎng)頁的基本結(jié)構(gòu)實(shí)現(xiàn)(制作“學(xué)習(xí)黨的二十大精神專題網(wǎng)”子頁)、網(wǎng)頁的表現(xiàn)標(biāo)準(zhǔn)(設(shè)計(jì)“學(xué)習(xí)黨的二十大精神專題網(wǎng)”子頁)、網(wǎng)頁綜合應(yīng)用(設(shè)計(jì)與制作“學(xué)習(xí)黨的二十大精神專題網(wǎng)”首頁) 4個(gè)項(xiàng)目,以12個(gè)具體任務(wù)為載體來組織內(nèi)容,將職業(yè)行動(dòng)領(lǐng)域的工作過程融合在項(xiàng)目訓(xùn)練中。 本書作為教材,可以服務(wù)于計(jì)算機(jī)應(yīng)用技術(shù)、計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)、軟件技術(shù)、大數(shù)據(jù)技術(shù)與應(yīng)用、計(jì)算機(jī)多媒體技術(shù)等專業(yè),也可作為網(wǎng)站前端開發(fā)技術(shù)人員的學(xué)習(xí)用書,還可作為1? ?X Web前端開發(fā)等級考試的參考用書。

網(wǎng)頁設(shè)計(jì)與制作項(xiàng)目教程 目錄

項(xiàng)目1 網(wǎng)頁制作入門 1 任務(wù)1 制作**個(gè)HTML網(wǎng)頁 2 1.1 網(wǎng)頁相關(guān)知識 3 1.1.1 網(wǎng)頁與網(wǎng)站的相關(guān)概念 3 1.1.2 網(wǎng)頁分類 4 1.2 常用的開發(fā)工具——Sublime Text 4 1.2.1 下載并安裝 5 1.2.2 中文設(shè)置 6 1.3 HTML5基礎(chǔ) 9 1.3.1 HTML5文檔基本格式 9 1.3.2 HTML5標(biāo)簽及其屬性 10 1.3.3 代碼的注釋 11 1.4 任務(wù)實(shí)現(xiàn) 11 任務(wù)2 美化**個(gè)HTML網(wǎng)頁 13 2.1 初識CSS 14 2.1.1 CSS概念 14 2.1.2 CSS發(fā)展史 14 2.2 Web標(biāo)準(zhǔn) 14 2.3 任務(wù)實(shí)現(xiàn) 15 項(xiàng)目2 網(wǎng)頁的基本結(jié)構(gòu)實(shí)現(xiàn)(制作“學(xué)習(xí)黨的二十大精神專題網(wǎng)”子頁) 17 任務(wù)3 制作“學(xué)習(xí)資料”子頁 18 3.1 HTML基本結(jié)構(gòu)元素 19 3.2 HTML元素類型 20 3.2.1 行內(nèi)元素、塊狀元素和行內(nèi)塊狀元素 21 3.2.2 替換元素與不可替換元素 21 3.2.3 注釋標(biāo)簽元素和文檔類型標(biāo)簽元素 22 3.3 任務(wù)實(shí)現(xiàn) 22 任務(wù)4 制作“學(xué)習(xí)動(dòng)態(tài)”子頁 25 4.1 常用的塊狀元素 26 4.1.1 段落與標(biāo)題 26 4.1.2 通用塊狀元素 27 4.1.3 常用列表塊狀元素 28 4.1.4 語義塊狀元素 32 4.2 常用的行內(nèi)元素 38 4.2.1 超鏈接 38 4.2.2 通用行內(nèi)元素span 41 4.2.3 圖片元素img 41 4.2.4 文本格式化元素 44 4.3 任務(wù)實(shí)現(xiàn) 45 任務(wù)5 制作“在線留言”子頁 48 5.1 表單及其相關(guān)元素 49 5.1.1 表單的基本概念 49 5.1.2 常用的表單元素 50 5.1.3 表單按鈕 57 5.1.4 表單元素的屬性 59 5.1.5 表單元素的分組 62 5.2 任務(wù)實(shí)現(xiàn) 65 項(xiàng)目3 網(wǎng)頁的表現(xiàn)標(biāo)準(zhǔn)(設(shè)計(jì)“學(xué)習(xí)黨的二十大精神專題網(wǎng)”子頁) 69 任務(wù)6 設(shè)計(jì)“學(xué)習(xí)資料”子頁 70 6.1 CSS基礎(chǔ)與語法 71 6.1.1 CSS設(shè)置規(guī)則 71 6.1.2 CSS的引入方式 72 6.1.3 CSS選擇器 75 6.1.4 選擇器的優(yōu)先級 96 6.2 CSS字體、段落與文本修飾設(shè)置 98 6.2.1 字體樣式常用屬性 98 6.2.2 段落樣式常用屬性 105 6.2.3 文本修飾常用屬性 107 6.3 任務(wù)實(shí)現(xiàn) 114 任務(wù)7 設(shè)計(jì)“學(xué)習(xí)動(dòng)態(tài)”子頁 117 7.1 圖片相關(guān)的CSS樣式 118 7.1.1 圖片大小 118 7.1.2 圖片的對齊方式 118 7.1.3 圖文混排效果 119 7.2 CSS邊框與背景設(shè)置 119 7.2.1 CSS邊框 119 7.2.2 CSS背景 123 7.3 任務(wù)實(shí)現(xiàn) 131 任務(wù)8 設(shè)計(jì)“在線留言”子頁 139 8.1 表單相關(guān)的CSS樣式 140 8.1.1 輸入框的樣式 140 8.1.2 文本域的樣式 142 8.1.3 按鈕樣式 144 8.1.4 下拉菜單的樣式 145 8.2 任務(wù)實(shí)現(xiàn) 146 項(xiàng)目4 網(wǎng)頁綜合應(yīng)用(設(shè)計(jì)與制作“學(xué)習(xí)黨的二十大精神專題網(wǎng)”首頁) 155 任務(wù)9 首頁頁頭板塊的設(shè)計(jì)與制作 156 9.1 盒模型簡介 157 9.2 盒模型屬性 157 9.2.1 width屬性和height屬性 158 9.2.2 內(nèi)邊距 160 9.2.3 外邊距 161 9.2.4 盒模型的寬度與高度的計(jì)算 165 9.3 任務(wù)實(shí)現(xiàn) 167 任務(wù)10 首頁導(dǎo)航欄板塊的設(shè)計(jì)與制作 170 10.1 浮動(dòng)布局 171 10.1.1 網(wǎng)頁布局方式 171 10.1.2 浮動(dòng)屬性float 172 10.1.3 浮動(dòng)布局的特性 173 10.2 清除浮動(dòng) 177 10.2.1 clear屬性 177 10.2.2 清除浮動(dòng)的常用方法 179 10.3 任務(wù)實(shí)現(xiàn) 183 任務(wù)11 首頁banner板塊的設(shè)計(jì)與制作 186 11.1 元素的定位 187 11.2 定位的分類 187 11.2.1 相對定位 187 11.2.2 絕對定位 188 11.2.3 固定定位 191 11.2.4 黏性定位 193 11.2.5 定位元素的堆疊 194 11.3 任務(wù)實(shí)現(xiàn) 196 任務(wù)12 首頁其他板塊的設(shè)計(jì)與制作 199 12.1 彈性布局 200 12.1.1 彈性布局的基本概念 200 12.1.2 彈性布局的使用 201 12.1.3 彈性布局的屬性 202 12.2 利用CSS實(shí)現(xiàn)動(dòng)態(tài)效果 215 12.2.1 過渡 215 12.2.2 變形 218 12.2.3 動(dòng)畫 220 12.3 任務(wù)實(shí)現(xiàn) 224 參考文獻(xiàn) 232
展開全部
商品評論(0條)
暫無評論……
書友推薦
本類暢銷
編輯推薦
返回頂部
中圖網(wǎng)
在線客服