網(wǎng)頁設(shè)計與制作實(shí)用教程

前言

　　基于對當(dāng)前教材的深入了解及教學(xué)實(shí)踐需要，我們著手編寫了21世紀(jì)高等學(xué)校應(yīng)用型教材《網(wǎng)頁設(shè)計與制作實(shí)用教程》。本書具有如下特點(diǎn)：　　·實(shí)例引導(dǎo)，任務(wù)驅(qū)動　　以網(wǎng)頁設(shè)計為中心，以實(shí)例貫穿全書。每個章節(jié)均以具有代表性、實(shí)用性、趣味性的實(shí)例導(dǎo)入，在分析實(shí)例的基礎(chǔ)上，展開具體實(shí)現(xiàn)的過程，然后詳細(xì)地介紹該章節(jié)的相關(guān)內(nèi)容和功能，使讀者能夠快速把握實(shí)際操作的思路，并在操作過程中掌握網(wǎng)頁設(shè)計與制作的方法和要點(diǎn)?！　≡诰帉懕緯?，作者已構(gòu)思了一個典型的“暢想未來”網(wǎng)站，整個教材內(nèi)容圍繞這個網(wǎng)站的具體實(shí)現(xiàn)而展開，讀者只要掌握這些實(shí)例，就能對網(wǎng)頁的設(shè)計和制作有一個完整的了解，從而順利地建立起個人網(wǎng)站?！　　ぷ⒅鼐W(wǎng)頁設(shè)計與制作思想，符合教學(xué)規(guī)律　　本書在內(nèi)容的安排上，由淺人深、循序漸進(jìn)、逐步拓寬知識點(diǎn)。全書內(nèi)容從最簡單的頁面開始，逐步豐富完善，最后制作出較復(fù)雜的高級頁面。　　本書淡化工具意識，注重網(wǎng)頁的設(shè)計與制作思想，這樣讀者在學(xué)習(xí)的同時，自然而然地便掌握了網(wǎng)頁設(shè)計的基本方法和技巧。　　為徹底解決近年來課堂教學(xué)中理論與實(shí)踐脫節(jié)、學(xué)生普遍缺乏實(shí)際應(yīng)用能力的問題，本書各章均以實(shí)例導(dǎo)入，所有實(shí)例均是從網(wǎng)頁制作實(shí)踐中提煉、總結(jié)、歸納出來的。講與練緊密結(jié)合，每一章均安排有思考題和上機(jī)實(shí)訓(xùn)題，不僅符合學(xué)生聽講、復(fù)習(xí)與自學(xué)的實(shí)際需要，也彌補(bǔ)了大多數(shù)網(wǎng)頁制作教材重理論講解、缺少網(wǎng)頁制作實(shí)例、無上機(jī)練習(xí)與思考題的不足?！　　ひ詫?shí)用為目的，具有高職教育特色　　本書不追求面面俱到，而是大膽舍去不用或根本就不實(shí)用的內(nèi)容，適合“理論夠用，重在實(shí)踐”的高職高專教學(xué)的特點(diǎn)?！　”緯訢reamweaver為主，其他工具為輔。即以Dreamweaver制作網(wǎng)頁為主線，根據(jù)實(shí)際需要將內(nèi)容拓展到Fireworks、Flash、.IavaScript等。

內(nèi)容概要

