網(wǎng)頁設(shè)計與制作及實訓(xùn)教程

前言

隨著計算機(jī)網(wǎng)絡(luò)的迅速發(fā)展，Intemet已經(jīng)成為我們生活中不可或缺的重要組成部分。政府機(jī)關(guān)通過網(wǎng)站實現(xiàn)電子政務(wù)；企業(yè)利用網(wǎng)站來展示企業(yè)形象、推廣產(chǎn)品并進(jìn)行電子商務(wù)活動；‘個人建立一個具有獨特風(fēng)格的網(wǎng)站來展示自我，等等。因此，搭建網(wǎng)站、設(shè)計精美的網(wǎng)頁來吸引瀏覽者的目光已不再是一個孤立的問題，它成為了大家共同關(guān)注的目標(biāo)。學(xué)校里和社會上涌現(xiàn)了大量的網(wǎng)頁設(shè)計愛好者，他們希望盡快地學(xué)習(xí)到網(wǎng)頁設(shè)計與制作的知識，并將其應(yīng)用于實踐中。目前，許多高等院校都開設(shè)了“網(wǎng)頁設(shè)計與制作”課程，它已成為信息管理、電子商務(wù)和計算機(jī)類等專業(yè)的必修課，并且受到了其他專業(yè)學(xué)生的喜愛，成為選修率很高的一門課程。為此，我們在多年教學(xué)實踐的基礎(chǔ)上，本著知識系統(tǒng)全面、夠用、實用的原則，在重視實踐能力培養(yǎng)的指導(dǎo)方針下編寫了本書。本書可以幫助初學(xué)者在較短的時間內(nèi)快速掌握較實用的知識，通過上機(jī)實踐操作，使初學(xué)者能夠逐步設(shè)計出自己喜愛以及能夠滿足企業(yè)需求的網(wǎng)站。首先，本書以“理論夠用，突出能力結(jié)構(gòu)的培養(yǎng)”的思路來構(gòu)建教學(xué)內(nèi)容。通過案例的分析，說明本章節(jié)的學(xué)習(xí)能達(dá)到什么樣的教學(xué)目的，使得知識不再是空洞、教條的理論，而是理論與實踐的完美結(jié)合，以企業(yè)網(wǎng)站建設(shè)項目作為主線展開，介紹網(wǎng)站設(shè)計與制作的全過程，把實用技術(shù)作為重點。其次，本書突出體現(xiàn)了“新”——創(chuàng)新、新穎。第一，知識新。 信息類的課程變化很快，本書以網(wǎng)頁設(shè)計主流軟件網(wǎng)頁三劍客8版本為主來更新教學(xué)內(nèi)容。  第二，教學(xué)方法新。  采用項目案例教學(xué)法和任務(wù)驅(qū)動教學(xué)法等立體化的教學(xué)方式，每一章根據(jù)內(nèi)容劃分為若干教學(xué)單元，以典型案例作為切入點，融入理論知識的介紹與制作流程，再布置相應(yīng)的階段任務(wù)，進(jìn)行上機(jī)實訓(xùn)，每一教學(xué)單元附有上機(jī)實訓(xùn)指導(dǎo)。本書最后一章是網(wǎng)站建設(shè)綜合實訓(xùn)，旨在培養(yǎng)和提高學(xué)生的網(wǎng)頁設(shè)計與制作能力。本書還遵循以下原則來編寫。第一，遵循夠用、能用、實用的原則。在本書中充分體現(xiàn)理論知識的敘述圍繞實例展開，簡潔明了，舍去了一些深奧、不常用的知識點，使教材的可讀性增強(qiáng)，具有較強(qiáng)的實用性。第二，實用性強(qiáng)——通過學(xué)習(xí)本書后，學(xué)生可上崗工作。在編寫時，注意加入各種類型的企業(yè)網(wǎng)站建設(shè)過程的分析，增加學(xué)生的實踐操作及分析應(yīng)用能力，及時補(bǔ)充網(wǎng)站設(shè)計與開發(fā)的最新知識，吸收這幾年比較成熟的學(xué)術(shù)研究成果和較新的實例資料；使用國內(nèi)外較新的數(shù)據(jù)資料；各章節(jié)增加實用的課堂操作內(nèi)容；最后一章專門針對企業(yè)網(wǎng)站實際項目開發(fā)而設(shè)計，實訓(xùn)內(nèi)容與企業(yè)需求緊密結(jié)合。

內(nèi)容概要

