Dreamweaver CS3網(wǎng)頁設(shè)計(jì)培訓(xùn)教程

前言

　　21世紀(jì)是一個(gè)信息時(shí)代，Intemet已經(jīng)進(jìn)入人們生活與工作的各個(gè)層面，而網(wǎng)頁作為Intemet信息傳遞的重要載體，其重要性也曰趨突出。自己制作網(wǎng)頁已成為越來越多人的一種興趣、愛好，網(wǎng)頁制作還發(fā)展成為一種新興職業(yè)。　　目前，用于制作網(wǎng)頁的軟件非常多，Adobe公司的Dreamweaver CS3是使用最廣泛的網(wǎng)頁制作工具。Dreamweaver CS3集網(wǎng)頁制作和網(wǎng)站管理于一體，既可以制作網(wǎng)站中的網(wǎng)頁，也可以將網(wǎng)站上傳到Intemet上供用戶瀏覽。　　Dreamweaver CS3可以將Photoshop和Fireworks等圖形圖像軟件制作的圖像、Flash等軟件制作的動畫以及各種視頻和音樂等元素合為一體，給瀏覽者呈現(xiàn)圖、文、聲音及動畫融為一體的全方位感觀效果。本書定位　　本書定位于網(wǎng)頁制作的初學(xué)者，從初學(xué)者的角度出發(fā)，合理安排知識點(diǎn)，并結(jié)合大量實(shí)例進(jìn)行講解，讓讀者在最短的時(shí)間內(nèi)掌握最有用的知識，迅速成為網(wǎng)頁制作高手，特別適合各類培訓(xùn)學(xué)校、大專院校和中職中專作為相關(guān)課程的教材使用，也可供網(wǎng)頁制作的初級用戶、網(wǎng)頁設(shè)計(jì)人員和各行各業(yè)需要進(jìn)行網(wǎng)頁制作的人員作為參考書使用。本書主要內(nèi)容　　本書共15課，從內(nèi)容上可分為4部分，各部分主要內(nèi)容如下?！　?　第1部分（第1課和第2課）：主要講解網(wǎng)頁制作基礎(chǔ)、創(chuàng)建站點(diǎn)與服務(wù)器等內(nèi)容。　　>　第2部分（第3-10課）：主要講解用文本制作簡單網(wǎng)頁、插入圖像美化網(wǎng)頁、用表格規(guī)范網(wǎng)頁、建立鏈接、通過多媒體元素豐富網(wǎng)頁、使用層疊樣式美化網(wǎng)頁、使用框架進(jìn)行網(wǎng)頁布局、使用APDiv進(jìn)行網(wǎng)頁布局等內(nèi)容。這部分內(nèi)容是網(wǎng)頁制作最基　　本的知識，讀者應(yīng)熟練掌握?！　?　第3部分（第11-13課）：主要講解使用模板批量創(chuàng)建網(wǎng)頁、使用表單實(shí)現(xiàn)交互、用行為為網(wǎng)頁添加交互功能等內(nèi)容。　　>　第4部分（第14課和第15課）：主要講解站點(diǎn)的發(fā)布以及綜合實(shí)例的制作。

內(nèi)容概要

　　《Dreamweaver CS3網(wǎng)頁設(shè)計(jì)培訓(xùn)教程》主要介紹Dreamweaver CS3在網(wǎng)頁設(shè)計(jì)和制作方面的應(yīng)用，內(nèi)容包括網(wǎng)頁制作基礎(chǔ)、創(chuàng)建站點(diǎn)與服務(wù)器、用文本制作簡單網(wǎng)頁、插入圖像美化網(wǎng)頁、用表格規(guī)范網(wǎng)頁、建立鏈接、通過多媒體元素豐富網(wǎng)頁、使用層疊樣式美化網(wǎng)頁、使用框架進(jìn)行網(wǎng)頁布局、使用AP Div進(jìn)行網(wǎng)頁布局、使用模板批量創(chuàng)建網(wǎng)頁、使用表單實(shí)現(xiàn)交互、用行為為網(wǎng)頁添加交互功能、站點(diǎn)的發(fā)布和綜合網(wǎng)站的制作等?！　　禗reamweaver CS3網(wǎng)頁設(shè)計(jì)培訓(xùn)教程》內(nèi)容深入淺出、圖文并茂，配有大量漂亮而實(shí)用的網(wǎng)頁制作實(shí)例，并在每課后結(jié)合該課的內(nèi)容給出練習(xí)題，以便進(jìn)一步鞏固所學(xué)知識?！　　禗reamweaver CS3網(wǎng)頁設(shè)計(jì)培訓(xùn)教程》適合各類培訓(xùn)學(xué)校、大專院校和中職中中專作為網(wǎng)面制作相關(guān)課程的的教材使用。也可供網(wǎng)頁制作的初級用戶、網(wǎng)頁設(shè)計(jì)人員和各行各業(yè)需要進(jìn)行網(wǎng)頁制作的人員作為參考書使用。

