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

前言

隨著網(wǎng)站技術(shù)的發(fā)展，社會(huì)各個(gè)領(lǐng)域?qū)W(wǎng)站開(kāi)發(fā)技術(shù)的要求日益提高，人才市場(chǎng)上對(duì)網(wǎng)站開(kāi)發(fā)工作人員的需求大大增加。網(wǎng)站開(kāi)發(fā)工作包括市場(chǎng)需求分析、網(wǎng)站策劃、網(wǎng)頁(yè)平面設(shè)計(jì)、網(wǎng)頁(yè)頁(yè)面排版、網(wǎng)絡(luò)動(dòng)畫(huà)設(shè)計(jì)、網(wǎng)站程序、網(wǎng)站的推廣等各方面的知識(shí)，這是一項(xiàng)對(duì)開(kāi)發(fā)人員的綜合技能要求很高的系統(tǒng)工程。本書(shū)按照教學(xué)規(guī)律精心設(shè)計(jì)內(nèi)容和結(jié)構(gòu)。根據(jù)各類院校教學(xué)實(shí)際的課時(shí)安排，結(jié)合多位任課教師多年的教學(xué)經(jīng)驗(yàn)進(jìn)行教材內(nèi)容的設(shè)計(jì)，力爭(zhēng)教材結(jié)構(gòu)合理、難易適中。本書(shū)可作為各類院校的網(wǎng)頁(yè)設(shè)計(jì)與制作教材，各層次職業(yè)培訓(xùn)教材，同時(shí)也可作為廣大網(wǎng)站開(kāi)發(fā)愛(ài)好者的自學(xué)指導(dǎo)用書(shū)。主要內(nèi)容本書(shū)涉及網(wǎng)站開(kāi)發(fā)的基本知識(shí)、Dreamweaver制作網(wǎng)頁(yè)和管理網(wǎng)站的方法、Photoshop制作網(wǎng)頁(yè)圖像和進(jìn)行網(wǎng)頁(yè)平面設(shè)計(jì)的方法、Flash制作網(wǎng)絡(luò)動(dòng)畫(huà)的方法。本書(shū)共分12章，各章節(jié)內(nèi)容介紹如下。第1章學(xué)習(xí)網(wǎng)站開(kāi)發(fā)的基礎(chǔ)知識(shí)，包括網(wǎng)站開(kāi)發(fā)概述、網(wǎng)站開(kāi)發(fā)流程、常用網(wǎng)頁(yè)設(shè)計(jì)軟件、HTML入門等。第2章學(xué)習(xí)DreamweaverCS3基礎(chǔ)知識(shí)，包括DreamweaverCS3的工作環(huán)境、建立本地站點(diǎn)、在Dreamweaver中制作第一個(gè)網(wǎng)頁(yè)等。第3章學(xué)習(xí)制作網(wǎng)頁(yè)內(nèi)容的知識(shí)，包括文字和段落在網(wǎng)頁(yè)中的應(yīng)用、圖像在網(wǎng)頁(yè)中的應(yīng)用、多媒體對(duì)象在網(wǎng)頁(yè)中的應(yīng)用、超鏈接等。第4章學(xué)習(xí)CSS樣式表的知識(shí)，包括CSS入門、CSS樣式詳解、創(chuàng)建和應(yīng)用CSS樣式、鏈接外部CSS樣式表等。第5章學(xué)習(xí)網(wǎng)頁(yè)布局的知識(shí)，包括網(wǎng)頁(yè)布局類型、用表格進(jìn)行網(wǎng)頁(yè)布局、框架、用CSS進(jìn)行網(wǎng)頁(yè)布局等。第6章學(xué)習(xí)網(wǎng)頁(yè)特效與交互的知識(shí)，包括行為的應(yīng)用、AP元素和時(shí)間軸、AP元素動(dòng)畫(huà)、Spry框架、JavaScript基礎(chǔ)知識(shí)等。第7章學(xué)習(xí)模板和站點(diǎn)管理的知識(shí)，包括模板、資源管理、站點(diǎn)的管理和維護(hù)等。第8章學(xué)習(xí)Photoshop網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)知識(shí)，包括PhotoshopCS3的工作環(huán)境、Photoshop的工具箱和面板、工具欄和輔助作圖工具、創(chuàng)建Photoshop文檔、繪制各種圖形和設(shè)置顏色的方法、認(rèn)識(shí)畫(huà)筆等。第9章學(xué)習(xí)Photoshop網(wǎng)頁(yè)設(shè)計(jì)進(jìn)階的知識(shí)，包括Photoshop的圖層、Photoshop的選區(qū)和通道、設(shè)計(jì)網(wǎng)頁(yè)文字、網(wǎng)頁(yè)圖像的調(diào)整、Photoshop的濾鏡等。第10章學(xué)習(xí)Photoshop設(shè)計(jì)網(wǎng)頁(yè)元素的知識(shí)，包括設(shè)計(jì)網(wǎng)站圖標(biāo)和Logo、設(shè)計(jì)網(wǎng)頁(yè)廣告圖像、設(shè)計(jì)網(wǎng)頁(yè)按鈕和導(dǎo)航條、設(shè)計(jì)網(wǎng)頁(yè)等。第11章學(xué)習(xí)FlashCS3基礎(chǔ)知識(shí)，包括FlashCS3的工作環(huán)境、Flash文檔的基本操作方法、繪制矢量圖形、位圖和文字等。第12章學(xué)習(xí)制作網(wǎng)頁(yè)動(dòng)畫(huà)的知識(shí)，包括圖層和幀、Flash動(dòng)畫(huà)的制作方法、元件及其應(yīng)用、使用Flash制作網(wǎng)絡(luò)廣告等。為了方便讀者的學(xué)習(xí)，本書(shū)還設(shè)計(jì)了4個(gè)附錄，包括常用HTML標(biāo)簽、安裝和配置Web服務(wù)器、網(wǎng)站上傳和下載工具、習(xí)題參考答案。本書(shū)特點(diǎn)1．緊扣教學(xué)規(guī)律，合理設(shè)計(jì)圖書(shū)結(jié)構(gòu)本書(shū)作者多是長(zhǎng)期從事網(wǎng)頁(yè)設(shè)計(jì)與制作教學(xué)工作的一線教師，具有豐富的教學(xué)經(jīng)驗(yàn)，緊扣教師的教學(xué)規(guī)律和學(xué)生的學(xué)習(xí)規(guī)律，全力打造難易適中、結(jié)構(gòu)合理、實(shí)用性強(qiáng)的教材。