　　《網(wǎng)頁設(shè)計與制作及實訓(xùn)教程》注重在網(wǎng)頁制作和設(shè)計技術(shù)方面緊跟主流技術(shù)，以目前最為流行的網(wǎng)頁設(shè)計軟件為技術(shù)支持，詳細(xì)介紹了Dreamweaver、Fil?eworks、Flash這三個軟件最新版本的使用方法與技巧。《網(wǎng)頁設(shè)計與制作及實訓(xùn)教程》內(nèi)容的組織突出模塊化的特點，以網(wǎng)頁設(shè)計與制作的知識和操作技能為依據(jù)構(gòu)建模塊。共分為五大模塊：網(wǎng)頁設(shè)計基礎(chǔ)知識、Dreamweaver部分、Fireworks部分、Flash部分、網(wǎng)站建設(shè)實戰(zhàn)演習(xí)部分。各模塊之間既有獨立性，又有關(guān)聯(lián)性。全書共分為11章，以綜合案例的導(dǎo)入為特色，根據(jù)案例展開理論與實踐的教學(xué)，章末配有各個環(huán)節(jié)的練習(xí)題和上機(jī)實訓(xùn)，并有詳細(xì)的實訓(xùn)指導(dǎo)，對本章節(jié)的學(xué)習(xí)起到了鞏固和提高的作用?！　　毒W(wǎng)頁設(shè)計與制作及實訓(xùn)教程》可以作為高職高專院?！熬W(wǎng)頁設(shè)計與制作”課程的教材或培訓(xùn)班的教材，也可作為網(wǎng)頁設(shè)計與制作愛好者的自學(xué)參考書。

書籍目錄

第1章 網(wǎng)頁設(shè)計基礎(chǔ)知識1.1 Internet基礎(chǔ)1.1.1 Internet概述1.1.2 WWW1.1.3 網(wǎng)頁與網(wǎng)站1.1.4 域名與IP地址1.2 網(wǎng)頁制作工具1.2.1 網(wǎng)頁編輯工具1.2.2 圖形和圖像處理工具1.2.3 動畫制作工具1.3 HTML語言1.3.1 HTML語法結(jié)構(gòu)1.3.2 常見的HTML標(biāo)簽小結(jié)練習(xí)題上機(jī)實訓(xùn)第2章 創(chuàng)建站點2.1 Dreamweaver 8的工作界面2.2 定義本地站點2.2.1 創(chuàng)建站點2.2.2 管理站點2.2.3 創(chuàng)建網(wǎng)頁小結(jié)練習(xí)題上機(jī)實訓(xùn)第3章 制作頁面3.1 實例導(dǎo)入：西部旅游網(wǎng)3.2 頁面屬性的設(shè)置3.3 文本的修飾3.3.1 輸入文本3.3.2 文本屬性的設(shè)置3.3.3 段落格式的設(shè)置3.3.4 列表格式的設(shè)置3.3.5 滾動文本3.4 設(shè)置超鏈接3.4.1 URL地址3.4.2 超鏈接的分類3.4.3 錨記鏈接3.4.4 空鏈接3.4.5 電子郵件鏈接3.4.6 選擇鏈接目標(biāo)3.5 制作包含超鏈接的純文本網(wǎng)站3.6 使用圖像3.6.1 插入圖像3.6.2 設(shè)置圖像屬性3.6.3 制作翻轉(zhuǎn)圖像3.6.4 制作圖像映射3.6.5 制作導(dǎo)航條3.6 制作網(wǎng)站相冊小結(jié)練習(xí)題上機(jī)實訓(xùn)第4章 頁面布局4.1 網(wǎng)頁版面布局概述4.2 實例導(dǎo)入：表格排版網(wǎng)頁4.3 使用表格排版4.3.1 插入表格和編輯表格4.3.2 表格及單元格屬性設(shè)置4.3.3 使用表格排版網(wǎng)頁4.3.4 在布局模式下插入表格和單元格4.3.5 表格排版實例的制作過程4.4 使用層排版4.4.1 實例導(dǎo)入：層排版網(wǎng)頁4.4.2 插入層和編輯層4.4.3 使用層排版網(wǎng)頁的制作過程4.5 時間軸特效及行為4.5.1 實例導(dǎo)入：網(wǎng)頁中的時間軸特效及行為的應(yīng)用4.5.2 利用時間軸制作動態(tài)特效4.5.3 應(yīng)用Dreamweaver內(nèi)部的行為4.5.4 推薦制作網(wǎng)頁特效的軟件4.6 使用框架排版網(wǎng)頁4.6.1 實例導(dǎo)入：框架排版網(wǎng)頁4.6.2 創(chuàng)建與編輯框架結(jié)構(gòu)4.6.3 框架排版網(wǎng)頁的制作過程小結(jié)　練習(xí)題上機(jī)實訓(xùn)第5章 CSS樣式表5.1 實例導(dǎo)入：使用CSs樣式表的網(wǎng)頁5.2 使用CSS樣式表5.2.1 CSS樣式表概述5.2.2 在Dreamweaver中定義CSS5.3 CSS樣式表的應(yīng)用5.3.1 背景樣式的應(yīng)用5.3.2 文本及列表的應(yīng)用5.3.3 方框和邊框樣式的應(yīng)用5.3.4 動態(tài)鏈接樣式的應(yīng)用5.3.5 濾鏡效果的應(yīng)用5.3.6 應(yīng)用進(jìn)階：利用CSS+Div進(jìn)行網(wǎng)頁布局小結(jié)練習(xí)題上機(jī)實訓(xùn)第6章 使用表單6.1 實例導(dǎo)入：利用表單創(chuàng)建用戶信息注冊表6.2 創(chuàng)建表單6.3 插入表單對象6.3.1 表單網(wǎng)頁的布局6.3.2 插入和編輯表單對象6.3.3 用戶注冊表實例制作過程6.3.4 驗證表單小結(jié)練習(xí)題上機(jī)實訓(xùn)第7章 模板與庫的應(yīng)用7.1 實例導(dǎo)入：利用模板生成的站點7.2 模板的創(chuàng)建和編輯7.2.1 創(chuàng)建模板7.2.2 編輯模板7.3 模板的應(yīng)用和更新7.3.1 模板的應(yīng)用7.3.2 模板的更新7.4 使用庫7.4.1 創(chuàng)建庫7.4.2 應(yīng)用庫7.4.3 修改庫7.5 利用模板和庫生成站點的制作過程小結(jié)練習(xí)題上機(jī)實訓(xùn)第8章 在網(wǎng)頁中插入多媒體對象8.1 實例導(dǎo)入：多媒體站點8.2 使用多媒體對象8.2.1 設(shè)置頁面背景音樂8.2.2 插入Flash影片8.2.3 插入Flash文本8.2.4 插入Flash按鈕8.2.5 插入FlashVideo8.2.6 插入FlashPaper8.2.7 插入Flash元素制作相冊8.2.8 在網(wǎng)頁中嵌入音頻文件8.2.9 在網(wǎng)頁中嵌入視頻文件8.3 多媒體網(wǎng)站實例的制作過程小結(jié)練習(xí)題上機(jī)實訓(xùn)第9章 Fireworks娼圖像處理9.1 圖像基礎(chǔ)及色彩應(yīng)用9.1.1 認(rèn)識色彩9.1.2 色彩的作用9.1.3 色彩的配色應(yīng)用方案實例9.1.4 矢量圖形和位圖圖像9.1.5 網(wǎng)頁圖像的處理流程9.2 靜態(tài)圖像的制作9.2.1 Fireworks8的工作界面9.2.2 位圖圖像處理9.2.3 繪制和編輯矢量對象9.2.4 文本應(yīng)用9.2.5 層9.2.6 蒙版9.3 動畫圖像制作9.3.1 r逐幀動畫9.3.2 使用動畫元件創(chuàng)建動畫9.3.3 制作精品Brnner9.4 動態(tài)交互圖像的制作9.4.1 切片和熱點的應(yīng)用……第10章 Flash動畫的制作第11章 網(wǎng)站建設(shè)綜合實訓(xùn)參考文獻(xiàn)

