Dreamweaver CS3網(wǎng)站制作炫例精講

前言

　　網(wǎng)頁(yè)設(shè)計(jì)和制作已經(jīng)不再是什么新鮮而難學(xué)的技術(shù)了。那么對(duì)于初學(xué)者來(lái)說(shuō)，如何快速上手、融合技術(shù)，通過(guò)各種各樣網(wǎng)頁(yè)范例的學(xué)習(xí)操作無(wú)疑是最好的學(xué)習(xí)方法之一，本書(shū)的核心主旨就是圍繞于此。同時(shí)，為適應(yīng)越來(lái)越趨向于Web標(biāo)準(zhǔn)化建設(shè)網(wǎng)站的步伐，進(jìn)行網(wǎng)頁(yè)的CSS布局則是首要之重點(diǎn)。所以本書(shū)總括即是以CSS布局為基礎(chǔ)的網(wǎng)頁(yè)實(shí)例集合的描述?！　”緯?shū)主要介紹的是各種各樣網(wǎng)頁(yè)實(shí)例的制作。通過(guò)對(duì)這些實(shí)例的學(xué)習(xí)和應(yīng)用，逐漸掌握Dreamweaver這個(gè)作為網(wǎng)頁(yè)制作利器的各項(xiàng)功能。全書(shū)共分為三篇進(jìn)行結(jié)構(gòu)組成?！　〉?篇是基礎(chǔ)篇，主要針對(duì)初學(xué)者，如何快速掌握最全面的基礎(chǔ)知識(shí)。本篇由5章組成。第l章，輕輕松松網(wǎng)頁(yè)文本。本章是文本在網(wǎng)頁(yè)中多屬性多狀態(tài)的全方位描述。第2章，耳目一新的網(wǎng)頁(yè)圖像。通過(guò)圖像才使得我們的網(wǎng)頁(yè)“多姿多彩”，同時(shí)在本章我們還會(huì)運(yùn)用到“圖文混排”。第3章，表格布局網(wǎng)頁(yè)。傳統(tǒng)的網(wǎng)頁(yè)布局的方法是使用表格布局的，那么我們?nèi)绾握J(rèn)識(shí)和使用表格，將在本章詳細(xì)看到。第4章，炫酷的網(wǎng)頁(yè)多媒體。音頻、視頻和Flash動(dòng)畫(huà)，這些網(wǎng)頁(yè)元素的加入使得我們的網(wǎng)頁(yè)更酷更炫了，本章將逐一介紹。第5章，超能的超鏈接。超鏈接的作用是舉足輕重的，沒(méi)有超鏈接的網(wǎng)頁(yè)是一個(gè)信息孤島。同樣超鏈接的方式也是多種多樣的，欲知詳情，本章即知。

內(nèi)容概要

