網(wǎng)頁設(shè)計與制作

前言

　　本書是《網(wǎng)頁設(shè)計與制作Dreamweaver MX2004（第2版）》的升級版。　　2005年，Adobe耗巨資收購Macromedia：2007年，Adobe推出Creative Suite 3套裝軟件將原來的網(wǎng)頁三劍客Dreamweaver、Fireworks、Flash和PhotoShop等軟件融合為一體；2008年10月，Adobe又推出新一代軟件Creative Suite 4（CS4）。Creative Suite 4繼承了傳統(tǒng)的各個軟件的優(yōu)點，又增加了許多適合現(xiàn)代網(wǎng)頁開發(fā)和設(shè)計要求的新功能，在用戶界面方面也進行了較大的更新?！　檫m應(yīng)Creative Suite 4給學(xué)習(xí)網(wǎng)頁制作帶來的新的需要，本書選擇了網(wǎng)頁制作中最重要的開發(fā)工具Dreamweaver CS4作為主要講解內(nèi)容，同時兼顧學(xué)習(xí)網(wǎng)頁制作的需要，還介紹了兩個最重要的輔助工具Fireworks CS4、Flash CS4。這三個軟件具有網(wǎng)頁制作、站點管理、網(wǎng)頁圖像創(chuàng)作和加工、動畫制作等功能，幾乎不用借助其他工具，就可以完成網(wǎng)頁制作的全過程?！　”緯蔷幷咴诙嗄杲虒W(xué)實踐的基礎(chǔ)上編寫的，從網(wǎng)頁制作的實際情況出發(fā)，不過分強調(diào)知識的完整性，以能夠使讀者學(xué)會網(wǎng)頁制作的基本技術(shù)為目的，書中包含大量網(wǎng)頁制作的實例，完成這些實例的練習(xí)，就可以掌握最基本的網(wǎng)頁制作技術(shù)。　　全書共9章，第1章是網(wǎng)頁制作基礎(chǔ)，介紹瀏覽器、HTML語言等網(wǎng)頁制作的基礎(chǔ)知識；第2章是Dreamweaver CS4基礎(chǔ)，介紹Dreamweaver CS4的安裝、界面設(shè)置、站點管理和網(wǎng)頁制作的基本步驟；第3章是網(wǎng)頁的基本操作，介紹向網(wǎng)頁中插入常用網(wǎng)頁元素的方法：第4章是網(wǎng)頁布局與排版，介紹使用表格及AP Div進行網(wǎng)頁布局、使用CSS進行網(wǎng)頁排版設(shè)計的方法：第5章是高級網(wǎng)頁制作，介紹模板的使用、表單的制作和Spry驗證；第6章是網(wǎng)頁特效設(shè)計，介紹使用行為、JavaScript、Spry控件制作各種網(wǎng)頁特效的方法；第7章介紹使用FireworksCS4制作圖像，包括圖像的創(chuàng)作、加工、網(wǎng)頁圖像處理等內(nèi)容：第8章介紹使用Flash CS4制作動畫；第9章介紹網(wǎng)站上傳和維護；附錄收集了HTML常用標簽和Dreamweaver CS4、Fireworks CS4、Flash CS4中常用的快捷鍵?！　【W(wǎng)頁制作也是一門發(fā)展較快的技術(shù)，本書作者在編寫時考慮到教材和資料的雙重作用，收集了大量實例和技術(shù)資料，既可作為高校教材，也可作為各種專業(yè)技術(shù)培訓(xùn)的教材，還可作為網(wǎng)頁制作者的技術(shù)參考資料?！　”緯蓷钌猩沃骶?，第1、第2章由郭曉萍編寫，第4、第9章由高翔編寫，第5、第6章由郭玉珂編寫，第3、第7、第8章和附錄由楊尚森編寫，配套的教學(xué)課件由白琳制作，全書由楊尚森進行最后的校對、統(tǒng)稿?！　”緯诰帉戇^程中得到了電子工業(yè)出版社的大力支持，為作者提供了大量參考資料；楊柳、趙麗萍、李寒、邵剛等為本書進行了文字錄入、實例制作等工作；本書還參考了大量相關(guān)書籍和網(wǎng)絡(luò)資源，不能一一列出，在此一并表示感謝。

內(nèi)容概要