　　《網(wǎng)頁設(shè)計與制作實(shí)用教程》分為基礎(chǔ)篇和拓展篇兩大部分?；A(chǔ)篇主要講述了Dreamweaver的使用方法，包括本地站點(diǎn)的創(chuàng)建和管理、各種超級鏈接、表格、框架、圖層、時間軸、行為、CSS樣式、表單、模板和網(wǎng)頁發(fā)布等內(nèi)容，掌握該篇即可創(chuàng)建個人網(wǎng)站。同時為了達(dá)到更專業(yè)的水平，又增加了拓展篇。拓展篇包括頁面中一些特殊效果的實(shí)現(xiàn)方法以及使用Fireworks處理圖像和常見Flash動畫的制作方法等內(nèi)容，用于彌補(bǔ)Dreamweaver-的不足之處，進(jìn)一步豐富和完善個人網(wǎng)頁?！　　毒W(wǎng)頁設(shè)計與制作實(shí)用教程》采用實(shí)例引導(dǎo)、任務(wù)驅(qū)動的編寫方式，詳細(xì)介紹了網(wǎng)頁設(shè)計與制作的方法和技巧。內(nèi)容安排由淺入深、循序漸進(jìn)、逐步拓寬。章節(jié)組織以實(shí)例貫穿，條理清晰、通俗易懂、即學(xué)即會。書中的所有實(shí)例，都精選自作者積累的教學(xué)素材，具有較強(qiáng)的代表性。讀者只要按照書中實(shí)例的操作步驟學(xué)習(xí)，就容易掌握網(wǎng)頁設(shè)計與制作的技能，并輕松地創(chuàng)建出具有個性化的個人網(wǎng)站?！　　毒W(wǎng)頁設(shè)計與制作實(shí)用教程》不僅適用于高職高專非計算機(jī)專業(yè)的學(xué)生，還適用于各大專院校非計算機(jī)專業(yè)的學(xué)生，同時也可作為網(wǎng)頁制作的培訓(xùn)教程及網(wǎng)頁制作愛好者或相關(guān)從業(yè)人員的自學(xué)用書。

書籍目錄