　　是一本介紹利用Dreamweaver 軟件進(jìn)行網(wǎng)頁(yè)制作、網(wǎng)站建設(shè)的書(shū)籍。Dreamweaver 是工具，制作網(wǎng)頁(yè)建設(shè)網(wǎng)站是目的?！禗reamweaver CS3網(wǎng)站制作炫例精講》通過(guò)大量的網(wǎng)頁(yè)實(shí)例讓讀者在掌握網(wǎng)頁(yè)制作技巧的同時(shí)不知不覺(jué)理解并應(yīng)用Dreamweaver 的工具功能，這是《Dreamweaver CS3網(wǎng)站制作炫例精講》的最大特點(diǎn)?！　　禗reamweaver CS3網(wǎng)站制作炫例精講》內(nèi)容由三部分組成，分別是基礎(chǔ)篇、提高篇和綜合篇?；A(chǔ)篇主要是針對(duì)網(wǎng)頁(yè)制作所需要的基礎(chǔ)技術(shù)作入門性講解，通俗易懂能很快上手。提高篇?jiǎng)t對(duì)于如何快速制作網(wǎng)頁(yè)、如何融入最新網(wǎng)頁(yè)制作技術(shù)作詳細(xì)介紹，以確保讀者在掌握基礎(chǔ)的同時(shí)也能接觸到網(wǎng)頁(yè)制作的流行技術(shù)。對(duì)于綜合篇，《Dreamweaver CS3網(wǎng)站制作炫例精講》則通過(guò)介紹各類不同網(wǎng)站的建設(shè)作為每章的敘事藍(lán)本，讓讀者深切體會(huì)到制作網(wǎng)頁(yè)、建設(shè)網(wǎng)站的完整流程，同時(shí)也是對(duì)不同類型網(wǎng)站的建設(shè)體驗(yàn)?！　　禗reamweaver CS3網(wǎng)站制作炫例精講》重點(diǎn)推薦使用遵循Web 標(biāo)準(zhǔn)的CSS 布局方式進(jìn)行網(wǎng)頁(yè)的設(shè)計(jì)制作，并且《Dreamweaver CS3網(wǎng)站制作炫例精講》介紹的就是通過(guò)Dreamweaver 軟件來(lái)進(jìn)行的CSS 布局。這是《Dreamweaver CS3網(wǎng)站制作炫例精講》的又一特點(diǎn)也是最大亮點(diǎn)。　　《Dreamweaver CS3網(wǎng)站制作炫例精講》對(duì)于網(wǎng)頁(yè)初學(xué)者建立新思維指明了方向，對(duì)于傳統(tǒng)網(wǎng)頁(yè)設(shè)計(jì)者轉(zhuǎn)變新思維提供了借鑒，更重要的是對(duì)Dreamweaver 各項(xiàng)功能進(jìn)行了立體化的范例介紹，是一本適合初、中級(jí)網(wǎng)頁(yè)設(shè)計(jì)愛(ài)好者們的不錯(cuò)書(shū)籍。

書(shū)籍目錄