本書編者在多年教學(xué)實踐的基礎(chǔ)上，選擇目前最流行的Adobe Creative
Suite 4(CS4)中的Dreamweaver CS4為主要講解內(nèi)容，并簡單介紹了 Fireworks CS4、Flash
CS4的使用。全書從網(wǎng)頁制作的實際情況出發(fā)，不過分強調(diào)知識的完整性，以能夠使讀者學(xué)會網(wǎng)頁制作的基本技術(shù)為目的，書中包含大量網(wǎng)頁制作的實例，完成這些實例的練習(xí)，就可以掌握最基本的網(wǎng)頁制作技術(shù)。
本書在編寫時考慮到教材和資料的雙重作用，收集了大量實例和技術(shù)資料，既可作為高校教材，也可作為各種技術(shù)培訓(xùn)的教材，還可作為網(wǎng)頁制作者的技術(shù)參考資料。

書籍目錄

第1章  網(wǎng)頁制作基礎(chǔ)
  1.1  Web和瀏覽器
    1.1.1  瀏覽器
    1.1.2  IE8.0的使用
    1.1.3  網(wǎng)頁中的元素
  1.2  網(wǎng)頁制作的相關(guān)知識
    1.2.1  HTML語言
    1.2.2  XML語言
    1.2.3  靜態(tài)網(wǎng)頁和動態(tài)網(wǎng)頁
    1.2.4  Web服務(wù)器端程序
  1.3  網(wǎng)頁制作自基本方法
    1.3.1  網(wǎng)頁制作的基本步驟
    1.3.2  Adobe的CS4
  思考題
  上機練習(xí)題
第2章  Dreamweaver CS4基礎(chǔ)
  2.1  Dreamweaver CS4簡介
    2.1.1  Dreamwvaver CS4的新增功能
    2.1.2  Drea|nweaver CS4的運行環(huán)境
    2.1.3  安裝Dreamweaver CS4
  2.2  創(chuàng)建站點
    2.2.1  啟動Dreamweavcr CS4
    2.2.2  使用向?qū)?chuàng)建站點
    2.2.3  打開站點和編輯站點信息
    2.2.4  使用高級設(shè)置創(chuàng)建站點
  2.3  Dreamweaver CS4的操作界面
    2.3.1  Dreamweaver CS4的工作區(qū)
    2.3.2  頁面屬性的設(shè)置
    2.3.3  文件頭設(shè)置
  2.4  制作網(wǎng)頁的過程
    2.4.1  準備素材
    2.4.2  制作網(wǎng)頁
    2.4.3  預(yù)覽網(wǎng)頁
    2.4.4  文件操作
    2.4.5  設(shè)置工作界面
  思考題
  上機練習(xí)題
第3章  網(wǎng)頁的基本操作
  3.1  添加文本
    3.1.1  插入文本
    3.1.2  設(shè)置文本屬性
    3.1.3  插入滾動字幕
    3.1.4  插入水平線
  3.2  插入圖像
    3.2.1  網(wǎng)頁中常用的圖像格式
    3.2.2  插入圖像
    3.2.3  圖像占位符和變換圖像
  3.3  制作鏈接與導(dǎo)航
    3.3.1  設(shè)置文本超級鏈接
    3.3.2  使用錨記標簽
    3.3.3  圖像超級鏈接和圖像地圖
    3.3.4  創(chuàng)建導(dǎo)航條
  3.4  多媒體的應(yīng)用
    3.4.1  流媒體文件的類型
    3.4.2  插入Flash
    3.4.3  影音播放頁面的制作
  3.5  插入表格
    3.5.1  表格的知識
    3.5.2  添加表格
    3.5.3  編輯表格
    3.5.4  導(dǎo)入表格數(shù)據(jù)
  思考題
  上機練習(xí)題