基礎(chǔ)篇第1章 網(wǎng)頁制作技術(shù)概述1.1 常用的網(wǎng)頁制作工具1.1.1 FrontPage2000簡介1.1.2 Dreamweaver簡介1.1.3 Dreamweaver和FrontPage2000的簡單比較1.2 美化網(wǎng)頁的主要工具1.2.1 圖像處理工具Fireworks1.2.2 動畫制作工具Flash1.3 網(wǎng)頁中的腳本語言1.3.1 JavaScript1.3.2 VBScript1.4 服務(wù)器端主要技術(shù)1.4.1 ASP與JSP技術(shù)1.4.2 DreamweaverUltraDevr1.5 認(rèn)識：Dreamweaver41.5.1 安裝Dreamweaver41.5.2 Dreamweaver4的用戶界面1.5.3 如何獲取幫助信息1.6 建立網(wǎng)站的基本流程本章 小結(jié)思考題上機(jī)練習(xí)第2章 創(chuàng)建和管理本地站點(diǎn)2.1 規(guī)劃站點(diǎn)結(jié)構(gòu)2.2 建立本地站點(diǎn)2.3 站點(diǎn)的基本操作2.3.1 打開站點(diǎn)2.3.2 定義站點(diǎn)2.4 站點(diǎn)管理器的使用2.4.1 顯示站點(diǎn)管理器2.4.2 操作站點(diǎn)文件2.4.3 設(shè)置網(wǎng)站首頁2.4.4 顯示站點(diǎn)地圖2.5 網(wǎng)頁文件的基本操作2.5.1 新建、保存和打開網(wǎng)頁2.5.2 預(yù)覽網(wǎng)頁本章 小結(jié)思考題上機(jī)練習(xí)第3章 制作一個簡單的網(wǎng)頁3.1 簡單網(wǎng)頁實(shí)例3.2 在頁面中插入基本的網(wǎng)頁元素3.2.1 在頁面中添加和處理文字3.2.2 在頁面中插入和處理圖像3.2.3 插入水平線3.2.4 插入日期和時間3.3 簡單網(wǎng)頁實(shí)例二3.4 設(shè)置網(wǎng)頁屬性3.4.1 認(rèn)識網(wǎng)頁屬性對話框3.4.2 在標(biāo)題欄中增添網(wǎng)頁標(biāo)題3.4.3 為網(wǎng)頁增添背景圖像3.4.4 調(diào)整網(wǎng)頁的邊距3.4.5 相關(guān)知識點(diǎn)本章 小結(jié)思考題上機(jī)練習(xí)第4章 在網(wǎng)頁中建立各種超級鏈接4.1 創(chuàng)建超級鏈接4.1.1 創(chuàng)建內(nèi)部超級鏈接4.1.2 創(chuàng)建外部超級鏈接4.1.3 創(chuàng)建空鏈接和腳本鏈接4.1.4 在新的瀏覽窗口中打開鏈接文件4.2 創(chuàng)建E.mail鏈接4.3 創(chuàng)建錨點(diǎn)鏈接4.3.1 插入命名錨點(diǎn)4.3.2 鏈接錨點(diǎn)4.4 設(shè)置鏈接顏色4.5 制作ImageMap4.5.1 制作熱區(qū)4.5.2 為熱區(qū)添加說明文字和制作超級鏈接4.5.3 編輯熱區(qū)4.6 其他鏈接形式4.6.1 跳轉(zhuǎn)菜單4.6.2 制作翻轉(zhuǎn)圖像實(shí)例4.6.3 制作導(dǎo)航欄實(shí)例本章 小結(jié)思考題上機(jī)練習(xí)第5章 利用表格設(shè)計和制作網(wǎng)頁5.1 一個利用表格進(jìn)行頁面布局的實(shí)例5.2 創(chuàng)建表格和表格的基本操作5.2.1 插入空白表格5.2.2 調(diào)整表格的大小或行高／列寬5.2.3 合并與拆分單元格5.2.4 表格的嵌套5.2.5 表格的復(fù)制與粘貼5.2.6 插入行和列5.2.7 刪除表格或行／列5.3 在表格中插入頁面元素5.4 設(shè)置表格屬性5.4.1 選擇表格或單元格5.4.2 設(shè)置表格行、列及單元格屬性5.4.3 設(shè)置表格的總體屬性5.5 表格的高級應(yīng)用技巧5.5.1 利用表格制作水平線和垂直線5.5.2 制作簡單的圓角表格5.6 表格的其他應(yīng)用5.6.1 表格數(shù)據(jù)的導(dǎo)入和導(dǎo)出5.6.2 一個自動套用表格格式的實(shí)例本章 小結(jié)思考題上機(jī)練習(xí)第6章 應(yīng)用框架技術(shù)制作網(wǎng)頁6.1 框架應(yīng)用實(shí)例6.2 創(chuàng)建框架結(jié)構(gòu)6.2.1 插入框架集6.2.2 選取框架和框架集6.2.3 增加框架6.2.4 刪除框架6.2.5 調(diào)整框架的大小6.3 編輯框架集頁面內(nèi)容與保存框架集文件6.3.1 編輯框架集頁面內(nèi)容6.3.2 保存框架集文件6.4 設(shè)置框架中的鏈接目標(biāo)6.4.1 將鏈接目標(biāo)設(shè)置在創(chuàng)建的框架中6.4.2 將鏈接目標(biāo)設(shè)置在默認(rèn)的框架中6.5 修飾框架集網(wǎng)頁外觀6.5.1 設(shè)置框架集屬性6.5.2 沒置框架屬性本章 小結(jié)思考題上機(jī)練習(xí)第7章 應(yīng)用圖層技術(shù)制作網(wǎng)頁7.1 一個圖層應(yīng)用的實(shí)例7.2 圖層的基本操作7.2.1 創(chuàng)建圖層7.2.2 選擇圖層7.2.3 激活圖層7.2.4 移動圖層7.2.5 調(diào)整圖層大小7.2.6 對齊圖層7.2.7 吸附圖層到網(wǎng)格7.3 圖層的管理7.3.1 更改圖層的名稱7.3.2 改變圖層的疊放次序7.3.3 改變圖層的可見性7.3.4 創(chuàng)建嵌套層7.4 圖層與表格7.4.1 將圖層轉(zhuǎn)換為表格7.4.2 將表格轉(zhuǎn)換為圖層本章 小結(jié)思考題上機(jī)練習(xí)第8章 利用時間線制作動畫8.1 認(rèn)識時間線8.2 創(chuàng)建時間線動畫8.2.1 一個簡單的直線運(yùn)動的時間線動畫實(shí)例8.2.2 認(rèn)識時間線面板8.2.3 一個曲線運(yùn)動的時間線動畫實(shí)例8.2.4 創(chuàng)建復(fù)雜路徑的時間線動畫實(shí)例8.3 使用時間線改變圖像和層屬性8.3.1 實(shí)現(xiàn)幻燈片效果8.3.2 實(shí)現(xiàn)圖像的漸推式顯示效果本章 小結(jié)思考題上機(jī)練習(xí)第9章 為頁面元素添加行為9.1 行為概述9.2 使用行為9.2.1 添加行為9.2.2 編輯行為9.3 Dreamweaver內(nèi)置行為實(shí)例9.3.1 彈出消息框（PopupMessage）9.3.2 打開瀏覽器窗口（Open.BrowserWindow）9.3.3 調(diào)用JavaScript程序（CallJavaScfipt）9.3.4 在狀態(tài)欄顯示信息（SetTextofStatusBar）9.3.5 設(shè)置圖層中的文本（setTextofLayer）9.3.6 改變對象屬性（ChangeProperty）9.3.7 播放聲音（PlaySound）9.3.8 跳轉(zhuǎn)到URL（GoToURL)^9.3.9 控制Shockwave或Flash（ControlShockwaveorFlash）9.3.1 0拖動圖層（DragLayer）9.3.1 1顯示一隱藏圖層（show-HideLayers）9.3.1 2用行為控制時間線（Timeline）本章 小結(jié)思考題上機(jī)練習(xí)第10章 在網(wǎng)頁中使用CSS樣式10.1 利用CSS樣式美化文本10.1.1 使用CSS樣式面板創(chuàng)建樣式10.1.2 創(chuàng)建自定義樣式，10.1.3 重新定義HIML標(biāo)簽10.1.4 應(yīng)用CSS樣式10.1.5 修改CSS樣式10.2 利用CSS樣式改變超級鏈接10.2.1 創(chuàng)建外部CSS樣式表控制整個站點(diǎn)的風(fēng)格10.2.2 使用CSS選擇器10.2.3 修改樣式文件10.2.4 鏈接外部樣式文件10.3 CSS樣式綜合應(yīng)用10.3.1 一個CSS樣式綜合應(yīng)用的實(shí)例10.3.2 樣式?jīng)_突本章 小結(jié)思考題上機(jī)練習(xí)第11章 用表單收集數(shù)據(jù)11.1 表單實(shí)例1——暢想未來調(diào)查表11.2 了解創(chuàng)建表單的基本方法11.3 創(chuàng)建“調(diào)查表”表單11.3.1 創(chuàng)建表單11.3.2 設(shè)置表單屬性11.4 插入“調(diào)查表”表單對象11.4.1 插入文本框：11.4.2 插入復(fù)選框和單選按鈕11.4.3 插入下拉菜單和命令按鈕11.5 表單實(shí)例2——友情鏈接11.6 其他表單對象的用法11.6.1 文件域11.6.2 圖像域11.6.3 隱藏域_11.7 在表單中使用行為11.7.1 驗(yàn)證表單11.7.2 設(shè)置文本域的文本本章 小結(jié)思考題上機(jī)練習(xí)第12章 應(yīng)用模板和庫快速設(shè)計網(wǎng)頁12.1 利用模板創(chuàng)建新頁面12.1.1 創(chuàng)建模板12.1.2 定義可編輯區(qū)域12.1.3 創(chuàng)建基于模板的新頁面12.2 利用模板更新網(wǎng)頁12.2.1 應(yīng)用模板到當(dāng)前網(wǎng)頁12.2.2 修改模板和更新網(wǎng)頁12.2.3 模板的管理12.3 利用庫項(xiàng)目維護(hù)網(wǎng)頁12.3.1 庫項(xiàng)目的創(chuàng)建12.3.2 庫項(xiàng)目的應(yīng)用12.3.3 通過編輯庫項(xiàng)目更新網(wǎng)頁12.3.4 庫項(xiàng)目的管理本章 小結(jié)思考題上機(jī)練習(xí)第13章 在網(wǎng)頁中制作多媒體13.1 制作交互對象13.1.1 插入Flash按鈕13.1.2 插入Flash文本對象13.1.3 插入其他交互對象13.2 插入媒體對象13.2.1 插入媒體對象的基本方法13.2.2 插入F：lash電影13.2.3 插入Generator（發(fā)生器）對象13.2.4 插入Shockwave電影13.2.5 插入ActiveX控件和Java程序13.3 插入聲音13.3.1 關(guān)于聲音文件的格式13.3.2 鏈接聲音文件13.3.3 在頁面中插入聲音13.3.4 在頁面中嵌入背景聲音本章 小結(jié)思考題上機(jī)練習(xí)第14章 測試和發(fā)布網(wǎng)頁14.1 申請域名和主頁空間14.1.1 如何申請域名14.1.2 如何申請主頁空間14.2 申請計數(shù)器和留言板14.2.1 如何申請計數(shù)器14.2.2 如何申請留言板14.3 如何測試網(wǎng)頁14.3.1 檢測瀏覽器兼容性14.3.2 檢查鏈接錯誤14.3.3 在瀏覽器中預(yù)覽14.4 將網(wǎng)頁發(fā)布到Internet上14.4.1 用Dreamweaver的站點(diǎn)管理器上傳網(wǎng)頁14.4.2 用CuteFTP上傳網(wǎng)頁14.5 推廣你的網(wǎng)站——加入搜索引擎本章 小結(jié)思考題上機(jī)練習(xí)拓展篇第15章 頁面中一些特殊效果的實(shí)現(xiàn)方法15.1 頁面的后臺代碼（HTML源代碼）15.1.1 查看和編輯當(dāng)前頁面的HTML代碼15.1.2 快速編輯HTML標(biāo)簽15.1.3 定制HTML代碼格式15.1.4 清理HTML代碼15.2 使用腳本豐富網(wǎng)頁15.2.1 特效實(shí)例15.2.2 腳本的基本操作15.2.3 顯示當(dāng)前日期和星期15.2.4 實(shí)現(xiàn)文字跟隨鼠標(biāo)的特效15.3 使用插件15.3.1 特效實(shí)例15.3.2 安裝插件15.3.3 使用插件15.3.4 刪除插件本章 小結(jié)思考題上機(jī)練習(xí)第16章 使用Fireworks處理圖像16.1 圖像優(yōu)化16.2 切割圖像16.3 導(dǎo)出圖像16.3.1 導(dǎo)出一個圖像16.3.2 導(dǎo)出一個區(qū)域的圖像16.3.3 導(dǎo)出切片16.4 制作按鈕16.5 制作下拉菜單16.6 Dreamweaver和Fireworks聯(lián)合作業(yè)（294）16.6.1 使用Fireworks編輯和優(yōu)化Dreamweaver中的圖像（294）16.6.2 在Dreamweaver中插入Fireworks文件16.6.3 使用Dreamweaver-和Fireworks結(jié)合創(chuàng)建網(wǎng)頁相冊本章 小結(jié)上機(jī)練習(xí)第17章 頁面中常見Flash動畫的制作方法17.1 Flash的幾個重要概念17.1.1 Flash動畫的格式17.1.2 矢量圖和位圖17.1.3 舞臺和工作區(qū)17.1.4 幀和時間線17.1.5 符號和實(shí)例17.2 簡單動畫的制作17.2.1 運(yùn)動漸變動畫17.2.2 形狀漸變動畫17.3 層動畫的制作17.3.1 使用遮罩圖層17.3.2 使用運(yùn)動導(dǎo)向圖層本章 小結(jié)思考題上機(jī)練習(xí)第18章 動態(tài)網(wǎng)頁技術(shù)簡介18.1 動態(tài)網(wǎng)頁技術(shù)概述18.2 動態(tài)網(wǎng)頁的實(shí)現(xiàn)技術(shù)18.2.1 CGI技術(shù)18.2.2 ASP技術(shù)18.2.3 PHP技術(shù)18.2.4.JSP技術(shù)18.3 DreamweaverUhraDev4簡介18.3.1 UhraDev的可視化特點(diǎn)18.3.2 UhraDev的開發(fā)流程和開發(fā)環(huán)境18.4 用DreamweaverUhraDev4處理表單數(shù)據(jù)18.4.1 數(shù)據(jù)庫設(shè)計和頁面結(jié)構(gòu)規(guī)劃18.4.2 設(shè)計投票頁面18.4.3 設(shè)計處理表單頁面18.4.4 設(shè)計結(jié)果頁面本章 小結(jié)思考題

