Dreamweaver網(wǎng)頁(yè)制作簡(jiǎn)明教程

前言

Dreamweaver是當(dāng)今最流行的網(wǎng)頁(yè)制作軟件，它以其強(qiáng)大的功能和方便快捷的操作在網(wǎng)頁(yè)制作領(lǐng)域得到了廣泛的應(yīng)用。正因?yàn)槿绱?，越?lái)越多的網(wǎng)頁(yè)制作人員加入到學(xué)習(xí)Dreamweaver的行列。他們一方面希望能夠提高自己的制作水平和工作效率，另一方面也希望在激烈的競(jìng)爭(zhēng)中加重自己的就業(yè)砝碼。目前在售的Dreamweaver培訓(xùn)教材普遍存在兩個(gè)問(wèn)題：一是篇幅太長(zhǎng)，不利于教學(xué)；二是篇幅雖不長(zhǎng)，但只簡(jiǎn)單羅列了軟件功能，沒(méi)有與實(shí)際應(yīng)用結(jié)合，更沒(méi)有實(shí)例與使用技巧，無(wú)法滿足實(shí)際工作的需要，因而教學(xué)效果較差。本書特色精心安排內(nèi)容：本書通過(guò)合理安排內(nèi)容，讓讀者循序漸進(jìn)地學(xué)習(xí)Dreamweavei·的各項(xiàng)功能，從而讓學(xué)習(xí)者從對(duì)Dreamweaver一無(wú)所知，到輕松制作出專業(yè)的網(wǎng)站。模擬課堂：本書敘述方式就像教師在課堂上講課，對(duì)基本知識(shí)的介紹言簡(jiǎn)意賅，不拖泥帶水；對(duì)于一些難以理解的內(nèi)容，及時(shí)給出了相關(guān)操作實(shí)例，從而幫助學(xué)生理解所學(xué)內(nèi)容。實(shí)例豐富、邊學(xué)邊練：書中大多數(shù)知識(shí)點(diǎn)都以實(shí)例形式給出，或者先講解基礎(chǔ)知識(shí)，然后再給出相關(guān)練習(xí)，從而真正體現(xiàn)了計(jì)算機(jī)教學(xué)的特點(diǎn)。課后總結(jié)和練習(xí)：通過(guò)課后總結(jié)，讀者可了解每章的重點(diǎn)和難點(diǎn)；通過(guò)精心設(shè)計(jì)的課后練習(xí)，讀者可檢查自己的學(xué)習(xí)效果。學(xué)以致用、綜合實(shí)例：書的最后給出了一個(gè)綜合實(shí)例，從而達(dá)到使讀者學(xué)以致用、活學(xué)活用、鞏固所學(xué)、加深理解的目的。本書內(nèi)容第1章：介紹與網(wǎng)頁(yè)或網(wǎng)頁(yè)制作相關(guān)的基礎(chǔ)知識(shí)。第2章：介紹Dreamweaver 8的工作界面，網(wǎng)站創(chuàng)建與管理以及網(wǎng)頁(yè)基本頁(yè)面屬性的設(shè)置。第3章：介紹文本、圖像等基本網(wǎng)頁(yè)元素的輸入與編輯方法。第4章：介紹使用表格和框架構(gòu)建網(wǎng)頁(yè)布局的方法。第5章：介紹超鏈接和行為在網(wǎng)頁(yè)制作中的應(yīng)用。第6章：介紹樣式表的創(chuàng)建與應(yīng)用方法。第7章：介紹動(dòng)畫、視頻等多媒體元素的應(yīng)用。第8章：介紹應(yīng)用模板和庫(kù)提高網(wǎng)頁(yè)制作效率的方法。第9章：介紹表單和表單對(duì)象在網(wǎng)頁(yè)中的應(yīng)用方法。第10章：以留言板的制作為例，介紹使用Dreamweaver制作動(dòng)態(tài)網(wǎng)頁(yè)的方法。第11章：通過(guò)一個(gè)綜合實(shí)例，詳細(xì)介紹了Dreamweaver在實(shí)際工作中的應(yīng)用。

內(nèi)容概要