第4章  網(wǎng)頁布局與排版
  4.1  頁面布局
    4.1.1  網(wǎng)頁的版面布局
    4.1.2  設(shè)置可視化助理
    4.1.3  設(shè)置標尺、輔助線和網(wǎng)格
  4.2  使用表格布局
    4.2.1  創(chuàng)建表格
    4.2.2  使用擴展表格模式
    4.2.3  使用表格
  4.3  使用AP Div進行網(wǎng)頁布局
    4.3.1  插入AP Div
    4.3.2  使用AP Div進行網(wǎng)頁布局
    4.3.3  使用AP Div布局的優(yōu)點
    4.3.4  使用內(nèi)置的CSS模板
    4.3.5  將AP Div轉(zhuǎn)換成表格
  4.4  使用框架結(jié)構(gòu)
    4.4.1  框架網(wǎng)頁
    4.4.2  框架集網(wǎng)頁
    4.4.3  設(shè)置框架網(wǎng)頁的屬性
    4.4.4  框架鏈接的目標
    4.4.5  關(guān)于框架的建議
  4.5  CSS基礎(chǔ)
    4.5.1  CSS基礎(chǔ)
    4.5.2  新建CSS樣式
    4.5.3  設(shè)置CSS屬性
    4.5.4  CSS文件模板
  4.6  CSS屬性
    4.6.1  類型
    4.6.2  背景
    4.6.3  區(qū)塊
    4.6.4  方框
    4.6.5  邊框
    4.6.6  列表
    4.6.7  定位
    4.6.8  擴展
    4.6.9  CSS濾鏡
  思考題
  上機練習(xí)題
第5章  高級網(wǎng)頁制作
  5.1  模板
    5.1.1  創(chuàng)建模板
    5.1.2  設(shè)置模板的可編輯域
    5.1.3  使用模板創(chuàng)建網(wǎng)頁
    5.1.4  套用模板
    5.1.5  利用模板批量更新網(wǎng)頁
    5.1.6  脫離網(wǎng)頁與模板的關(guān)聯(lián)
  5.2  庫
    5.2.1  庫的基本概念
    5.2.2  創(chuàng)建庫項目
    5.2.3  應(yīng)用庫項目
    5.2.4  編輯庫項目
    5.2.5  脫離庫項目鏈接
  5.3  表單
    5.3.1  了解表單
    5.3.2  表單元素
    5.3.3  創(chuàng)建表單
    5.3.4  表單元素
  5.4  插入表單驗證Spry構(gòu)件
    5.4.1  插入驗證文本域
    5.4.2  插入驗證文本區(qū)域
    5.4.3  插入驗證復(fù)選框
    5.4.4  插入驗證選擇
    5.4.5  插入Spry驗證密碼
    5.4.6  插入Spry驗證確認
  思考題
  上機練習(xí)題
第6章  網(wǎng)頁特效設(shè)計
  6.1  行為
    6.1.1  基本概念
    6.1.2  使用行為
    6.1.3  事件
    6.1.4  附加動作
    6.1.5  下載并安裝第三方行為
  6.2  使用Java Script代碼
    6.2.1  使用代碼片斷
    6.2.2  一些常用效果的腳本代碼
  6.3  插入Spry菜單、面板和效果
    6.3.1  Spry簡介
    6.3.2  插入Spry菜單欄
    6.3.3  插入Spry選項卡式面板
    6.3.4  插入Spry折疊構(gòu)件
    6.3.5  添加Spry效果
  思考題
  上機練習(xí)題
第7章  使用Fireworks CS4制作圖像
  7.1  Fireworks CS4簡介
    7.1.1  網(wǎng)頁圖像的格式
    7.1.2  Fireworks CS4工作界面
    7.1.3  創(chuàng)建Fireworks文檔
  7.2  使用矢量工具
    7.2.1  繪制矢量對象
    7.2.2  對象的基本操作
    7.2.3  路徑的編輯
    7.2.4  文本編輯
  7.3  顏色、筆觸和填充
    7.3.1  顏色
    7.3.2  使用筆觸
    7.3.3  填充
    7.3.4  使用樣式和形狀
  7.4  編輯位圖
    7.4.1  創(chuàng)建和編輯位圖
    7.4.2  編輯選區(qū)
    7.4.3  修飾位圖
  7.5  圖像的后期處理
    7.5.1  使用濾鏡
    7.5.2  使用層
    7.5.3  使用蒙版
    7.5.4  混合和透明度
    7.5.5  處理照片
  7.6  制作GIF動畫
    7.6.1  創(chuàng)建動畫
    7.6.2  使用“狀態(tài)”面板
    7.6.3  將多個文件用做一個動畫
    7.6.4  導(dǎo)出動畫
  7.7  切片和熱點
    7.7.1  使用切片
    7.7.2  導(dǎo)出切片
    7.7.3  創(chuàng)建熱點
  思考題
  上機練習(xí)題
