HTML5+CSS3網(wǎng)頁設(shè)計與制作實用教程(第3版)
本文關(guān)鍵詞:網(wǎng)頁設(shè)計與制作實用教程,由筆耕文化傳播整理發(fā)布。
出版信息
內(nèi)容摘要
本書使用最新網(wǎng)頁制作工具Dreamweaver CC、最新Web 技術(shù)標(biāo)準(zhǔn)HTML5 和CSS3 設(shè)計與制作網(wǎng)頁。本書將教學(xué)內(nèi)容劃分為8 個教學(xué)單元,理論知識分為“站點創(chuàng)建-超鏈接應(yīng)用-表格應(yīng)用-表單應(yīng)用-網(wǎng)頁布局-模板應(yīng)用-網(wǎng)頁特效-網(wǎng)站整合”這8 個部分,選取購物網(wǎng)站作為網(wǎng)頁設(shè)計載體,將訓(xùn)練任務(wù)分為“制作商品簡介頁面-制作幫助信息頁面-制作購物車頁面-制作注冊登錄頁面-制作商品篩選頁面-制作商品推薦頁面-制作商品詳情頁面-制作購物網(wǎng)站首頁”8 類。每個教學(xué)單元設(shè)置了兩個教學(xué)層次(漸進訓(xùn)練和探索訓(xùn)練),“漸進訓(xùn)練”部分循序漸進地練習(xí)電腦版網(wǎng)頁的制作,“探索訓(xùn)練”部分主要訓(xùn)練觸屏版網(wǎng)頁的制作。全書圍繞25 個真實的網(wǎng)頁設(shè)計制作任務(wù)展開,采用“任務(wù)驅(qū)動、案例教學(xué)、理論實踐一體化”的教學(xué)方法,全方位促進讀者網(wǎng)頁設(shè)計技能的提升,以滿足職業(yè)崗位的需求。 本書可以作為院校各專業(yè)“網(wǎng)頁設(shè)計與制作”課程的教材,也可以作為網(wǎng)頁設(shè)計與制作的培訓(xùn)用書及技術(shù)參考書。
PPT預(yù)覽
目錄
單元 1 站點創(chuàng)建與制作商品簡介頁面 1 教學(xué)導(dǎo)航 1 漸進訓(xùn)練 2 任務(wù) 1-1 制作電腦版商品簡介頁面0101.html 2 【任務(wù)1-1-1】啟動Dreamweaver CC 與初識其工作界面 2 【任務(wù)1-1-2】認(rèn)識瀏覽器的基本組成和網(wǎng)頁的基本組成元素 8 【任務(wù)1-1-3】創(chuàng)建站點“易購網(wǎng)” 11 【任務(wù)1-1-4】管理本地站點 13 【任務(wù)1-1-5】管理網(wǎng)站中的文件和文件夾 15 【任務(wù)1-1-6】設(shè)置網(wǎng)頁的首選項 16 【任務(wù)1-1-7】新建網(wǎng)頁文檔0101.html 與設(shè)置頁面屬性 18 【任務(wù)1-1-8】在網(wǎng)頁中輸入與編輯文本 24 【任務(wù)1-1-9】網(wǎng)頁文檔的基本操作 28 【任務(wù)1-1-10】在網(wǎng)頁中插入與編輯圖像 29 【任務(wù)1-1-11】使用【資源】面板管理網(wǎng)站中的資源 31 【任務(wù)1-1-12】設(shè)置頁面0101.html 的頭部內(nèi)容 34 【任務(wù)1-1-13】定義CSS 代碼美化網(wǎng)頁的文本與圖片 35 探索訓(xùn)練 39 任務(wù) 1-2 制作觸屏版商品簡介頁面0102.html 39 析疑解惑 41 單元小結(jié) 51 單元習(xí)題 51 單元 2 超鏈接應(yīng)用與制作幫助信息頁面 53 教學(xué)導(dǎo)航 53 漸進訓(xùn)練 53 任務(wù) 2-1 設(shè)計與制作電腦版幫助信息頁面0201.html 53 【任務(wù)2-1-1】規(guī)劃與設(shè)計“易購網(wǎng)”的通用布局結(jié)構(gòu) 54 【任務(wù)2-1-2】規(guī)劃與設(shè)計“易購網(wǎng)”幫助頁面的布局結(jié)構(gòu) 57 【任務(wù)2-1-3】在網(wǎng)頁中添加與編輯列表 59 【任務(wù)2-1-4】創(chuàng)建頂部導(dǎo)航欄和插入LOGO 圖片 61 【任務(wù)2-1-5】創(chuàng)建底部橫向友情鏈接導(dǎo)航欄 67 【任務(wù)2-1-6】創(chuàng)建左側(cè)幫助導(dǎo)航欄與添加相應(yīng)的幫助內(nèi)容 69 【任務(wù)2-1-7】創(chuàng)建底部幫助導(dǎo)航欄 75 【任務(wù)2-1-8】創(chuàng)建多種形式的超級鏈接 78 探索訓(xùn)練 82 任務(wù) 2-2 制作觸屏版幫助信息頁面0202.html 82 析疑解惑 85 單元小結(jié) 86 單元習(xí)題 86 單元 3 表格應(yīng)用與制作購物車頁面 88 教學(xué)導(dǎo)航 88 漸進訓(xùn)練 88 任務(wù) 3-1 制作電腦版購物車頁面0301.html 88 【任務(wù)3-1-1】在網(wǎng)頁中插入與設(shè)置表格 89 【任務(wù)3-1-2】使用表格制作購物車頁面 95 探索訓(xùn)練 99 任務(wù) 3-2 制作觸屏版購物車頁面0302.html 99 析疑解惑 104 單元小結(jié) 108 單元習(xí)題 108 單元 4 表單應(yīng)用與制作注冊登錄頁面 110 教學(xué)導(dǎo)航 110 漸進訓(xùn)練 110 任務(wù) 4-1 制作與美化電腦版用戶注冊網(wǎng)頁0401.html 110 【任務(wù)4-1-1】創(chuàng)建電腦版用戶注冊網(wǎng)頁 111 【任務(wù)4-1-2】美化電腦版用戶注冊網(wǎng)頁 120 任務(wù) 4-2 制作與美化電腦版用戶登錄網(wǎng)頁0402.html 126 【任務(wù)4-2-1】創(chuàng)建電腦版用戶登錄網(wǎng)頁 126 【任務(wù)4-2-2】美化電腦版用戶登錄網(wǎng)頁 128 探索訓(xùn)練 133 任務(wù) 4-3 制作觸屏版用戶注冊網(wǎng)頁0403.html 133 任務(wù) 4-4 制作觸屏版用戶登錄網(wǎng)頁0404.html 136 析疑解惑 140 單元小結(jié) 140 單元習(xí)題 141 單元 5 網(wǎng)頁布局與制作商品篩選頁面 142 教學(xué)導(dǎo)航 142 漸進訓(xùn)練 143 任務(wù) 5-1 設(shè)計與制作電腦版商品篩選頁面0501.html 143 【任務(wù)5-1-1】規(guī)劃與設(shè)計商品篩選頁面的布局結(jié)構(gòu) 143 【任務(wù)5-1-2】布局與美化商品篩選頁面的左側(cè)列表內(nèi)容 146 【任務(wù)5-1-3】布局與美化商品篩選頁面的右側(cè)主體內(nèi)容 151 探索訓(xùn)練 160 任務(wù) 5-2 制作觸屏版促銷商品頁面0502.html 160 析疑解惑 165 單元小結(jié) 180 單元習(xí)題 181 單元 6 模板應(yīng)用與制作商品推薦頁面 182 教學(xué)導(dǎo)航 182 漸進訓(xùn)練 182 任務(wù) 6-1 設(shè)計與制作電腦版商品推薦頁面0601.html 182 【任務(wù)6-1-1】規(guī)劃與設(shè)計商品推薦頁面的布局結(jié)構(gòu) 183 【任務(wù)6-1-2】制作用于生成網(wǎng)頁模板的網(wǎng)頁0601.html 187 任務(wù) 6-2 制作基于模板的電腦版商品推薦頁面0602.html 193 【任務(wù)6-2-1】基于網(wǎng)頁0601.html 創(chuàng)建網(wǎng)頁模板0602.dwt 193 【任務(wù)6-2-2】創(chuàng)建基本模板的網(wǎng)頁0602.html 199 【任務(wù)6-2-3】在網(wǎng)頁0602.html 中插入庫項目和代碼片段 203 探索訓(xùn)練 207 任務(wù) 6-3 設(shè)計與制作觸屏版商品促銷頁面0603.html 207 任務(wù) 6-4 設(shè)計與制作觸屏版商品促銷頁面0604.html 213 析疑解惑 214 單元小結(jié) 215 單元習(xí)題 215 單元 7 網(wǎng)頁特效與制作商品詳情頁面 216 教學(xué)導(dǎo)航 216 漸進訓(xùn)練 217 任務(wù) 7-1 設(shè)計與制作電腦版商品詳情頁面0701.html 217 【任務(wù)7-1-1】規(guī)劃與設(shè)計商品詳情頁面的布局結(jié)構(gòu) 218 【任務(wù)7-1-2】在網(wǎng)頁頂部顯示當(dāng)前日期和問候語 223 【任務(wù)7-1-3】網(wǎng)頁中動態(tài)改變局部區(qū)域文本字體大小 227 【任務(wù)7-1-4】在網(wǎng)頁中自動滾動圖片 229 【任務(wù)7-1-5】在網(wǎng)頁中實現(xiàn)選項卡功能 231 【任務(wù)7-1-6】在網(wǎng)頁中實現(xiàn)商品圖片輪換展示與放大功能 234 探索訓(xùn)練 241 任務(wù) 7-2 制作觸屏版商品詳情頁面0702.html 241 析疑解惑 247 單元小結(jié) 251 單元習(xí)題 251 單元 8 網(wǎng)站整合與制作購物網(wǎng)站首頁 253 教學(xué)導(dǎo)航 253 漸進訓(xùn)練 253 任務(wù) 8-1 熟悉網(wǎng)站開發(fā)流程和規(guī)范 253 任務(wù) 8-2 分析與規(guī)劃購物網(wǎng)站 258 任務(wù) 8-3 設(shè)計與制作電腦版網(wǎng)站首頁0801.html 261 【任務(wù)8-3-1】規(guī)劃與設(shè)計電腦版網(wǎng)站首頁的主體布局結(jié)構(gòu) 262 【任務(wù)8-3-2】設(shè)計與實現(xiàn)電腦版網(wǎng)站首頁的導(dǎo)航結(jié)構(gòu) 267 【任務(wù)8-3-3】設(shè)計與實現(xiàn)電腦版網(wǎng)站首頁的各個局部版塊內(nèi)容 278 【任務(wù)8-3-4】實現(xiàn)電腦版網(wǎng)站首頁的特效功能 284 【任務(wù)8-3-5】設(shè)置“易購網(wǎng)”的超鏈接 290 任務(wù) 8-4 測試網(wǎng)站 290 任務(wù) 8-5 發(fā)布網(wǎng)站 295 任務(wù) 8-6 推廣與維護網(wǎng)站 298 探索訓(xùn)練 302 任務(wù) 8-7 設(shè)計與制作觸屏版網(wǎng)站首頁0802.html 302 析疑解惑 310 單元小結(jié) 313 單元習(xí)題 313 附錄 HTML5 的常用標(biāo)簽及其屬性 315
讀者評論
趕緊搶沙發(fā)哦!
我要評論
出版信息
作者介紹
陳承歡 三級教授 高級工程師 軟件設(shè)計師 湖南省省級專業(yè)帶頭人,國家精品課程與精品共享課程《網(wǎng)頁設(shè)計與制作》主持人,國家資源庫課程《計算機維護與維修》和《網(wǎng)頁樣式設(shè)計與應(yīng)用》主持人,,湖南省教育科學(xué)重點研究課題主持人,湖南省教學(xué)改革項目主持人。 多年來致力于總結(jié)教學(xué)規(guī)律、探索教學(xué)模式、創(chuàng)新教學(xué)方法、開發(fā)特色教材。主持開發(fā)高職特色教材20多本,其中“十一五”國家級規(guī)劃教材4本,“十二五”國家級規(guī)劃教材11本。成功地實現(xiàn)了以真實項目或任務(wù)為載體重構(gòu)教學(xué)內(nèi)容、面向教學(xué)全過程設(shè)置教學(xué)環(huán)節(jié)、“教、學(xué)、做、評”一體設(shè)計,在教學(xué)實施中取得了良好的教學(xué)效果。
相關(guān)技術(shù)
推薦用戶
同系列書
張曉景
本書共分為14章,全面介紹了HTML、CSS和JavaScript的理論知識以及具體案例的制作方法,第1章 網(wǎng)...
¥45.00
Div+CSS網(wǎng)站布局應(yīng)用教程
張曉景 曹路舟 鄧惠俊
內(nèi)容提要 DIV+CSS是WEB設(shè)計標(biāo)準(zhǔn),它是一種網(wǎng)頁的布局方法。與傳統(tǒng)中的通過表格布局定位的方式不同,它可...
¥42.00
Photoshop CS6 互聯(lián)網(wǎng)應(yīng)用設(shè)計教程
張慧 譚彩明 周潔文 廖欣南 冼浪 沈大旺
本書全面系統(tǒng)地介紹了Photoshop CS6,內(nèi)容包括圖像處理基礎(chǔ)知識、Photoshop CS6簡介、繪制...
¥35.00
HTML5+CSS3網(wǎng)頁設(shè)計與制作實用教程(第3版)
陳承歡
本書使用最新網(wǎng)頁制作工具Dreamweaver CC、最新Web 技術(shù)標(biāo)準(zhǔn)HTML5 和CSS3 設(shè)計與制作網(wǎng)...
¥49.80
綜合布線項目化教程
張麥玲 吳延昌 白東升
本書圍繞真實的工程項目,以職業(yè)技能培訓(xùn)為目標(biāo),采用項目驅(qū)動的方式,按照設(shè)計、施工、驗收的工作順序,全面、系統(tǒng)地...
¥45.00
購買本書用戶
相關(guān)圖書
C++程序設(shè)計(第3版)
齊建玲 鄧振杰 斯慶巴拉 侯曉芳
本書以介紹C++語言的基本知識為主,旨在幫助讀者建立面向?qū)ο蟪绦蛟O(shè)計的編程思想,主要內(nèi)容包括C++與面向?qū)ο蟪?..
¥49.80
C語言程序設(shè)計案例式教程
黑馬程序員
內(nèi)容提要 C語言是編程者的入門語言,也是許多大學(xué)的第一門程序設(shè)計課程。本書充分考慮到這一點,通過案例式的...
¥39.80
PHP動態(tài)網(wǎng)站開發(fā)項目教程
牟奇春 汪劍 鐘麗 謝菁 郭峰
PHP功能強大且簡單易學(xué),是眾多Web開發(fā)技術(shù)人員的首選腳本語言之一。本書在編寫上注重基礎(chǔ)、循序漸進,系統(tǒng)地講...
¥39.80
HTML5游戲開發(fā)案例教程
陳惠紅 石坤泉 劉世明 謝建華 湯雙霞
本書是HTML5游戲開發(fā)課程教材。全書分為6章,內(nèi)容包括構(gòu)建Canvas開發(fā)環(huán)境、Canvas基本功能、Cre...
¥35.00
Python 3 基礎(chǔ)教程
鄧英 夏幫貴
本書注重基礎(chǔ)、循序漸進,系統(tǒng)地講述了Python程序設(shè)計開發(fā)的相關(guān)知識。全書共分8章,涵蓋了Python開發(fā)環(huán)...
¥42.00本文關(guān)鍵詞:網(wǎng)頁設(shè)計與制作實用教程,由筆耕文化傳播整理發(fā)布。
本文編號:309496
本文鏈接:http://sikaile.net/wenshubaike/mishujinen/309496.html