本教程是一本專門為中、高等職業(yè)教育學(xué)校及各類培訓(xùn)機(jī)構(gòu)精心打造的網(wǎng)頁(yè)制作教材。在內(nèi)容選取上，緊扣“Dreamweaver網(wǎng)頁(yè)制作”教學(xué)大綱，并充分考慮了Dreamweaver網(wǎng)頁(yè)制作的實(shí)際應(yīng)用需求；在講述方式上，采用了循序漸進(jìn)和精講多練的方式。    本書以Dreamweaver 8版本為基礎(chǔ)進(jìn)行介紹，主要內(nèi)容包括：網(wǎng)頁(yè)基礎(chǔ)知識(shí)、Dreamweaver 8入門、輸入與編輯基本網(wǎng)頁(yè)元素、構(gòu)建網(wǎng)頁(yè)布局、應(yīng)用超鏈接和行為、應(yīng)用樣式表、應(yīng)用動(dòng)畫和多媒體元素、應(yīng)用模板和庫(kù)、應(yīng)用表單和表單對(duì)象及動(dòng)態(tài)網(wǎng)頁(yè)制作入門等知識(shí)。    本書可作為中、高等職業(yè)教育學(xué)校及各類培訓(xùn)機(jī)構(gòu)的專用教材，也可供廣大初、中級(jí)網(wǎng)頁(yè)制作愛(ài)好者自學(xué)。

書籍目錄

第1章 網(wǎng)頁(yè)基礎(chǔ)知識(shí)　1.1 網(wǎng)頁(yè)構(gòu)成要素　　1.1.1 站標(biāo)　　1.1.2 導(dǎo)航條　　1.1.3 廣告條　　1.1.4 標(biāo)題欄　　1.1.5 按鈕　1.2 網(wǎng)頁(yè)相關(guān)知識(shí)簡(jiǎn)介　　1.2.1 網(wǎng)頁(yè)的本質(zhì)　　1.2.2 互聯(lián)網(wǎng)　　1.2.3 網(wǎng)站、網(wǎng)頁(yè)和主頁(yè)　　1.2.4 IP地址與域名　　1.2.5 網(wǎng)址　　1.2.6 瀏覽器　　　課堂練1 在瀏覽器中打開(kāi)金企鵝網(wǎng)站　　1.2.7 網(wǎng)站管理與網(wǎng)頁(yè)制作相關(guān)軟件　　1.2.8 XHTML語(yǔ)言簡(jiǎn)介　　1.2.9 腳本語(yǔ)言簡(jiǎn)介　　　課堂練習(xí)2 無(wú)縫滾動(dòng)效果的實(shí)現(xiàn)　1.3 網(wǎng)站建設(shè)流程　　1.3.1 網(wǎng)站需求分析　　1.3.2 設(shè)計(jì)制作網(wǎng)站頁(yè)面　　1.3.3 空間和域名申請(qǐng)　　1.3.4 測(cè)試和發(fā)布網(wǎng)站　　1.3.5 網(wǎng)站推廣　課后總結(jié)　思考與練習(xí)第2章 Dreamweaver8入門　2.1 熟悉Dreamweaver8工作界面　　2.1.1 標(biāo)題欄和菜單欄　　2.1.2 “插入”欄　　2.1.3 文檔標(biāo)簽與“文檔”工具欄　　2.1.4 狀態(tài)欄　　　課堂練習(xí)1 利用狀態(tài)欄中標(biāo)簽選擇單元格　　2.1.5 屬性面板與面板組　　　課堂練習(xí)2 面板基本操作　2.2 網(wǎng)站創(chuàng)建與管理　　2.2.1 確定站點(diǎn)目錄結(jié)構(gòu)　　　課堂練習(xí)3 在Dreamweaver中定義“l(fā)ily”站點(diǎn)　　2.2.2 網(wǎng)頁(yè)文檔基本操作　　　課堂練習(xí)4 利用“文件”面板創(chuàng)建網(wǎng)頁(yè)　　2.2.3 網(wǎng)頁(yè)文檔與文件夾命名規(guī)則　2.3 基本頁(yè)面屬性設(shè)置　　2.3.1 指定網(wǎng)頁(yè)文檔標(biāo)題和邊距　　2.3.2 指定網(wǎng)頁(yè)背景顏色和背景圖像　　2.3.3 為網(wǎng)頁(yè)設(shè)置文本和鏈接屬性　　　課堂練習(xí)5 為“movie”網(wǎng)頁(yè)設(shè)置頁(yè)面屬性　課后總結(jié)　思考與練習(xí)第3章 輸入與編輯基本網(wǎng)頁(yè)元素　3.1 輸入與編輯文本　　3.1.1 輸入文本　　3.1.2 設(shè)置文本的段落格式和字符格式　　　課堂練習(xí)1 設(shè)置“公司介紹”網(wǎng)頁(yè)文本　　3.1.3 插入水平線和特殊字符　3.2 應(yīng)用圖像　　3.2.1 插入與編輯圖像　　3.2.2 使用圖像占位符　　3.2.3 制作鼠標(biāo)經(jīng)過(guò)圖像　　　課堂練習(xí)2 為“macaco”網(wǎng)頁(yè)制作交互式導(dǎo)航條　課后總結(jié)　思考與練習(xí)第4章 構(gòu)建網(wǎng)頁(yè)布局　4.1 使用表格　　4.1.1 創(chuàng)建表格　　4.1.2 選擇表格和單元格　　4.1.3 設(shè)置表格和單元格屬性　……第5章 應(yīng)用超鏈接和行為第6章 應(yīng)用樣式表第7章 應(yīng)用動(dòng)畫和多媒體元素第8章 應(yīng)用模板和庫(kù)第9章 應(yīng)用表單和表單對(duì)象第10章 動(dòng)態(tài)網(wǎng)頁(yè)制作入門第11章 綜合實(shí)例——制作“寶貝愛(ài)”網(wǎng)站