書籍目錄

第1課 網(wǎng)頁制作基礎(chǔ)1.1 網(wǎng)頁制作的相關(guān)知識1.1.1 知識講解1.網(wǎng)頁的定義及組成元素2.網(wǎng)頁常見部分的稱謂及規(guī)范3.網(wǎng)頁制作的流程4.網(wǎng)頁酉己色技巧1.1.2 典型案例——用“記事本”制作“welcome.html”網(wǎng)頁1.2 初識DreamweaverCS31.2.1 知識講解1.DreamweaverCS3的工作界面2.DreamweaverCs3的基本設(shè)置1.2.2 典型案例——用DreamweaverCS3創(chuàng)建“welcome2.html”網(wǎng)頁1.3 上機(jī)練習(xí)1.3.1 用“記事本”創(chuàng)建“Goodmoming.html”網(wǎng)頁1.3.2 用DreamweaverCS3制作“Goodmorning2.html”網(wǎng)頁1.4 疑難解答1.5 課后練習(xí)第2課 創(chuàng)建站點(diǎn)與服務(wù)器2.1 IIs的安裝與簡單配置2.1.1 知識講解1.安裝IIs的必要性2.IIs的安裝3.IIs的簡單配置2.1.2 典型案例——局域網(wǎng)Web服務(wù)器的創(chuàng)建2.2 站點(diǎn)的規(guī)劃及創(chuàng)建2.2.1 知識講解1.站點(diǎn)的規(guī)劃2.站點(diǎn)的創(chuàng)建2.2.2 典型案例——局域網(wǎng)內(nèi)部網(wǎng)站站點(diǎn)的創(chuàng)建2.3 上機(jī)練習(xí)2.3.1 創(chuàng)建寢室Web服務(wù)器2.3.2 創(chuàng)建站點(diǎn)“Site”2.4 疑難解答2.5 課后練習(xí)第3課 用文本制作簡單網(wǎng)頁3.1 添加網(wǎng)頁文本3.1.1 知識講解1.添加普通文本2.添加空格3.添加特殊字符4.添加水平線5.添加日期和時(shí)間6.創(chuàng)建活動字幕3.1.2 典型案例——制作版權(quán)信息欄3.2 設(shè)置文本格式3.2.1 知識講解1.設(shè)置字體格式2.設(shè)置段落格式3.添加列表3.2.2 典型案例——美化版權(quán)信息欄3.3 上機(jī)練習(xí)3.3.1 “手機(jī)導(dǎo)購”網(wǎng)頁的制作3.3.2 “手機(jī)導(dǎo)購”網(wǎng)頁的美化3.4 疑難解答3.5 課后練習(xí)第4課 插入圖像美化網(wǎng)頁4.1 圖像的插入及基本編輯4.1.1 知識講解1.圖像的插入2.圖像的基本編輯4.1.2 典型案例——“青春”網(wǎng)頁的制作4.2 圖像高級操作4.2.1 知識講解1.鼠標(biāo)經(jīng)過圖像的制作2.導(dǎo)航條的制作4.2.2 典型案例——制作網(wǎng)站導(dǎo)航條4.3 上機(jī)練習(xí)4.3.1 制作“新年快樂”網(wǎng)頁4.3.2 為“新年快樂”網(wǎng)頁制作鼠標(biāo)經(jīng)過圖像4.4 疑難解答4.5 課后練習(xí)第5課 用表格規(guī)范網(wǎng)頁5.1 創(chuàng)建及編輯表格5.1.1 知識講解1.創(chuàng)建表格2.編輯表格5.1.2 典型案例——制作“我的課 程表”表格5.2 表格屬性設(shè)置5.2.1 知識講解1.設(shè)置表格屬性2.設(shè)置單元格屬性5.2.2 典型案例——美化“我的課 程表”表格5.3 上機(jī)練習(xí)5.3.1 “個(gè)人簡歷”網(wǎng)頁的制作5.3.2 “個(gè)人簡歷”網(wǎng)頁的美化5.4 疑難解答5.5 課后練習(xí)第6課 建立鏈接6.1 使用網(wǎng)頁鏈接6.1.1 知識講解1.了解網(wǎng)頁中的鏈接2.插入網(wǎng)頁鏈接3.設(shè)置鏈接樣式6.1.2 典型案例——制作“古詩欣賞”網(wǎng)頁6.2 鏈接分類6.2.1 知識講解1.相對鏈接2.絕對鏈接3.文件鏈接4.空鏈接5.電子郵件鏈接6.命名錨記6.2.2 典型案例——完善版權(quán)信息6.3 上機(jī)練習(xí)6.3.1 制作網(wǎng)站友情鏈接欄目6.3.2 制作“軟件下載”網(wǎng)頁6.4 疑難解答6.5 課后練習(xí)第7課 通過多媒體元素豐富網(wǎng)頁7.1 插入Flash媒體元素7.1.1 知識講解1.了解Flash文件格式2.插入Flash動畫3.插入Flash按鈕4.插入Flash文本5.插入FlashPaper6.插入Flash視頻7.設(shè)置Flash動畫背景透明7.1.2 典型案例——制作“江南旅游”網(wǎng)首頁7.2 插入其他媒體元素7.2.1 知識講解1.插入Shockwave影片2.插入JavaApplet3.插入背景音樂4.插入插件7.2.2 典型案例——在線影院7.3 上機(jī)練習(xí)7.3.1 個(gè)人主頁7.3.2 MTV欣賞7.4 疑難解答7.5 課后練習(xí)第8課 使用層疊樣式美化網(wǎng)頁8.1 層疊樣式的定義及創(chuàng)建8.1.1 知識講解1.層疊樣式的定義2.認(rèn)識［CSS樣式］面板3.創(chuàng)建層疊樣式4.CSS樣式的具體定義8.1.2 典型案例——設(shè)置網(wǎng)頁頁面屬性8.2 層疊樣式的管理和應(yīng)用8.2.1 知識講解1.編輯CSS樣式2.鏈接外部CSS樣式表文件3.刪除CSS樣式4.應(yīng)用CSS樣式8.2.2 典型案例——為表格應(yīng)用CSS樣式8.3 上機(jī)練習(xí)8.3.1 “再別康橋”網(wǎng)頁頁面屬性設(shè)置8.3.2 “再別康橋”網(wǎng)頁其他樣式的設(shè)置及應(yīng)用8.4 疑難解答8.5 課后練習(xí)第9課 使用框架進(jìn)行網(wǎng)頁布局9.1 了解框架并創(chuàng)建框架9.1.1 知識講解1.了解框架及框架集2.框架及框架集的創(chuàng)建3.框架及框架集的保存9.1.2 典型案例——制作“在線小說”框架網(wǎng)頁9.2 框架及框架集的基本操作和屬性設(shè)置9.2.1 知識講解1.框架及框架集的基本操作2.刪除框架3.框架及框架集的屬性設(shè)置9.2.2 典型案例——設(shè)置“在線小說”網(wǎng)頁的框架及框架集屬性9.3 上機(jī)練習(xí)9.3.1 創(chuàng)建“管理中心”框架網(wǎng)頁9.3.2 完善“管理中心”框架網(wǎng)頁9.4 疑難解答9.5 課后練習(xí)第10課 使用APDiv進(jìn)行網(wǎng)頁布局10.1 APDiv的創(chuàng)建及基本編輯10.1.1 知識講解1.APDiv的創(chuàng)建2.使用［AP元素］面板3.APDiv的基本編輯10.1.2 典型案例——制作“花樣年華”網(wǎng)頁10.2 APDiv的屬性設(shè)置及高級操作10.2.1 知識講解1.單個(gè)APDiv的屬性設(shè)置2.多個(gè)APDiv的屬性設(shè)置3.APDiv的高級操作4.APDiv與表格的相互轉(zhuǎn)換10.2.2 典型案例——制作“蝴蝶飛舞”網(wǎng)頁特效10.3 使用Div+CSS進(jìn)行網(wǎng)頁布局10.3.1 知識講解1.了解基于CSS的網(wǎng)頁布局2.插入Div標(biāo)簽進(jìn)行布局10.3.2 典型案例——制作網(wǎng)站首頁10.4 上機(jī)練習(xí)10.4.1 制作“西藏風(fēng)情”網(wǎng)頁10.4.2 制作“浮動廣告”網(wǎng)頁特效10.4.3 制作“我的地盤”網(wǎng)頁10.5 疑難解答10.6 課后練習(xí)第11課 使用模板批量創(chuàng)建網(wǎng)頁11.1 模板的創(chuàng)建與編輯11.1.1 知識講解1.模板的創(chuàng)建2.模板的編輯11.1.2 典型案例——?jiǎng)?chuàng)建“校園新聞”網(wǎng)頁模板11.2 模板的應(yīng)用11.2.1 知識講解1.在［新建文檔］對話框中使用模板新建網(wǎng)頁2.在［資源］面板中使用模板新建網(wǎng)頁3.更新應(yīng)用模板的網(wǎng)頁11.2.2 典型案例——?jiǎng)?chuàng)建“校園新聞”網(wǎng)頁11.3 上機(jī)練習(xí)11.3.1 創(chuàng)建“古詩欣賞”網(wǎng)頁模板11.3.2 用“古詩欣賞”網(wǎng)頁模板創(chuàng)建網(wǎng)頁11.4 疑難解答11.5 課后練習(xí)第12課 使用表單實(shí)現(xiàn)交互12.1 創(chuàng)建表單12.1.1 知識講解1.了解表單2.創(chuàng)建表單3.設(shè)置表單屬性12.1.2 典型案例——?jiǎng)?chuàng)建“用戶登錄”頁面12.2 表單對象的添加12.2.1 知識講解1.添加文本字段2.添加隱藏域3.添加單選按鈕4.添加單選按鈕組5.添加復(fù)選框6.添加列表／菜單7.添加跳轉(zhuǎn)菜單8.添加文件域9.添加按鈕10.添加圖像域11.添加字段集12.2.2 典型案例——制作“注冊會員”網(wǎng)頁12.3 上機(jī)練習(xí)12.3.1 制作“商品搜索”表單網(wǎng)頁12.3.2 制作“大學(xué)生消費(fèi)調(diào)查”表單網(wǎng)頁12.4 疑難解答12.5 課后練習(xí)第13課 用行為為網(wǎng)頁添加交互功能13.1 行為的添加與編輯13.1.1 知識講解1.什么是行為2.認(rèn)識[行為]面板3.添加行為4.編輯行為5.獲取更多的行為13.1.2 典型案例——通過行為制作打字效果13.2 主要行為的使用13.2.1 知識講解1.交挾圖像2.彈出信息3.打開瀏覽器窗口4.拖動AP元素5.效果6.顯示－隱藏元素7.檢查表單13.2.2 典型案例——通過添加行為制作“首飾展示”網(wǎng)頁13.3 上機(jī)練習(xí)13.3.1 添加“檢查表單”行為13.3.2 增大／收縮元素13.4 疑難解答13.5 課后練習(xí)第14課 站點(diǎn)的發(fā)布14.1 域名及網(wǎng)站空間的申請14.1.1 知識講解1.了解域名和網(wǎng)站空間2.申請域名和網(wǎng)站空間14.1.2 典型案例——申請?jiān)囉檬召M(fèi)網(wǎng)站空間14.2 站點(diǎn)的發(fā)布及管理14.2.1 知識講解1.測試兼容性2.檢查并修復(fù)鏈接3.發(fā)布站點(diǎn)4.管理與維護(hù)站點(diǎn)5.宣傳站點(diǎn)14.2.2 典型案例——發(fā)布站點(diǎn)14.3 上機(jī)練習(xí)14.3.1 申請免費(fèi)網(wǎng)站空間14.3.2 發(fā)布站點(diǎn)14.4 疑難解答14.5 課后練習(xí)第15課 制作“藍(lán)色心情”個(gè)人網(wǎng)站15.1 制作分析15.1.1 實(shí)例效果預(yù)覽15.1.2 實(shí)例制作分析15.2 制作過程15.2.1 網(wǎng)頁制作環(huán)境的創(chuàng)建1.Web服務(wù)器的配置2.站點(diǎn)的創(chuàng)建15.2.2 網(wǎng)頁的制作1.前期準(zhǔn)備2.內(nèi)容填充3.后期完善15.2.3 網(wǎng)站的發(fā)布15.3 上機(jī)練習(xí)15.4 疑難解答15.5 課后練習(xí)參考答案