基礎(chǔ)篇第1章 輕輕松松網(wǎng)頁(yè)文本21.1 個(gè)人簡(jiǎn)歷——網(wǎng)頁(yè)文本排版 21.1.1 文本行 21.1.2 文本段落41.1.3 項(xiàng)目列表51.1.4 個(gè)人簡(jiǎn)歷示例61.2 有色有彩——網(wǎng)頁(yè)文本顏色111.2.1 為文本挑選顏色111.2.2 為文本應(yīng)用顏色樣式121.2.3 自定義（顏色）樣式131.3 唐詩(shī)三首——網(wǎng)頁(yè)文本字體 161.3.1 編輯字體列表 161.3.2 定義文本字體樣式 181.3.3 應(yīng)用文本字體樣式 191.4 花色文本——網(wǎng)頁(yè)特色文本 201.4.1 解決網(wǎng)頁(yè)空格問(wèn)題 211.4.2 Dreamweaver 軟件自帶的特殊字符221.4.3 輸入法自帶特殊字符 221.4.4 特殊字體——特殊字符241.5 多彩文案稿——網(wǎng)頁(yè)背景 261.5.1 文本的背景顏色 261.5.2 文本的背景圖像281.6 網(wǎng)頁(yè)字體樣式正常設(shè)置步驟301.6.1 網(wǎng)頁(yè)主體文本的定義301.6.2 網(wǎng)頁(yè)段落文本的定義321.6.3 自定義文本樣式33第2章 耳目一新的網(wǎng)頁(yè)圖像352.1 一張照片——插入圖像352.1.1 有關(guān)圖像插入的反面案例352.1.2 規(guī)范的圖像插入到網(wǎng)頁(yè)392.1.3 縮略圖效果432.2 網(wǎng)絡(luò)相冊(cè)——真正的網(wǎng)站相冊(cè)452.2.1 創(chuàng)建網(wǎng)站相冊(cè)452.2.2 相冊(cè)邊框482.3 老母雞變鴨——鼠標(biāo)經(jīng)過(guò)圖像502.3.1 鼠標(biāo)經(jīng)過(guò)圖像效果前的準(zhǔn)備工作502.3.2 鼠標(biāo)經(jīng)過(guò)圖像的制作522.3.3 鼠標(biāo)經(jīng)過(guò)圖像的網(wǎng)頁(yè)應(yīng)用532.3.4 網(wǎng)頁(yè)導(dǎo)航條552.4 領(lǐng)導(dǎo)致辭——圖文混排572.4.1 常規(guī)的圖文混排572.4.2 CSS 設(shè)置的圖文混排602.5 立體感的網(wǎng)頁(yè)——背景圖像622.5.1 書(shū)本活頁(yè)——縱向重復(fù)的背景圖像632.5.2 玻璃瓦屋檐——橫向重復(fù)的背景圖像652.5.3 書(shū)頁(yè)卷角——定位的背景圖像68第3章 表格布局網(wǎng)頁(yè)713.1 課程表——表格基礎(chǔ)713.1.1 建立Dreamweaver 站點(diǎn)713.1.2 插入表格733.1.3 合并單元格743.1.4 表格屬性763.2 色卡填充——表格背景803.2.1 設(shè)置背景顏色803.2.2 CSS 定義背景顏色823.3 六神合體——插入切片圖像843.3.1 獲得切片圖像853.3.2 插入表格863.3.3 插入切片圖像873.4 表格大演習(xí)——圓角. 細(xì)線. 陰影表格883.4.1 圓角表格883.4.2 細(xì)線表格923.4.3 陰影漸變表格953.5 個(gè)人網(wǎng)頁(yè)——表格布局1003.5.1 個(gè)人網(wǎng)頁(yè)制作前準(zhǔn)備1003.5.2 表格布局網(wǎng)頁(yè)1013.5.3 嵌套表格1033.5.4 CSS 樣式定義105第4章 炫酷的網(wǎng)頁(yè)多媒體1094.1 我要聽(tīng)歌——插入音頻到網(wǎng)頁(yè)1094.1.1 音樂(lè)在線視聽(tīng)1094.1.2 網(wǎng)頁(yè)背景音樂(lè)1114.2 家庭影院——插入視頻到網(wǎng)頁(yè)1124.2.1 常見(jiàn)插入視頻方案1124.2.2 插入視頻代碼方案1144.2.3 在線影院1164.3 動(dòng)感網(wǎng)頁(yè)——插入Flash 動(dòng)畫(huà)1194.3.1 純Flash 網(wǎng)頁(yè)1194.3.2 插入Flash 按鈕到頁(yè)面1214.4 透明Flash——Flash 應(yīng)用1224.4.1 透明Flash 的應(yīng)用說(shuō)明1224.5 FLV 視頻站——Flash 視頻1264.5.1 Flash 視頻基礎(chǔ)1264.5.2 插入Flash 視頻127第5章 超能的超鏈接1295.1 網(wǎng)址大全——外部鏈接1295.1.1 文本鏈接1295.1.2 圖像鏈接1305.1.3 其他形式的鏈接1325.2 我的網(wǎng)站——內(nèi)部鏈接1335.2.1 站內(nèi)鏈接方法一1335.2.2 站內(nèi)鏈接方法二1345.2.3 站內(nèi)鏈接更新1345.3 頁(yè)內(nèi)鏈接——錨記鏈接1355.3.1 命名錨記1355.3.2 添加錨記鏈接1365.3.3 錨記鏈接的網(wǎng)頁(yè)應(yīng)用1375.4 中國(guó)地圖——圖像熱點(diǎn)鏈接1405.4.1 圖像熱點(diǎn)鏈接的制作1405.4.2 圖像熱點(diǎn)鏈接的應(yīng)用1425.5 鏈接也精彩——鏈接的CSS 樣式1445.5.1 文本鏈接的樣式1455.5.2 單個(gè)頁(yè)面的不同鏈接樣式148提高篇第6章 “耀眼”的DIV 標(biāo)簽1526.1 超酷相冊(cè)——顯示/隱藏層1526.1.1 繪制層. 隱藏層1536.1.2 顯示/隱藏層1546.1.3 顯示/隱藏層的應(yīng)用——超酷相冊(cè)1576.2 在線試衣——拖動(dòng)AP 元素1626.2.1 拖動(dòng)AP 元素1636.2.2 在線試衣1656.3 漂浮廣告——時(shí)間軸動(dòng)畫(huà)1686.3.1 時(shí)間軸動(dòng)畫(huà)1686.3.2 動(dòng)感的下拉菜單1716.4 CSS 布局——DIV 標(biāo)簽的應(yīng)用1756.4.1 一列固定居中顯示1766.4.2 兩列固定并排顯示1786.4.3 兩列并排居中顯示1816.5 Web 標(biāo)準(zhǔn)網(wǎng)頁(yè)制作——XHTML+CSS1856.5.1 認(rèn)識(shí)Web 標(biāo)準(zhǔn)1856.5.2 Web 標(biāo)準(zhǔn)的實(shí)現(xiàn)1856.5.3 Web 標(biāo)準(zhǔn)的布局標(biāo)簽1866.5.4 文本列表布局示例187第7章 網(wǎng)頁(yè)模板1897.1 網(wǎng)頁(yè)模板及可編輯區(qū)域1897.1.1 新建網(wǎng)頁(yè)模板1897.1.2 新建可編輯區(qū)域1907.1.3 應(yīng)用模板到網(wǎng)頁(yè)1917.2 重復(fù)區(qū)域1927.3 應(yīng)用模板后的操作1967.3.1 更新模板文件1967.3.2 從模板中分離197第8章 Ajax 框架Spry1988.1 Spry 頁(yè)面特效 1988.1.1 Spry 菜單欄 1988.1.2 Spry 選項(xiàng)卡式面板 2018.1.3 Spry 折疊式 2028.1.4 Spry 可折疊面板 2048.2 Spry 驗(yàn)證表單 2058.2.1 在網(wǎng)頁(yè)中應(yīng)用表單.. 2058.2.2 Spry 驗(yàn)證文本域2118.2.3 Spry 驗(yàn)證選擇 2148.2.4 Spry 驗(yàn)證復(fù)選框 2158.2.5 Spry 驗(yàn)證文本區(qū)域 2168.3 Spry XML 數(shù)據(jù)操作 2178.3.1 Spry XML 數(shù)據(jù)集 2188.3.2 Spry 區(qū)域 2198.3.3 Spry 重復(fù)項(xiàng) 2208.3.4 Spry 重復(fù)列表 2228.3.5 Spry 表 2238.3.6 Spry 遠(yuǎn)程XML 數(shù)據(jù)應(yīng)用 226綜合篇第9章 個(gè)人博客網(wǎng)站2309.1 博客網(wǎng)站的策劃準(zhǔn)備 2309.1.1 了解博客網(wǎng)站的概況 2309.1.2 建立Dreamweaver 站點(diǎn) 2319.2 博客網(wǎng)站模板網(wǎng)頁(yè)建立 2329.2.1 模板文件和CSS 文件的建立 2329.2.2 設(shè)計(jì)模板布局 2359.2.3 豐富模板內(nèi)容 2379.3 CSS 定義模板網(wǎng)頁(yè)布局 2459.3.1 定義網(wǎng)頁(yè)的主體CSS 樣式 2459.3.2 定義網(wǎng)頁(yè)的標(biāo)識(shí)區(qū)CSS 樣式 2469.3.3 定義網(wǎng)頁(yè)的導(dǎo)航區(qū)CSS 樣式 2499.3.4 定義網(wǎng)頁(yè)的內(nèi)容區(qū)CSS 樣式 2539.3.5 定義網(wǎng)頁(yè)的底部信息區(qū)CSS 樣式2639.3.6 增加廣告條并定義CSS2649.4 定義模板的可編輯區(qū)域和重復(fù)區(qū)域2669.4.1 定義可編輯區(qū)域2669.4.2 定義重復(fù)區(qū)域2679.5 應(yīng)用模板完成博客網(wǎng)站2699.5.1 制作博客首頁(yè)2699.5.2 制作博客內(nèi)容頁(yè)2709.5.3 添加鏈接完成博客網(wǎng)站270第10章 婚紗攝影網(wǎng)站27210.1 婚紗攝影網(wǎng)站之思考27210.1.1 如何設(shè)計(jì)婚紗攝影網(wǎng)站27210.1.2 建立Dreamweaver 站點(diǎn)27310.2 建立網(wǎng)站模板27410.2.1 建立模板文件和CSS 文件27510.2.2 設(shè)計(jì)模板網(wǎng)頁(yè)的結(jié)構(gòu)27710.2.3 在模板頁(yè)插入網(wǎng)頁(yè)內(nèi)容28110.3 CSS 布局網(wǎng)頁(yè)28310.3.1 定義網(wǎng)頁(yè)主體CSS 28310.3.2 定義網(wǎng)頁(yè)標(biāo)識(shí)區(qū)CSS 28410.3.3 定義廣告條區(qū)CSS 28510.3.4 定義側(cè)欄CSS 28710.3.5 定義主要內(nèi)容區(qū)域的CSS 28810.3.6 清除浮動(dòng)29210.3.7 定義底部信息的CSS29310.4 設(shè)置模板可編輯區(qū)域并應(yīng)用模板29410.4.1 為模板新建可編輯區(qū)域29410.4.2 應(yīng)用模板制作網(wǎng)頁(yè)29510.5 完善網(wǎng)站首頁(yè)和內(nèi)容頁(yè)從而完成網(wǎng)站制作29610.5.1 完善“作品展示”頁(yè)29610.5.2 完善“關(guān)于我們”頁(yè)300第11章 房地產(chǎn)類網(wǎng)站30411.1 房地產(chǎn)類網(wǎng)站之思考30411.1.1 了解房地產(chǎn)類網(wǎng)站30411.1.2 建立Dreamweaver 站點(diǎn)30511.2 建立房地產(chǎn)類網(wǎng)站模板30611.2.1 建立網(wǎng)站模板和CSS 文件30611.2.2 設(shè)計(jì)網(wǎng)站模板文件的頁(yè)面結(jié)構(gòu)30811.2.3 繼續(xù)豐富網(wǎng)站模板結(jié)構(gòu)31211.3 CSS 定義網(wǎng)頁(yè)布局31411.3.1 定義網(wǎng)頁(yè)主體的CSS31411.3.2 定義頂部信息的CSS31511.3.3 定義頁(yè)面內(nèi)容區(qū)的CSS31611.3.4 定義側(cè)欄區(qū)的CSS31711.3.5 定義主要內(nèi)容區(qū)的CSS31911.3.6 清除浮動(dòng)32211.3.7 定義底部信息區(qū)的CSS32311.4 定義模板可編輯區(qū)域并應(yīng)用模板32411.4.1 定義模板的可編輯區(qū)域32411.4.2 應(yīng)用模板完成站點(diǎn)內(nèi)頁(yè)325第12章 游戲類網(wǎng)站33012.1 游戲類網(wǎng)站之思考33012.1.1 游戲類網(wǎng)站準(zhǔn)備33012.1.2 建立Dreamweaver 站點(diǎn)33112.2 設(shè)計(jì)網(wǎng)站模板頁(yè)面33212.2.1 新建模板文件和CSS 文件33212.2.2 設(shè)計(jì)模板頁(yè)面結(jié)構(gòu)33412.2.3 豐富模板頁(yè)面內(nèi)容33712.3 定義CSS 布局33912.3.1 定義網(wǎng)頁(yè)主體的CSS33912.3.2 定義網(wǎng)頁(yè)頭部的CSS 布局34012.3.3 定義網(wǎng)頁(yè)主要內(nèi)容區(qū)的CSS 布局34212.3.4 定義網(wǎng)頁(yè)底部信息區(qū)的CSS 布局34512.3.5 定義廣告條區(qū)的CSS 布局34612.3.6 定義主要內(nèi)容區(qū)的CSS 布局34812.3.7 清除浮動(dòng)34912.4 定義模板可編輯區(qū)域和應(yīng)用模板35012.4.1 定義模板的可編輯區(qū)域35012.4.2 應(yīng)用模板到頁(yè)35112.4.3 設(shè)計(jì)網(wǎng)頁(yè)內(nèi)容35212.4.4 定義網(wǎng)頁(yè)內(nèi)容CSS 布局353第13章 企業(yè)類網(wǎng)站36013.1 企業(yè)類網(wǎng)站之思考36013.1.1 了解企業(yè)類網(wǎng)站36013.1.2 建立Dreamweaver 站點(diǎn)36013.2 網(wǎng)站模板建設(shè)36113.2.1 建立模板網(wǎng)頁(yè)和CSS 文件36113.3.2 定義網(wǎng)頁(yè)“頂部信息區(qū)”的CSS37313.2.3 豐富網(wǎng)頁(yè)模板結(jié)構(gòu)36813.3 CSS 定義網(wǎng)頁(yè)布局37113.3.1 定義網(wǎng)頁(yè)主體CSS37113.3.2 定義網(wǎng)頁(yè)“頂部信息區(qū)”的CSS37313.3.3 定義網(wǎng)頁(yè)“導(dǎo)航區(qū)”的CSS37813.3.4 定義網(wǎng)頁(yè)“內(nèi)容區(qū)”的CSS38213.3.5 定義網(wǎng)頁(yè)“側(cè)欄區(qū)”的CSS38613.3.6 定義網(wǎng)頁(yè)“底部信息區(qū)”的CSS39413.4 應(yīng)用模板制作網(wǎng)站內(nèi)頁(yè)39513.4.1 定義模板的可編輯區(qū)域39513.4.2 應(yīng)用網(wǎng)頁(yè)模板39613.5 應(yīng)用模板制作網(wǎng)站首頁(yè)40313.5.1 應(yīng)用模板. 分離模板40313.5.2 設(shè)計(jì)首頁(yè)內(nèi)容結(jié)構(gòu)40413.5.3 CSS 定義樣式409第14章 門戶類網(wǎng)站41614.1 門戶類網(wǎng)站之準(zhǔn)備41614.1.1 了解門戶類網(wǎng)站41614.1.2 建立Dreamweaver 站點(diǎn)41714.2 網(wǎng)站模板建設(shè)41814.2.1 建立模板網(wǎng)頁(yè)和CSS 文件41814.2.2 設(shè)計(jì)網(wǎng)頁(yè)模板結(jié)構(gòu)42014.2.3 豐富網(wǎng)頁(yè)模板結(jié)構(gòu)42214.3 CSS 定義網(wǎng)頁(yè)布局42514.3.1 定義網(wǎng)頁(yè)主體CSS42514.3.2 定義網(wǎng)頁(yè)頭部區(qū)CSS42714.3.3 定義網(wǎng)頁(yè)搜索區(qū)CSS43414.3.4 定義網(wǎng)頁(yè)底部信息區(qū)CSS43714.4 定義和應(yīng)用網(wǎng)頁(yè)模板44014.4.1 新建網(wǎng)頁(yè)可編輯區(qū)域44014.4.2 應(yīng)用網(wǎng)頁(yè)模板44014.5 建設(shè)網(wǎng)站首頁(yè)44114.5.1 創(chuàng)建網(wǎng)站內(nèi)容區(qū)域44114.5.2 建設(shè)網(wǎng)站側(cè)欄結(jié)構(gòu)44614.5.3 建設(shè)網(wǎng)站主要內(nèi)容欄45714.5.4 建設(shè)網(wǎng)頁(yè)廣告欄區(qū)域467

編輯推薦

　　我們相信，練習(xí)，實(shí)戰(zhàn)式練習(xí)，才能讓讀者真正上手?！禗reamweaver CS3網(wǎng)站制作炫例精講》正是通過(guò)大量網(wǎng)頁(yè)實(shí)例，讓讀者不知不覺(jué)理解并應(yīng)用DreamweaVer的工具功能?！禗reamweaver CS3網(wǎng)站制作炫例精講》推薦使用遵循Web標(biāo)準(zhǔn)的CSS布局方式進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)，且通過(guò)用DreamweaVer來(lái)進(jìn)行CSS布局來(lái)實(shí)踐之。

圖書(shū)封面

圖書(shū)標(biāo)簽Tags

無(wú)

評(píng)論、評(píng)分、閱讀與下載

---

    Dreamweaver CS3網(wǎng)站制作炫例精講 PDF格式下載

---