網(wǎng)頁設計與制作

前言

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

內容概要

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

書籍目錄

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

章節(jié)摘錄

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

編輯推薦

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

圖書封面

評論、評分、閱讀與下載

---

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

---