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

書籍目錄

第1章 網(wǎng)頁設(shè)計(jì)與制作基礎(chǔ)知識(shí)1.1 網(wǎng)頁制作入門知識(shí)1.1.1 WWW的基本概念1.1.2 網(wǎng)站建設(shè)步驟1.1.3 網(wǎng)頁設(shè)計(jì)要點(diǎn)1.1.4 制作網(wǎng)頁的常用工具1.1.5 課后練習(xí)與思考1.2 HTML語言基本知識(shí)1.2.1 簡單實(shí)例與HTML文件結(jié)構(gòu)分析1.2.2 基本概念與語法規(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 “開始”頁2.2.2 新建和保存Fireworks文檔2.2.3 關(guān)于Fireworks面板2.3 更改畫布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)頁模板效果圖綜合制作實(shí)例2.1 1.1 案例任務(wù)2.1 1.2 課后練習(xí)與思考第3章 FireworksCS4網(wǎng)頁高級(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)頁導(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)畫的制作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)頁制作基本操作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)頁制作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)頁布局操作5.1 表格的相關(guān)知識(shí)5.1.1 案例任務(wù)5.1.2 擴(kuò)展知識(shí)5.1.3 課后練習(xí)與思考5.2 利用框架進(jìn)行網(wǎng)頁布局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)頁測(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è)可以被看作是軟件開發(fā)項(xiàng)目的一種，需要有一定的規(guī)劃與流程才能做到思路清晰、事半功倍，以免在繁雜的制作過程中迷失方向，從而浪費(fèi)時(shí)間精力。一般來說，一個(gè)網(wǎng)站的建設(shè)要經(jīng)過以下的步驟。1.確定網(wǎng)站的建設(shè)目標(biāo)首先需要明確是為了什么目的建設(shè)這個(gè)網(wǎng)站，是為了宣傳企業(yè)還是為了開辦電子商務(wù)，或是為了制作一個(gè)個(gè)人網(wǎng)站。其次需要明確誰是網(wǎng)站將來的訪問者，即明確該網(wǎng)站面向何種類型的川戶。這個(gè)問題直接影響到網(wǎng)頁設(shè)計(jì)的風(fēng)格。2.確定網(wǎng)站的主題、風(fēng)格在制作網(wǎng)站前，要考慮選擇什么樣的主題。如果是制作個(gè)人網(wǎng)站，在選擇主題時(shí)應(yīng)注意下面幾個(gè)問題。（1）主題選材要小而精雖然在制作網(wǎng)站的時(shí)候很想把所有認(rèn)為精彩的東西都放上去，但往往事與愿違，內(nèi)容太多給人感覺沒有特色，什么都有卻都很膚淺。一般來說，專題網(wǎng)站要比大而全的網(wǎng)站更受歡迎。（2）最好選擇自己擅長或感興趣的內(nèi)容主題最好是制作者最擅長并最有興趣的東西，其中興趣最重要，只有興趣才能創(chuàng)造出靈感，特別是個(gè)人網(wǎng)站的主題設(shè)計(jì)，可以從自己的專業(yè)或興趣愛好方面多做考慮，如自己在音樂、旅游、書法等方面有獨(dú)到的見解，可以將此作為網(wǎng)站的內(nèi)容。一個(gè)優(yōu)秀的網(wǎng)站都有自己的個(gè)性和文化，而且會(huì)從一開始就千方百計(jì)去體現(xiàn)它，樹立起自己的風(fēng)格。例如，網(wǎng)民會(huì)覺得鳳凰網(wǎng)是睿智深刻的，迪斯尼是生動(dòng)活潑的，IBM是專業(yè)嚴(yán)肅的，這些郜是網(wǎng)站風(fēng)格給瀏覽者留下的不同感受。那么，如何樹立網(wǎng)站風(fēng)格呢，具體的做法沒有定式，制作者可以從網(wǎng)站的標(biāo)志（L0go）、色彩、字體、版面布局、語氣等多方面去考慮。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)了然于胸，制作起來就會(huì)得心應(yīng)手，游刃有余；如果網(wǎng)站的總體結(jié)構(gòu)比較混亂，制作的過程中難免會(huì)顛三倒四，浪費(fèi)時(shí)間。

編輯推薦

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

圖書封面

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

---

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

---