Dreamweaver網(wǎng)頁制作簡明教程

前言

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

內(nèi)容概要

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

書籍目錄

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

章節(jié)摘錄

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

編輯推薦

《Dreamweaver 8.0網(wǎng)頁制作簡明教程》可作為中、高等職業(yè)教育學校及各類培訓機構的專用教材，也可供廣大初、中級網(wǎng)頁制作愛好者自學。

圖書封面

評論、評分、閱讀與下載

---

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

---