網(wǎng)頁設(shè)計(jì)與制作任務(wù)驅(qū)動(dòng)式教程

內(nèi)容概要

　　本書通過7個(gè)單元，31個(gè)任務(wù)的完成，系統(tǒng)地講解了網(wǎng)頁設(shè)計(jì)的基礎(chǔ)知識和應(yīng)用技巧，將知識的學(xué)習(xí)融入到知識單元任務(wù)的完成過程中，使讀者通過學(xué)習(xí)，最終能夠熟練使用網(wǎng)頁制作工具完成較為復(fù)雜的、符合客戶要求的網(wǎng)站設(shè)計(jì)。本書內(nèi)容精練、結(jié)構(gòu)合理，講解由淺入深、循序漸進(jìn)，做到了理論與實(shí)際相結(jié)合。對于單元任務(wù)，將任務(wù)描述、任務(wù)分析和操作步驟相結(jié)合，使讀者在學(xué)習(xí)知識的同時(shí)，還能提高分析問題和解決問題的能力。本書注重培養(yǎng)讀者的創(chuàng)新精神和創(chuàng)新意識，是典型的“學(xué)、做、練”一體化教材。
《網(wǎng)頁設(shè)計(jì)與制作任務(wù)驅(qū)動(dòng)式教程》既可作為高職高專、應(yīng)用型本科院校相關(guān)專業(yè)的教材，也可作為各類技術(shù)院校、中專、相關(guān)培訓(xùn)機(jī)構(gòu)等學(xué)生的自學(xué)用書。

書籍目錄

前言
單元1  網(wǎng)頁認(rèn)識
  任務(wù)1．1  確立課程目標(biāo)
    1．1．1  行業(yè)需求前景
    1．1．2  行業(yè)需求目標(biāo)
  任務(wù)1．2  優(yōu)秀網(wǎng)站賞析
    1．2．1  門戶類網(wǎng)站
    1．2．2  商務(wù)類網(wǎng)站
    1．2．3  政府類網(wǎng)站
    1．2．4  娛樂類網(wǎng)站
    1．2．5  游戲類網(wǎng)站
    1．2．6  “遠(yuǎn)航多彩公司”項(xiàng)目案例
    實(shí)驗(yàn)環(huán)節(jié)設(shè)計(jì)
    實(shí)驗(yàn)：查找門戶類網(wǎng)站并分析其特點(diǎn)及架構(gòu)
    強(qiáng)化案例：查找電子商務(wù)類網(wǎng)站并分析其特點(diǎn)及架構(gòu)
    課后習(xí)題
單元2  網(wǎng)站策劃
  任務(wù)2．1  項(xiàng)目引入
    2．1．1  “遠(yuǎn)航多彩公司”網(wǎng)站開發(fā)立項(xiàng)
    2．1．2  確立設(shè)計(jì)項(xiàng)目的3項(xiàng)原則
    2．1．3  確定設(shè)計(jì)流程
  任務(wù)2．2  “遠(yuǎn)航多彩公司”網(wǎng)站策劃
    2．2．1  確定設(shè)計(jì)策略
    2．2．2  確定網(wǎng)頁主題
    2．2．3  網(wǎng)頁元素
    2．2．4  網(wǎng)頁布局
    2．2．5  視覺效果
    2．2．6  設(shè)計(jì)標(biāo)準(zhǔn)
    2．2．7  外觀風(fēng)格
  任務(wù)2．3  初識網(wǎng)頁
    2．3．1  網(wǎng)站的相關(guān)知識
    2．3．2  網(wǎng)頁中的基本元素與常用術(shù)語
    2．3．3  靜態(tài)網(wǎng)頁與動(dòng)態(tài)網(wǎng)頁
    2．3．4  網(wǎng)頁制作的常用軟件
  任務(wù)2．4  認(rèn)識網(wǎng)頁基礎(chǔ)語言
    2．4．1  關(guān)于HTML
    2．4．2  了解HTML的基本結(jié)構(gòu)
  任務(wù)2．5  Dreamweaver CS5簡介
    2．5．1  Dreamweaver CS5概述
    2．5．2  Dreamweaver CS5的新增功能
    2．5．3  Dreamweaver CS5的操作界面
    2．5．4  網(wǎng)頁文檔的基本操作
  任務(wù)2．6  “遠(yuǎn)航多彩公司”網(wǎng)站欄目結(jié)構(gòu)設(shè)計(jì)
    2．6．1  創(chuàng)建本地站點(diǎn)與遠(yuǎn)程站點(diǎn)
    2．6．2  Dreamweaver CS5站點(diǎn)的組成
    2．6．3  創(chuàng)建站點(diǎn)
    2．6．4  網(wǎng)站建立目錄規(guī)范
    2．6．5  網(wǎng)站文件命名規(guī)范
    實(shí)驗(yàn)環(huán)節(jié)設(shè)計(jì)
    實(shí)驗(yàn)1：用HTML創(chuàng)建表格
    實(shí)驗(yàn)2：為“遠(yuǎn)航多彩公司”創(chuàng)建一個(gè)網(wǎng)站的站點(diǎn)
    強(qiáng)化案例：建立一個(gè)班級站點(diǎn)
    課后習(xí)題
