網(wǎng)頁(yè)設(shè)計(jì)與制作

前言

當(dāng)前，社會(huì)信息化進(jìn)程把高等學(xué)校計(jì)算機(jī)基礎(chǔ)教學(xué)帶入了一個(gè)新的發(fā)展階段。對(duì)大學(xué)生進(jìn)行“面向應(yīng)用、突出實(shí)踐”的信息素養(yǎng)的培養(yǎng)為高等學(xué)校計(jì)算機(jī)基礎(chǔ)教學(xué)指出了新的目標(biāo)。同時(shí)，“多元化、模塊化、融合化、網(wǎng)絡(luò)化”成為計(jì)算機(jī)基礎(chǔ)教學(xué)的發(fā)展趨勢(shì)。為順應(yīng)這一發(fā)展趨勢(shì)，在全國(guó)高等學(xué)校教學(xué)研究中心、廣東省教育廳的共同推動(dòng)下，由張景中院士牽頭，組織十余所高校共同開(kāi)展了“高等學(xué)校大學(xué)計(jì)算機(jī)公共課程教學(xué)改革”項(xiàng)目的建設(shè)工作。改革項(xiàng)目力圖體現(xiàn)現(xiàn)代教育思想，恰當(dāng)?shù)剡\(yùn)用現(xiàn)代教學(xué)技術(shù)、方法與手段，構(gòu)建適合不同層次、不同類型高校和專業(yè)的計(jì)算機(jī)基礎(chǔ)課程的多元教學(xué)體系。多元教學(xué)體系的含義體現(xiàn)在四個(gè)方面。一、教學(xué)理念的多元化。針對(duì)計(jì)算機(jī)基礎(chǔ)教學(xué)的目標(biāo)和特征，引入了多種現(xiàn)代教學(xué)理論與學(xué)習(xí)理論指導(dǎo)教學(xué)改革實(shí)踐，如布魯納教學(xué)理論中強(qiáng)調(diào)發(fā)現(xiàn)式、探究式學(xué)習(xí)方對(duì)計(jì)算機(jī)基礎(chǔ)教學(xué)目標(biāo)的導(dǎo)向；布盧姆教學(xué)理論中教育目標(biāo)分類理論在計(jì)算機(jī)基礎(chǔ)教學(xué)分類、分層次教學(xué)中的應(yīng)用；建構(gòu)主義中強(qiáng)調(diào)以學(xué)生為中心、利用各種信息資源來(lái)設(shè)計(jì)多種學(xué)習(xí)情景進(jìn)行“協(xié)作學(xué)習(xí)”對(duì)計(jì)算機(jī)基礎(chǔ)教學(xué)在教學(xué)模式、教學(xué)手段和教學(xué)資源建設(shè)上的指導(dǎo)等。二、教學(xué)模式的多元化。由于不同專業(yè)對(duì)于信息素養(yǎng)和計(jì)算機(jī)基礎(chǔ)知識(shí)的要求不同，因此在項(xiàng)目中采用了以目標(biāo)為導(dǎo)向、與專業(yè)相融合的多元教學(xué)模式：自學(xué)一輔導(dǎo)型模式、講授型模式、主題探究型模式、小組協(xié)作型模式、案例教學(xué)型模式、技能訓(xùn)練型模式等。通過(guò)靈活運(yùn)用多種恰當(dāng)?shù)慕虒W(xué)模式，有效調(diào)動(dòng)學(xué)生學(xué)習(xí)積極性，促進(jìn)學(xué)生學(xué)習(xí)能力發(fā)展。三、教學(xué)手段的多元化。項(xiàng)目充分使用現(xiàn)代教育技術(shù)手段，構(gòu)建了靈活、開(kāi)放、共享的教與學(xué)的支持平臺(tái)，包括：“師友”交互式教學(xué)系統(tǒng)軟件、教師教學(xué)資源共享與教研活動(dòng)平臺(tái)、學(xué)生自主學(xué)習(xí)及綜合技能實(shí)訓(xùn)平臺(tái)等。四、教學(xué)資源的多元化。以參加項(xiàng)目的學(xué)校共同建設(shè)的方式，完成了計(jì)算機(jī)課程優(yōu)質(zhì)教學(xué)資源的建設(shè)，最終形成了“紙質(zhì)教材一網(wǎng)絡(luò)學(xué)習(xí)資源一學(xué)習(xí)輔助光盤(pán)一實(shí)驗(yàn)（實(shí)訓(xùn)）資源”四位一體的立體化學(xué)習(xí)資源，各種教學(xué)資源形成一個(gè)有機(jī)的整體，為開(kāi)展多元化的教與學(xué)環(huán)節(jié)提供了有力的支撐。此次組織編寫(xiě)的“高等學(xué)校計(jì)算機(jī)基礎(chǔ)課程多元教學(xué)系列教材”即為項(xiàng)目建設(shè)成果的重要組成部分。這套立體化教材為學(xué)習(xí)者提供了知識(shí)點(diǎn)的系統(tǒng)學(xué)習(xí)（紙質(zhì)教材）、重點(diǎn)與難點(diǎn)的形象演示（學(xué)習(xí)輔助光盤(pán)）、擴(kuò)展知識(shí)學(xué)習(xí)與交流研討（網(wǎng)絡(luò)學(xué)習(xí)資源）、實(shí)踐與應(yīng)用能力在線測(cè)試（實(shí)驗(yàn)資源）的綜合資源。立體化教材能依據(jù)學(xué)習(xí)者的認(rèn)知特征提供不同層次的學(xué)習(xí)內(nèi)容和目標(biāo)要求，盡可能適應(yīng)學(xué)生個(gè)性和學(xué)習(xí)風(fēng)格的差異，為每個(gè)學(xué)生提供適用的學(xué)習(xí)材料，構(gòu)建恰當(dāng)?shù)拿襟w資源環(huán)境，滲透優(yōu)化的學(xué)習(xí)方法。