章節(jié)摘錄

插圖：3.2.3  制作鼠標(biāo)經(jīng)過(guò)圖像在網(wǎng)頁(yè)中經(jīng)?？梢钥吹竭@種情況，當(dāng)鼠標(biāo)移動(dòng)到某一圖像上時(shí)，圖像變成了另一幅圖像，而當(dāng)鼠標(biāo)移開(kāi)時(shí)，又恢復(fù)成原來(lái)的圖像，這就是我們通常所說(shuō)的鼠標(biāo)經(jīng)過(guò)圖像。要制作鼠標(biāo)經(jīng)過(guò)圖像，需要用到兩張大小相同，而內(nèi)容不同的圖像。其中一張作為原始圖像，在頁(yè)面打開(kāi)的時(shí)候就顯示；另一張則作為鼠標(biāo)經(jīng)過(guò)圖像，在鼠標(biāo)經(jīng)過(guò)的時(shí)候替換原始圖像顯示出來(lái)。本例中用到的兩張圖像位于網(wǎng)站“car”的圖像文件夾“images”中。（1）打開(kāi)本書附贈(zèng)素材“＼素材與實(shí)例＼cat”站點(diǎn)中的“。index-a.html”文檔。（2）將插入點(diǎn)置于。flash動(dòng)畫下方的空白單元格中，選擇“插入”>“圖像對(duì)象”>“鼠標(biāo)經(jīng)過(guò)圖像”菜單。（3）彈出“插入鼠標(biāo)經(jīng)過(guò)圖像”對(duì)話框，在“圖像名稱”文本框中為圖像輸入一個(gè)名稱（此處為“productl”），然后單擊“原始圖像”編輯框右側(cè)的“瀏覽”按鈕，如圖3.27左圖所示。（4）彈出“Original image：”對(duì)話框，在“查找范圍”下拉列表中選擇圖片所在文件夾，在文件列表中選擇原始圖像（1.jpg），然后單擊“確定”按鈕，如圖3-27右圖所示。（5）按照同樣的方法設(shè)置“鼠標(biāo)經(jīng)過(guò)圖像”為“11.jpg”，在“替換文本”編輯框中輸入替換文本，在“按下時(shí)，前往的URL”編輯框中輸入單擊圖像時(shí)將打開(kāi)的網(wǎng)頁(yè)名稱（或單擊編輯框右側(cè)的“瀏覽”按鈕選擇網(wǎng)頁(yè)），然后單擊“確定”按鈕，如圖3-28所示。（6）從表面上看，插入的鼠標(biāo)經(jīng)過(guò)圖像與普通的圖片沒(méi)有什么區(qū)別，如圖3.29所示。（7）按【Ctrl+s】組合鍵保存文件，然后按【F12】鍵預(yù)覽網(wǎng)頁(yè)，將光標(biāo)放在鼠標(biāo)經(jīng)過(guò)圖像上方時(shí)，可以看到圖片上的汽車由紅色變?yōu)樗{(lán)色，如圖3.30所示。

編輯推薦

《Dreamweaver 8.0網(wǎng)頁(yè)制作簡(jiǎn)明教程》可作為中、高等職業(yè)教育學(xué)校及各類培訓(xùn)機(jī)構(gòu)的專用教材，也可供廣大初、中級(jí)網(wǎng)頁(yè)制作愛(ài)好者自學(xué)。

圖書封面

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

---

    Dreamweaver網(wǎng)頁(yè)制作簡(jiǎn)明教程 PDF格式下載

---