章節(jié)摘錄

　　Dreamweaver是Macromedia公司出品的一套專業(yè)化的網(wǎng)頁創(chuàng)作工具，它采用“所見即所得”的可視化編輯方式，通過特有的行為、模板、時間軸等技術(shù)，使用戶能夠快速高效地創(chuàng)建各種具有專業(yè)水平的網(wǎng)頁，而不需要編寫任何代碼。如果需要在代碼界面進(jìn)行工作，只需進(jìn)入HTMI.代碼窗口或原代碼檢視器中，即可同步看到Dreamweaver生成的源代碼。在這個代碼窗口中，可以編輯任何內(nèi)容，也可以方便地返回可視化編輯器?！　reamweaver支持最新的DHTML和CSS標(biāo)準(zhǔn)，完全支持分層技術(shù)，可以用它設(shè)計出生動的DHTML動畫、多層次的頁面以及CSS樣式表。不僅如此，它還提供了完善的站點(diǎn)管理機(jī)制，是一個集網(wǎng)頁設(shè)計和站點(diǎn)管理兩大功能于一身的專業(yè)軟件?！　×硗猓珼reamweaver創(chuàng)建的網(wǎng)頁具有極好的兼容性，可以適用于各種平臺和各種瀏覽器。它能夠使設(shè)計的網(wǎng)頁在國內(nèi)、國外乃至多種操作平臺和多瀏覽器共存的環(huán)境中，都可以毫無障礙地進(jìn)行訪問?！　≈档靡惶岬氖?，Dreamweaver一是充分可定制的。通過它可以創(chuàng)建出自己的對象、命令、修改菜單和鍵盤快捷鍵，甚至可以通過自己編寫JavaScript代碼來為Dreamweaver創(chuàng)建新的行為和屬性面板，以擴(kuò)展Dreamweaver的能力。　　Dreamweaver創(chuàng)建的網(wǎng)頁可以與用網(wǎng)頁動畫軟件Flash和網(wǎng)頁圖形處理軟件Fireworks創(chuàng)建的文件之間實(shí)現(xiàn)“無縫連接”。事實(shí)上，這也正是為什么.Macromedia公司出品的這3個軟件被稱為網(wǎng)頁制作“夢幻組合”、“網(wǎng)頁設(shè)計三劍客”的原因。在實(shí)際設(shè)計時會發(fā)現(xiàn)，這3個軟件是網(wǎng)頁設(shè)計工作中最親密的伙伴。

圖書封面

圖書標(biāo)簽Tags

無

評論、評分、閱讀與下載

---

    網(wǎng)頁設(shè)計與制作實(shí)用教程 PDF格式下載

---