第8章  使用Flash CS4制作動畫
  8.1  Flash CS4基礎(chǔ)
    8.1.1  Flash概述
    8.1.2  Flash CS4的界面
    8.1.3  使用Flash CS4制作動畫的過程一
  8.2  使用繪圖工具
    8.2.1  繪制基本圖形
    8.2.2  編輯圖形對象
    8.2.3  輸入文字
  8.3  制作動畫
    8.3.1  逐幀動畫
    8.3.2  形狀補間動畫
    8.3.3  創(chuàng)建補間動畫
    8.3.4  引導(dǎo)路徑動畫
    8.3.5  遮罩動畫
  8.4  元件和庫
    8.4.1  元件的使用
    8.4.2  創(chuàng)建庫元件
    8.4.3  制作按鈕
  8.5  電影的優(yōu)化、發(fā)布與導(dǎo)出
    8.5.1  電影的優(yōu)化
    8.5.2  發(fā)布影片
    8.5.3  導(dǎo)出電影
  思考題
  上機練習(xí)題
第9章  網(wǎng)站上傳和維護
  9.1  管理站點
    9.1.1  編輯本地站點
    9.1.2  復(fù)制與刪除本地站點
  9.2  站點測試
    9.2.1  檢查鏈接
    9.2.2  生成站點報告
    9.2.3  檢查瀏覽器兼容性
    9.2.4  驗證站點
  9.3  站點上傳與更新
    9.3.1  申請網(wǎng)站域名
    9.3.2  申請網(wǎng)站空問
    9.3.3  設(shè)置遠程主機信息
    9.3.4  上傳文件
    9.3.5  查看遠程站點文件
    9.3.6  站點更新
  思考題
  上機練習(xí)題
附錄A  HTML 4.0標簽索引
附錄B  Dreamweaver CS4、Fireworks CS4、Flash CS4常用快捷鍵
參考文獻

章節(jié)摘錄

　　1.1.3 網(wǎng)頁中的元素　　大量的網(wǎng)頁元素組成了多姿多彩的網(wǎng)頁，用戶可以看見的網(wǎng)頁元素有如下幾種?！　?.文字　　文字是網(wǎng)頁中最主要的元素。文字的大小、顏色、字體可以改變，有些文字還可以運動?！　?.圖像　　圖像給網(wǎng)頁增加了無窮的活力，圖像分為說明內(nèi)容的普通圖像和作為宣傳、點綴、背景等使用的裝飾圖像?！　?.表單　　網(wǎng)頁中的表單允許瀏覽者進行交互操作，如輸入文字內(nèi)容（用戶名、密碼、文字評論等）、進行是否單選或多選一的選擇、菜單操作、使用按鈕提交內(nèi)容等。　　4.Flash動畫　　Flash動畫是近年來十分流行的網(wǎng)頁元素，可以制作十分精美的動畫效果，甚至出現(xiàn)了大量的Flash MTV、Flash游戲等。本書將簡單介紹制作Flash動畫的方法?！　?.表格　　表格在網(wǎng)頁中扮演十分重要的角色，除了有序的顯示數(shù)據(jù)外，還用于網(wǎng)頁版面設(shè)計。　　6.超級鏈接　　超級鏈接是網(wǎng)頁中最重要的元素，也是互聯(lián)網(wǎng)最吸引人的原因之一。文字、圖像、Flash動畫等都可以定義為超級鏈接，在網(wǎng)頁中單擊超級鏈接可以打開另外一個感興趣的網(wǎng)頁?！　?.視頻、音頻　　在網(wǎng)頁中可以嵌入視頻、音頻，實現(xiàn)在線看電影、聽音樂。網(wǎng)頁還可以加入背景聲音?！　?.彈出窗口　　彈出窗口是在網(wǎng)頁調(diào)入時同時打開的小的瀏覽器窗口，用來顯示重要公告、廣告等。彈出窗口一般只有標題欄和瀏覽窗口，沒有工具欄、地址欄、狀態(tài)欄等?！　?.標題欄和狀態(tài)欄文字　　標題欄和狀態(tài)欄的文字是網(wǎng)頁的組成部分，可以根據(jù)網(wǎng)頁內(nèi)容進行設(shè)置。標題欄顯示網(wǎng)站名稱、正文的標題等，狀態(tài)欄則顯示信息提示、當(dāng)前時間、版權(quán)說明等。

圖書封面

評論、評分、閱讀與下載

---

    網(wǎng)頁設(shè)計與制作 PDF格式下載

---