單元3  網(wǎng)頁布局
  任務(wù)3．1  使用表格布局頁面
    3．1．1  規(guī)劃“相約校園招聘”頁面表格結(jié)構(gòu)
    3．1．2  制作頁眉區(qū)
    3．1．3  制作主體區(qū)
    3．1．4  制作版權(quán)區(qū)
    3．1．5  創(chuàng)建表格
    3．1．6  編輯表格
    3．1．7  設(shè)置表格屬性
  任務(wù)3．2  使用Div+CSS布局頁面
    3．2．1  了解CSS
    3．2．2  創(chuàng)建和管理CSS
    3．2．3  認(rèn)識Div標(biāo)簽
    3．2．4  插入和編輯Div標(biāo)簽
    3．2．5  使用Div+CSS布局網(wǎng)頁
    3．2．6  使用AP Div元素
  任務(wù)3．3  使用框架布局頁面
    3．3．1  創(chuàng)建框架和框架集
    3．3．2  框架和框架集的基本操作
    3．3．3  設(shè)置框架和框架集屬性
    3．3．4  保存框架和框架集
    3．3．5  制作浮動(dòng)框架頁面
  任務(wù)3．4  使用Fireworks切片布局
    3．4．1  切片概述
    3．4．2  切片的創(chuàng)建與編輯
    3．4．3  使用切片布局網(wǎng)頁
    實(shí)驗(yàn)環(huán)節(jié)設(shè)計(jì)
    實(shí)驗(yàn)1：CSS制作鼠標(biāo)經(jīng)過時(shí)改變表格背景屬性
    實(shí)驗(yàn)2：使用切片布局網(wǎng)頁
    強(qiáng)化案例：利用HTML代碼或JavaScript代碼，在DW中制作浮動(dòng)層
    課后習(xí)題
單元4  頁面制作
  任務(wù)4．1  “遠(yuǎn)航多彩公司”網(wǎng)站首頁制作
    4．1．1  網(wǎng)頁文本的輸入與編輯
    4．1．2  使用圖像美化頁面
    4．1．3  創(chuàng)建網(wǎng)頁超鏈接
    4．1．4  插入Flash動(dòng)畫
    4．1．5  插入聲音和視頻
  任務(wù)4．2  利用表單制作客戶反饋頁面
    4．2．1  初識表單
    4．2．2  插入表單
    4．2．3  插入表單對象
    4．2．4  插入Spry對象
    實(shí)驗(yàn)環(huán)節(jié)設(shè)計(jì)
    實(shí)驗(yàn)1：添加網(wǎng)頁背景音樂
    實(shí)驗(yàn)2：命名錨記鏈接，網(wǎng)絡(luò)小說頁面的制作
    強(qiáng)化案例：添加 Spry 效果
    課后習(xí)題
單元5  網(wǎng)頁批量制作
  任務(wù)5．1  利用模板批量制作網(wǎng)站頁面
    5．1．1  創(chuàng)建并保存模板文檔
    5．1．2  基于模板創(chuàng)建“公司簡介”頁面
  任務(wù)5．2  利用模板更新網(wǎng)頁
  任務(wù)5．3  管理資源和庫
    5．3．1  使用資源
    5．3．2  庫項(xiàng)目基本知識
    5．3．3  創(chuàng)建庫項(xiàng)目
    5．3．4  應(yīng)用庫項(xiàng)目
    5．3．5  編輯庫項(xiàng)目
  任務(wù)5．4  在網(wǎng)頁中添加行為
    5．4．1  認(rèn)識行為
    5．4．2  應(yīng)用行為
    實(shí)驗(yàn)環(huán)節(jié)設(shè)計(jì)
    實(shí)驗(yàn)1：如何在Dreamweaver中導(dǎo)入網(wǎng)絡(luò)上下載的模板
    實(shí)驗(yàn)2：應(yīng)用模板制作網(wǎng)站中的其他子頁
    強(qiáng)化案例：晃動(dòng)圖片
    課后習(xí)題
單元6  制作網(wǎng)頁特效
  任務(wù)6．1  文字特效
    6．1．1  光暈字制作
    6．1．2  陰影字制作
    6．1．3  遮罩字制作
    6．1．4  動(dòng)感字制作
  任務(wù)6．2  制作彈出窗口
  任務(wù)6．3  制作循環(huán)滾動(dòng)文字/圖片
  任務(wù)6．4  細(xì)線表格的制作
  任務(wù)6．5  制作廣告圖片自動(dòng)輪換顯示
  任務(wù)6．6  浮動(dòng)廣告制作
  任務(wù)6．7  制作圖片放大特效
  任務(wù)6．8  標(biāo)簽內(nèi)容切換制作
  任務(wù)6．9  制作拼圖游戲
  任務(wù)6．10  限制選擇復(fù)選框的數(shù)量
  任務(wù)6．11  檢驗(yàn)表單
單元7  網(wǎng)站測試與發(fā)布
  任務(wù)7．1  測試網(wǎng)站
    7．1．1  站點(diǎn)中鏈接的測試
    7．1．2  改變站點(diǎn)范圍的鏈接
    7．1．3  瀏覽器兼容性檢查
    7．1．4  全面檢查站點(diǎn)的報(bào)告
    7．1．5  用戶界面可用性測試
    7．1．6  清理文檔
  任務(wù)7．2  發(fā)布站點(diǎn)
    7．2．1  域名的申請
    7．2．2  服務(wù)器空間選擇方案
    7．2．3  配置Web和FTP服務(wù)器
    7．2．4  使用Dreamweaver CS5上傳、下載網(wǎng)站
    7．2．5  使用CuteFTP上傳
    7．2．6  網(wǎng)站維護(hù)與推廣
    實(shí)驗(yàn)環(huán)節(jié)設(shè)計(jì)
    實(shí)驗(yàn)1： 利用Dreamweaver測試工具對自己的站點(diǎn)進(jìn)行測試
    實(shí)驗(yàn)2：利用Dreamweaver自帶的FTP功能上傳文件
    強(qiáng)化案例：網(wǎng)站同步
    課后習(xí)題
參考文獻(xiàn)

圖書封面

評論、評分、閱讀與下載

---

    網(wǎng)頁設(shè)計(jì)與制作任務(wù)驅(qū)動(dòng)式教程 PDF格式下載

---