章節(jié)摘錄

　　3.網(wǎng)頁制作的流程　　制作網(wǎng)頁不像編輯文檔那樣輕松，需要遵循一定的流程：收集資料和素材、規(guī)劃站點(diǎn)、制作網(wǎng)頁、測試站點(diǎn)、發(fā)布站點(diǎn)、更新和維護(hù)站點(diǎn)等。　　1）收集資料和素材　　在制作網(wǎng)頁前應(yīng)先收集要用到的文字資料、圖片素材及用于增添頁面效果的動畫等。例如，要制作學(xué)校網(wǎng)頁，需要學(xué)校提供文字材料，如學(xué)校簡介、招生對象說明以及與學(xué)校有關(guān)的圖片等；要制作個(gè)人網(wǎng)站，則應(yīng)收集個(gè)人簡歷和愛好等方面的材料；要制作企業(yè)網(wǎng)站，則應(yīng)收集企業(yè)簡介、產(chǎn)品信息及其他相關(guān)資料?！　?）規(guī)劃站點(diǎn)　　規(guī)劃站點(diǎn)時(shí)，可以將自己假想為瀏覽者，考慮瀏覽者如何訪問網(wǎng)站、如何從一個(gè)頁面跳到另一個(gè)頁面、怎樣防止他們“迷路”。　　根據(jù)瀏覽者的訪問順序可以將內(nèi)容設(shè)計(jì)為樹形目錄，如圖1.3所示，級數(shù)一般不要太多，盡可能少于4級，否則會讓人感覺煩瑣，也不方便管理。如果內(nèi)容太多，那么繪制一個(gè)導(dǎo)航圖是非常必要的，這樣可以讓瀏覽者更方便、更舒服地訪問網(wǎng)站內(nèi)容，同時(shí)更容易在各欄目間進(jìn)行切換，圖1.4所示的即為一個(gè)導(dǎo)航設(shè)計(jì)?！　?）制作網(wǎng)頁　　網(wǎng)站一般由多個(gè)網(wǎng)頁鏈接而成，要讓瀏覽者方便、輕松地暢游網(wǎng)站，在制作網(wǎng)頁時(shí)應(yīng)考慮以下幾個(gè)方面?！　　?gòu)建頁面框架：構(gòu)建頁面框架就是針對導(dǎo)航條和主題按鈕等組成部分將頁面有條理地劃分為幾部分，對頁面做一個(gè)宏觀的布局?！　　?chuàng)建導(dǎo)航條：在網(wǎng)站的任何一個(gè)頁面上，都需提供網(wǎng)站的相關(guān)主題，以便引導(dǎo)用戶瀏覽網(wǎng)站，所以創(chuàng)建導(dǎo)航條是非常必要的（一般位于網(wǎng)站的上部或左側(cè)）。　　·填充內(nèi)容：將內(nèi)容合理地分配到網(wǎng)頁的各個(gè)部分，并插入圖片和Hash動畫等?！　　?chuàng)建返回主頁的超鏈接：在各個(gè)內(nèi)頁頁面中設(shè)置返回主頁的超鏈接，以便用戶快速返回主頁，從而瀏覽其他頁面。

編輯推薦

　　《Dreamweaver CS3網(wǎng)頁設(shè)計(jì)培訓(xùn)教程》免費(fèi)提供電子教案。全新的編排結(jié)構(gòu)、豐富的典型案例，帶您一步步走進(jìn)網(wǎng)頁設(shè)計(jì)的殿堂；詳盡的圖例演示、精彩的技巧點(diǎn)撥，使您的學(xué)習(xí)過程更加輕松愉悅；由淺入深的實(shí)例講解、逐步深入的練習(xí)設(shè)置。讓您在不知不覺中完成從新手到高手的轉(zhuǎn)變；切中實(shí)際的疑難解答。幫您答疑解惑、掃清知識死角。

圖書封面

評論、評分、閱讀與下載

---

    Dreamweaver CS3網(wǎng)頁設(shè)計(jì)培訓(xùn)教程 PDF格式下載

---