內(nèi)容概要

本書(shū)主要介紹用dreamweaver、photoshop和flash進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)與制作的方法。本書(shū)以實(shí)例帶動(dòng)教學(xué)，注重對(duì)讀者動(dòng)手實(shí)踐能力的培養(yǎng)。每章都設(shè)計(jì)了“上機(jī)練習(xí)”教學(xué)單元，既可以讓教師合理安排教學(xué)實(shí)踐內(nèi)容，又可以讓學(xué)習(xí)者舉一反三，快速掌握本章知識(shí)。　　全書(shū)共包括12章，第1章介紹網(wǎng)站開(kāi)發(fā)的基礎(chǔ)知識(shí)；第2～7章介紹使用dreamweaver進(jìn)行網(wǎng)頁(yè)制作和網(wǎng)站管理的方法；第8～10章介紹使用photoshop進(jìn)行網(wǎng)頁(yè)圖像設(shè)計(jì)和繪制網(wǎng)頁(yè)的方法；第11、12章介紹使用flash 進(jìn)行網(wǎng)頁(yè)動(dòng)畫(huà)制作的方法?！　”緯?shū)內(nèi)容精練，構(gòu)思科學(xué)合理，實(shí)例豐富，理論與應(yīng)用配合緊密，既可作為各類院校的網(wǎng)頁(yè)設(shè)計(jì)與制作教材，也可作為培訓(xùn)機(jī)構(gòu)相關(guān)專業(yè)的培訓(xùn)教材，還可作為網(wǎng)站開(kāi)發(fā)人員和網(wǎng)站開(kāi)發(fā)愛(ài)好者的自學(xué)或參考用書(shū)。

書(shū)籍目錄

第1章 網(wǎng)站開(kāi)發(fā)基礎(chǔ) 　1.1 網(wǎng)站開(kāi)發(fā)概述 　　1.1.1 什么是網(wǎng)站 　　1.1.2 網(wǎng)站的類型及定位 　　1.1.3 認(rèn)識(shí)網(wǎng)頁(yè) 　1.2 網(wǎng)站開(kāi)發(fā)流程 　　1.2.1 網(wǎng)站總體策劃 　　1.2.2 設(shè)計(jì)和制作素材 　　1.2.3 建立站點(diǎn) 　　1.2.4 制作網(wǎng)頁(yè) 　　1.2.5 測(cè)試和發(fā)布網(wǎng)站 　1.3 常用網(wǎng)頁(yè)設(shè)計(jì)軟件 　1.4 html入門 　　1.4.1 html的概念 　　1.4.2 編寫(xiě)html網(wǎng)頁(yè) 　　1.4.3 html標(biāo)簽 　　1.4.4 html文檔的基本結(jié)構(gòu) 　1.5 本章習(xí)題 　1.6 上機(jī)練習(xí) 　練習(xí)1 網(wǎng)站規(guī)劃 　練習(xí)2 用html編寫(xiě)網(wǎng)頁(yè)文檔 第2章 dreamweaver cs3基礎(chǔ) 　2.1 dreamweaver cs3的工作環(huán)境 　　2.1.1 開(kāi)始頁(yè) 　　2.1.2 dreamweaver軟件界面 　　2.1.3 自定義軟件界面 　　2.1.4 dreamweaver的視圖模式 　2.2 建立本地站點(diǎn) 　　2.2.1 創(chuàng)建站點(diǎn)目錄 　　2.2.2 在dreamweaver中定義站點(diǎn) 　2.3 在dreamweaver中制作第一個(gè)網(wǎng)頁(yè) 　　2.3.1 新建html網(wǎng)頁(yè)文檔 　　2.3.2 編輯和保存網(wǎng)頁(yè) 　　2.3.3 預(yù)覽網(wǎng)頁(yè) 　　2.3.4 繼續(xù)編輯網(wǎng)頁(yè) 　2.4 本章習(xí)題 　2.5 上機(jī)練習(xí) 　練習(xí)1 定義本地站點(diǎn) 　練習(xí)2 制作一個(gè)簡(jiǎn)單網(wǎng)頁(yè) 第3章 制作網(wǎng)頁(yè)內(nèi)容 第4章 css樣式表 第5章 網(wǎng)頁(yè)布局 第6章 網(wǎng)頁(yè)特效與交互 第7章 模板和站點(diǎn)管理 第8章 photoshop網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ) 第9章 photoshop網(wǎng)頁(yè)設(shè)計(jì)進(jìn)階 第10章 photoshop設(shè)計(jì)網(wǎng)頁(yè)元素 第11章 flash cs3基礎(chǔ) 第12章 制作網(wǎng)頁(yè)動(dòng)畫(huà) 附錄a 常用html標(biāo)簽 附錄b 安裝和配置web服務(wù)器 附錄c 網(wǎng)站上傳和下載工具——flashfxp 附錄d 習(xí)題參考答案

