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