內(nèi)容概要

　　《高等學(xué)校計(jì)算機(jī)基礎(chǔ)課程多元教學(xué)系列教材：網(wǎng)頁(yè)設(shè)計(jì)與制作》以教育部高等學(xué)校計(jì)算機(jī)基礎(chǔ)課程教學(xué)指導(dǎo)委員會(huì)制訂的《計(jì)算機(jī)基礎(chǔ)課程教學(xué)基本要求（2009版）》中關(guān)于網(wǎng)頁(yè)制作方面的課程教學(xué)要求為依據(jù)，結(jié)合自2007年起廣東省計(jì)算機(jī)基礎(chǔ)課程教學(xué)改革所形成的經(jīng)驗(yàn)，由長(zhǎng)期工作在計(jì)算機(jī)基礎(chǔ)教學(xué)及教學(xué)改革研究第一線的優(yōu)秀教師編寫(xiě)而成。《高等學(xué)校計(jì)算機(jī)基礎(chǔ)課程多元教學(xué)系列教材：網(wǎng)頁(yè)設(shè)計(jì)與制作》主要內(nèi)容包括：網(wǎng)頁(yè)設(shè)計(jì)與制作基礎(chǔ)知識(shí)、FireworksCS4數(shù)碼圖像基本操作、FireworksCS4網(wǎng)頁(yè)高級(jí)應(yīng)用、DreamweaverCS4網(wǎng)頁(yè)制作基本操作、DreamweaverCS4網(wǎng)頁(yè)布局操作、網(wǎng)站的發(fā)布與維護(hù)等6個(gè)模塊。在全書(shū)的內(nèi)容編排上，采用“項(xiàng)目驅(qū)動(dòng)”的教學(xué)模式來(lái)組織，將一個(gè)完整的范例網(wǎng)站開(kāi)發(fā)項(xiàng)目用任務(wù)分解的方式融入全書(shū)大部分知識(shí)單元中。在教與學(xué)的過(guò)程中以此范例網(wǎng)站的設(shè)計(jì)開(kāi)發(fā)為主線，既有助于理清學(xué)習(xí)思路又實(shí)現(xiàn)了實(shí)操演練的效果。為了兼顧知識(shí)的全面性和資源的豐富性，知識(shí)單元中除了包含有范例網(wǎng)站的分解任務(wù)講解，也提供了相應(yīng)的“擴(kuò)展知識(shí)”和“課后練習(xí)與思考”。為了更好地開(kāi)展教學(xué)活動(dòng)，在《網(wǎng)頁(yè)設(shè)計(jì)與制作（附光盤(pán)1張）》的配套資源光盤(pán)中配備了案例素材、重難點(diǎn)操作視頻和電子教案。同時(shí)，為了更好地輔助一線老師進(jìn)行信息化教學(xué)，《網(wǎng)頁(yè)設(shè)計(jì)與制作（附光盤(pán)1張）》附帶了一套課堂信息化實(shí)時(shí)教學(xué)系統(tǒng)和學(xué)生自主學(xué)習(xí)系統(tǒng)。課堂信息化實(shí)時(shí)教學(xué)系統(tǒng)已將《網(wǎng)頁(yè)設(shè)計(jì)與制作（附光盤(pán)1張）》的所有教學(xué)內(nèi)容錄入，并形成各知識(shí)點(diǎn)與教學(xué)內(nèi)容、演示案例等對(duì)應(yīng)的鏈接，教師無(wú)須制作電子教案即可教學(xué)；同時(shí)，教師可以利用系統(tǒng)的重難點(diǎn)等操作手段，進(jìn)行強(qiáng)化性的刺激教學(xué)，系統(tǒng)會(huì)自動(dòng)將強(qiáng)化的教學(xué)內(nèi)容記錄下來(lái)，形成文件，方便教師課后對(duì)所講的重點(diǎn)知識(shí)內(nèi)容進(jìn)行復(fù)習(xí)性的瀏覽。在學(xué)生自主學(xué)習(xí)系統(tǒng)中，學(xué)習(xí)者可以直觀地瀏覽到章節(jié)各知識(shí)點(diǎn)，在知識(shí)導(dǎo)航欄中可以非常方便地選出所需學(xué)習(xí)的內(nèi)容和操作演示案例?！毒W(wǎng)頁(yè)設(shè)計(jì)與制作（附光盤(pán)1張）》適合作為高等學(xué)校計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)課程的教材，也可作為各類培訓(xùn)班的計(jì)算機(jī)教材和計(jì)算機(jī)自學(xué)者的參考書(shū)。