章節(jié)摘錄

插圖：色彩在網(wǎng)站形象中具有重要地位，通常新聞?lì)惖木W(wǎng)站會(huì)選擇自底黑字，不儀是因?yàn)檫@種方式對(duì)網(wǎng)絡(luò)帶寬要求最低，更多的是因?yàn)槿藗兤綍r(shí)習(xí)慣于這樣閱讀報(bào)紙，所以在潛意識(shí)中，這種色彩把新聞傳達(dá)到腦海的效率最高。在古董類網(wǎng)站中，色彩的搭配上又會(huì)有一定的差異，色彩搭配盡量古樸一些，更要符合民族的一些特色。根據(jù)網(wǎng)站的不同類型選定主體色，背景色選擇與之相諧調(diào)的色彩進(jìn)行搭配，在滿足瀏覽者視覺(jué)美感的同時(shí)又給他們一個(gè)識(shí)別信號(hào)，來(lái)幫助瀏覽者對(duì)網(wǎng)站類型進(jìn)行判斷。網(wǎng)站色彩總的應(yīng)用原則應(yīng)該是“總體協(xié)調(diào)，局部對(duì)比”。主頁(yè)的整體色彩效果應(yīng)該是和諧的，只有局部的、小范圍的地方可以有一些強(qiáng)烈色彩的對(duì)比。在色彩的運(yùn)用上，可以根據(jù)主頁(yè)內(nèi)容的需要，分別采用不同的主色調(diào)。因?yàn)樯示哂邢笳餍?，如嫩綠色、翠綠色、金黃色、灰褐色就可以分別象征著春、夏、秋、冬。其次還有職業(yè)的標(biāo)志色，如軍警的橄欖綠，醫(yī)療衛(wèi)生的白色等。色彩還具有明顯的心理感覺(jué)，如冷、暖的感覺(jué)，進(jìn)、退的效果.等。另外，色彩還有民族性，各個(gè)民族由于環(huán)境、文化.、傳統(tǒng)等因素的影響，對(duì)于色彩的喜好也存在著較大的差異。充分運(yùn)用色彩的這些特性，可以使主頁(yè)具有深刻的藝術(shù)內(nèi)涌，從而提升主頁(yè)的文化品位。下面介紹幾種色彩選配方案。（1）暖色調(diào)。即紅色、橙色、黃色、赭色等色彩的搭配。這種色調(diào)的運(yùn)用，可使主頁(yè)呈現(xiàn)溫馨、和煦、熱情的氛圍。（2）冷色調(diào)。即青色、綠色、紫色等色彩的搭配。這種色調(diào)的運(yùn)用，可使主頁(yè)呈現(xiàn)寧?kù)o、清涼、高雅的氛圍。（3）對(duì)比色調(diào)。即把色性完全相反的色彩搭配在同一個(gè)空間里。例如：紅與綠、黃與紫、橙與藍(lán)等。這種色彩的搭配，可以產(chǎn)生強(qiáng)烈的視覺(jué)效果，給人亮麗、鮮艷、喜慶的感覺(jué)。當(dāng)然，對(duì)比色調(diào)如果用得不好，會(huì)適得其反，產(chǎn)生俗氣、刺眼的不良效果。這就要把握“大調(diào)和，小對(duì)比”的重要原則，即總體的色調(diào)應(yīng)該是統(tǒng)一和諧的，局部的地方可以有一些小的強(qiáng)烈對(duì)比。

編輯推薦

《網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)用教程(Dreamweaver+Flash+Photoshop)》：注重學(xué)生綜合能力和應(yīng)用能力的培養(yǎng)，既能滿足學(xué)生學(xué)習(xí)的要求，也能適應(yīng)社會(huì)實(shí)踐的需求巧妙使用模塊構(gòu)建，層次分明，重點(diǎn)突出可操作性強(qiáng)，實(shí)驗(yàn)步驟清楚，案例分析有章可循

圖書(shū)封面

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

---

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

---