Dreamweaver網頁制作簡明教程

前言

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

內容概要

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

書籍目錄

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

章節(jié)摘錄

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

編輯推薦

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

圖書封面

評論、評分、閱讀與下載

---

    Dreamweaver網頁制作簡明教程 PDF格式下載

---