書(shū)籍目錄

第1章 網(wǎng)頁(yè)設(shè)計(jì)與制作基礎(chǔ)知識(shí)1.1 網(wǎng)頁(yè)制作入門(mén)知識(shí)1.1.1 WWW的基本概念1.1.2 網(wǎng)站建設(shè)步驟1.1.3 網(wǎng)頁(yè)設(shè)計(jì)要點(diǎn)1.1.4 制作網(wǎng)頁(yè)的常用工具1.1.5 課后練習(xí)與思考1.2 HTML語(yǔ)言基本知識(shí)1.2.1 簡(jiǎn)單實(shí)例與HTML文件結(jié)構(gòu)分析1.2.2 基本概念與語(yǔ)法規(guī)則1.2.3 常用標(biāo)記1.2.4 課后練習(xí)與思考第2章 FireworksCs4數(shù)碼圖像基本操作2.1 數(shù)碼圖像的基本概念2.1.1 像素2.1.2 分辨率2.1.3 位圖與矢量圖2.1.4 數(shù)碼圖像的格式2.2 FireworksCS4的工作環(huán)境2.2.1 “開(kāi)始”頁(yè)2.2.2 新建和保存Fireworks文檔2.2.3 關(guān)于Fireworks面板2.3 更改畫(huà)布2.3.1 學(xué)習(xí)內(nèi)容2.3.2 擴(kuò)展知識(shí)2.3.3 課后練習(xí)與思考2.4 圖層的操作2.4.1 學(xué)習(xí)內(nèi)容2.4.2 擴(kuò)展知識(shí)2.5 選擇對(duì)象2.5.1 學(xué)習(xí)內(nèi)容12.5.2 擴(kuò)展知識(shí)12.5.3 學(xué)習(xí)內(nèi)容22.5.4 擴(kuò)展知識(shí)22.5.5 課后練習(xí)與思考2.6 修飾位圖2.6.1 學(xué)習(xí)內(nèi)容12.6.2 學(xué)習(xí)內(nèi)容22.6.3 學(xué)習(xí)內(nèi)容32.6.4 學(xué)習(xí)內(nèi)容42.6.5 擴(kuò)展知識(shí)2.6.6 課后練習(xí)與思考2.7 繪制矢量圖形2.7.1 學(xué)習(xí)內(nèi)容12.7.2 學(xué)習(xí)內(nèi)容22.7.3 學(xué)習(xí)內(nèi)容32.7.4 學(xué)習(xí)內(nèi)容42.7.5 學(xué)習(xí)內(nèi)容52.7.6 課后練習(xí)與思考2.8 文本特效2.8.1 案例任務(wù)2.8.2 擴(kuò)展知識(shí)2.8.3 課后練習(xí)與思考2.9 蒙版2.9.1 學(xué)習(xí)內(nèi)容12.9.2 學(xué)習(xí)內(nèi)容22.9.3 擴(kuò)展知識(shí)2.9.4 課后練習(xí)與思考2.1 0圖像的優(yōu)化、導(dǎo)出與批處理2.1 0.1 學(xué)習(xí)內(nèi)容12.1 0.2 學(xué)習(xí)內(nèi)容22.1 0.3 學(xué)習(xí)內(nèi)容32.1 0.4 課后練習(xí)與思考2.1 1網(wǎng)頁(yè)模板效果圖綜合制作實(shí)例2.1 1.1 案例任務(wù)2.1 1.2 課后練習(xí)與思考第3章 FireworksCS4網(wǎng)頁(yè)高級(jí)應(yīng)用3.1 圖像切片的使用3.1.1 學(xué)習(xí)內(nèi)容3.1.2 案例任務(wù)3.1.3 知識(shí)擴(kuò)展3.1.4 課后練習(xí)與思考3.2 交換圖像的制作3.2.1 學(xué)習(xí)內(nèi)容3.2.2 案例任務(wù)3.2.3 擴(kuò)展知識(shí)3.2.4 課后練習(xí)與思考3.3 元件與實(shí)例3.3.1 學(xué)習(xí)內(nèi)容3.3.2 擴(kuò)展知識(shí)3.3.3 課后練習(xí)與思考3.4 按鈕元件與網(wǎng)頁(yè)導(dǎo)航欄的制作3.4.1 學(xué)習(xí)內(nèi)容3.4.2 案例任務(wù)3.4.3 擴(kuò)展知識(shí)3.4.4 課后練習(xí)與思考3.5 GIF動(dòng)畫(huà)的制作3.5.1 學(xué)習(xí)內(nèi)容3.5.2 擴(kuò)展知識(shí)3.5.3 課后練習(xí)與思考*3.6 彈出菜單的設(shè)置3.6.1 學(xué)習(xí)內(nèi)容3.6.2 擴(kuò)展知識(shí)3.6.3 課后練習(xí)與思考第4章 DreamweaverCs4網(wǎng)頁(yè)制作基本操作4.1 DreamweaverC54的操作環(huán)境4.2 規(guī)劃和設(shè)置站點(diǎn)4.2.1 案例任務(wù)4.2.2 擴(kuò)展知識(shí)4.2.3 課后練習(xí)與思考4.3 基礎(chǔ)網(wǎng)頁(yè)制作4.3.1 案例任務(wù)4.3.2 擴(kuò)展知識(shí)4.3.3 課后練習(xí)與思考4.4 鏈接的使用4.4.1 案例任務(wù)4.4.2 擴(kuò)展知識(shí)4.4.3 課后練習(xí)與思考4.5 插入多媒體元素4.5.1 案例任務(wù)4.5.2 擴(kuò)展知識(shí)4.5.3 課后練習(xí)與思考4.6 視音頻文件的剪接和格式轉(zhuǎn)換第5章 DreamweaverCS4網(wǎng)頁(yè)布局操作5.1 表格的相關(guān)知識(shí)5.1.1 案例任務(wù)5.1.2 擴(kuò)展知識(shí)5.1.3 課后練習(xí)與思考5.2 利用框架進(jìn)行網(wǎng)頁(yè)布局5.2.1 學(xué)習(xí)內(nèi)容5.2.2 案例任務(wù)5.2.3 擴(kuò)展知識(shí)5.2.4 課后練習(xí)與思考*5.3 建立網(wǎng)站相冊(cè)5.3.1 案例任務(wù)5.3.2 擴(kuò)展知識(shí)5.3.3 課后練習(xí)與思考5.4 模板的應(yīng)用5.4.1 學(xué)習(xí)內(nèi)容5.4.2 案例任務(wù)5.4.3 擴(kuò)展知識(shí)5.4.4 課后練習(xí)與思考5.5 CSS核心基礎(chǔ)5.5.1 學(xué)習(xí)內(nèi)容5.5.2 課后練習(xí)與思考5.6 盒子模型5.6.1 學(xué)習(xí)內(nèi)容5.6.2 擴(kuò)展知識(shí)5.6.3 課后練習(xí)與思考第6章 網(wǎng)站的發(fā)布與維護(hù)6.1 網(wǎng)頁(yè)測(cè)試6.1.1 學(xué)習(xí)內(nèi)容6.1.2 課后練習(xí)與思考6.2 站點(diǎn)的發(fā)布6.2.1 學(xué)習(xí)內(nèi)容6.2.2 案例任務(wù)6.2.3 擴(kuò)展知識(shí)6.2.4 課后練習(xí)與思考6.3 網(wǎng)站的維護(hù)與更新6.3.1 學(xué)習(xí)內(nèi)容6.3.2 擴(kuò)展知識(shí)6.3.3 課后練習(xí)與思考