章節(jié)摘錄

插圖：目前網(wǎng)頁制作工具較多，大多數(shù)網(wǎng)頁的制作都是通過“所見即所得”的編輯工具完成的。在網(wǎng)頁制作過程中，還需要進(jìn)行素材的創(chuàng)作和加工，即圖形和動畫制作工具。1.2.1網(wǎng)頁編輯工具網(wǎng)頁編輯工具主要分為標(biāo)記型和所見即所得型。標(biāo)記型工具常用的是Notepad（記事本）、Ultraedit等。Ultraedit是一套很好用的文本編輯器，附有HTML標(biāo)記顏色顯示、搜尋替換以及無限制的還原功能。所見即所得型的編輯主流軟件有微軟的FrontPage和Dreamweaver。其中FrontPage繼承了Office系列軟件的界面通用、操作簡單的特點，十分適合初學(xué)者使用。但FrontPage與MacroMedia公司的Dreamweaver相比，在HTML源代碼的精確性、實用性以及對各種新技術(shù)的支持上都略遜一籌。本書主要介紹的網(wǎng)頁編輯工具是Dreamweaver。1.2.2圖形和圖像處理工具目前常用的圖形和圖像處理工具主要是Adobe公司出品的著名的圖形圖像處理軟件Photoshop，以及Macromedia公司推出的Firoworks（Macromedia公司也已被Adobe公司收購）。Photoshop的功能十分強(qiáng)大，是目前使用最為廣泛的專業(yè)圖形圖像處理軟件之一，它捆綁了Image Ready，能夠?qū)崿F(xiàn)各種專業(yè)化的圖像處理及動畫的制作等。有興趣的讀者可查閱相關(guān)的參考書研究和學(xué)習(xí)，Photoshop的工作界面如圖114所示。

編輯推薦

《網(wǎng)頁設(shè)計與制作及實訓(xùn)教程》中充分體現(xiàn)理論知識的敘述圍繞實例展開，簡潔明了，舍去了一些深奧、不常用的知識點，使教材的可讀性增強(qiáng)，具有較強(qiáng)的實用性。第二，實用性強(qiáng)——通過學(xué)習(xí)《網(wǎng)頁設(shè)計與制作及實訓(xùn)教程》后，學(xué)生可上崗工作。

圖書封面

評論、評分、閱讀與下載

---

    網(wǎng)頁設(shè)計與制作及實訓(xùn)教程 PDF格式下載

---