章節(jié)摘錄

插圖：1-1-2網(wǎng)站建設(shè)步驟網(wǎng)站的建設(shè)可以被看作是軟件開(kāi)發(fā)項(xiàng)目的一種，需要有一定的規(guī)劃與流程才能做到思路清晰、事半功倍，以免在繁雜的制作過(guò)程中迷失方向，從而浪費(fèi)時(shí)間精力。一般來(lái)說(shuō)，一個(gè)網(wǎng)站的建設(shè)要經(jīng)過(guò)以下的步驟。1.確定網(wǎng)站的建設(shè)目標(biāo)首先需要明確是為了什么目的建設(shè)這個(gè)網(wǎng)站，是為了宣傳企業(yè)還是為了開(kāi)辦電子商務(wù)，或是為了制作一個(gè)個(gè)人網(wǎng)站。其次需要明確誰(shuí)是網(wǎng)站將來(lái)的訪問(wèn)者，即明確該網(wǎng)站面向何種類型的川戶。這個(gè)問(wèn)題直接影響到網(wǎng)頁(yè)設(shè)計(jì)的風(fēng)格。2.確定網(wǎng)站的主題、風(fēng)格在制作網(wǎng)站前，要考慮選擇什么樣的主題。如果是制作個(gè)人網(wǎng)站，在選擇主題時(shí)應(yīng)注意下面幾個(gè)問(wèn)題。（1）主題選材要小而精雖然在制作網(wǎng)站的時(shí)候很想把所有認(rèn)為精彩的東西都放上去，但往往事與愿違，內(nèi)容太多給人感覺(jué)沒(méi)有特色，什么都有卻都很膚淺。一般來(lái)說(shuō)，專題網(wǎng)站要比大而全的網(wǎng)站更受歡迎。（2）最好選擇自己擅長(zhǎng)或感興趣的內(nèi)容主題最好是制作者最擅長(zhǎng)并最有興趣的東西，其中興趣最重要，只有興趣才能創(chuàng)造出靈感，特別是個(gè)人網(wǎng)站的主題設(shè)計(jì)，可以從自己的專業(yè)或興趣愛(ài)好方面多做考慮，如自己在音樂(lè)、旅游、書(shū)法等方面有獨(dú)到的見(jiàn)解，可以將此作為網(wǎng)站的內(nèi)容。一個(gè)優(yōu)秀的網(wǎng)站都有自己的個(gè)性和文化，而且會(huì)從一開(kāi)始就千方百計(jì)去體現(xiàn)它，樹(shù)立起自己的風(fēng)格。例如，網(wǎng)民會(huì)覺(jué)得鳳凰網(wǎng)是睿智深刻的，迪斯尼是生動(dòng)活潑的，IBM是專業(yè)嚴(yán)肅的，這些郜是網(wǎng)站風(fēng)格給瀏覽者留下的不同感受。那么，如何樹(shù)立網(wǎng)站風(fēng)格呢，具體的做法沒(méi)有定式，制作者可以從網(wǎng)站的標(biāo)志（L0go）、色彩、字體、版面布局、語(yǔ)氣等多方面去考慮。3.規(guī)劃網(wǎng)站的主要結(jié)構(gòu)網(wǎng)站的主題確定以后，就可以確定網(wǎng)站的總體結(jié)構(gòu)了，結(jié)構(gòu)是網(wǎng)站設(shè)計(jì)能否成功的關(guān)鍵所在。如果對(duì)網(wǎng)站的總體結(jié)構(gòu)了然于胸，制作起來(lái)就會(huì)得心應(yīng)手，游刃有余；如果網(wǎng)站的總體結(jié)構(gòu)比較混亂，制作的過(guò)程中難免會(huì)顛三倒四，浪費(fèi)時(shí)間。

編輯推薦

《網(wǎng)頁(yè)設(shè)計(jì)與制作》編輯推薦：在“離等學(xué)校大學(xué)計(jì)算機(jī)公共課程教學(xué)改革”項(xiàng)國(guó)建設(shè)基礎(chǔ)上，由張景中院士牽頭，在編審委員會(huì)組織下精心挑選的優(yōu)秀教師編寫(xiě)完成。〈br〉以多元化的教學(xué)理念為依據(jù)，為計(jì)算機(jī)基礎(chǔ)課程教學(xué)提供多元化的教學(xué)模式、教學(xué)手段，教學(xué)資源，力圖為多元教學(xué)理念提供具體的實(shí)施方案。本系列教材配有如下教學(xué)資源：〈br〉學(xué)習(xí)輔助光盤(pán)——安裝教材所附光盤(pán)中的“師友”多媒體教學(xué)軟件，讀者能查看教材中每一個(gè)知識(shí)單元（包括實(shí)驗(yàn)單元）的學(xué)習(xí)內(nèi)容、擴(kuò)展閱讀知識(shí)及單元小測(cè)試等?！碽r〉網(wǎng)絡(luò)學(xué)習(xí)平臺(tái)——讀者可以通過(guò)該平臺(tái)完成課程內(nèi)容的學(xué)習(xí)、單元作業(yè)、綜合實(shí)訓(xùn)與實(shí)驗(yàn)、實(shí)時(shí)測(cè)試等?！碽r〉使用本教材的教師可獲贈(zèng)“師友”多媒體教學(xué)軟件（教師版），還可獲得網(wǎng)絡(luò)學(xué)習(xí)平臺(tái)中課程管理、作業(yè)管理、考試管理等教學(xué)軟件和素材。

圖書(shū)封面

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

---

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

---