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

前言

　　隨著計(jì)算機(jī)技術(shù)的發(fā)展和普及，職業(yè)學(xué)校的網(wǎng)頁設(shè)計(jì)與制作教學(xué)存在的主要問題是傳統(tǒng)的理論教學(xué)內(nèi)容過多，能夠讓學(xué)生親自動手的實(shí)踐內(nèi)容偏少。本書基于Dreamweaver8中文版，同時(shí)兼顧DrearnweaverCS3和Flash中文版的一些應(yīng)用，按照項(xiàng)目教學(xué)模式組織教學(xué)內(nèi)容，加大了實(shí)踐力度，讓學(xué)生在實(shí)際操作中循序漸進(jìn)地了解和掌握網(wǎng)頁制作的流程與方法。全書由12個(gè)獨(dú)立項(xiàng)目貫穿而成，每個(gè)項(xiàng)目由幾個(gè)活動任務(wù)組成。項(xiàng)目要求創(chuàng)建模擬工作環(huán)境，培養(yǎng)學(xué)生解決實(shí)際問題的綜合能力。通過學(xué)習(xí)完成所有創(chuàng)設(shè)的項(xiàng)目，使學(xué)生具備網(wǎng)頁制作能力?！　”緯鴥?nèi)容均是由教學(xué)一線的教師編寫，全書系統(tǒng)全面，貼近中職學(xué)生的實(shí)際應(yīng)用，緊扣全國計(jì)算機(jī)技能大賽要求，充分運(yùn)用中等職業(yè)教育教學(xué)中先進(jìn)的教學(xué)理念和方法，具有實(shí)用性和可操作性，與時(shí)俱進(jìn)，與當(dāng)前就業(yè)市場結(jié)合得非常緊密?！　”緯帉懥η篌w現(xiàn)先進(jìn)的教育教學(xué)理念和學(xué)習(xí)理念，主要表現(xiàn)在以下幾個(gè)方面?！　?.項(xiàng)目設(shè)計(jì)。培養(yǎng)學(xué)生綜合掌握信息技術(shù)的能力。創(chuàng)建一定的模擬工作環(huán)境，在設(shè)計(jì)上力求貼近工作實(shí)際，讓學(xué)生轉(zhuǎn)換角色，置身于影視制作的情境之中，改變學(xué)生的學(xué)習(xí)方式，引導(dǎo)學(xué)生自主探究學(xué)習(xí)，培養(yǎng)學(xué)生解決實(shí)際問題的能力?！　÷殬I(yè)情景描述：主要描述項(xiàng)目的情境，同時(shí)提出整個(gè)項(xiàng)目的任務(wù)?！　?.每一個(gè)項(xiàng)目由若干個(gè)活動任務(wù)組成，每個(gè)活動任務(wù)包括以下幾個(gè)模塊（書中由圖標(biāo)表示）：　　任務(wù)背景：描述活動的情境，提出本次活動的任務(wù)?！　∪蝿?wù)分析：搜集相關(guān)信息，從學(xué)生的學(xué)習(xí)情況出發(fā)，引導(dǎo)學(xué)生提出并討論完成任務(wù)的方案，總結(jié)完成本次活動任務(wù)的方法與過程。　　任務(wù)實(shí)施：給出完成本次活動任務(wù)的具體方法和詳細(xì)步驟?！　w納提高：系統(tǒng)地歸納本次活動任務(wù)所涉及的信息技術(shù)及技能，拓展相關(guān)深層次技術(shù)知識?！　∽灾鲃?chuàng)新：運(yùn)用本次活動學(xué)過的知識與技能自主解決新情境下的問題?！　≡u估：以表格的形式對本次活動任務(wù)的知識及任務(wù)完成情況進(jìn)行評價(jià)。　　提示與技巧：在活動任務(wù)完成的過程中，及時(shí)提示所涉及的知識技能、方法、技巧及注意事項(xiàng)。

內(nèi)容概要

本書采用模塊化的項(xiàng)目教學(xué)模式編寫，內(nèi)容包括網(wǎng)頁制作軟件基礎(chǔ)、靜態(tài)網(wǎng)頁制作、動態(tài)網(wǎng)站的創(chuàng)建三大部分。靜態(tài)網(wǎng)頁制作部分包括創(chuàng)建站點(diǎn)與創(chuàng)建基本網(wǎng)頁、超鏈接的運(yùn)用、用表格布局網(wǎng)頁、使用層和時(shí)間軸制作動畫、用框架布局網(wǎng)頁、用CSS美化網(wǎng)頁、用模板與庫快速做網(wǎng)頁、設(shè)計(jì)表單網(wǎng)頁、制作特效網(wǎng)頁等。動態(tài)網(wǎng)站的創(chuàng)建包括建立數(shù)據(jù)庫、配置服務(wù)器、創(chuàng)建數(shù)據(jù)庫連接、制作動態(tài)網(wǎng)頁、發(fā)布和維護(hù)網(wǎng)站等?！　”緯诰帉戇^程中力求以突出學(xué)生的實(shí)踐技能培養(yǎng)為核心，通過多個(gè)模塊化的活動任務(wù)來完成整個(gè)項(xiàng)目教學(xué)過程。通過活動任務(wù)講解操作Dreamweaver制作網(wǎng)頁的過程，讓學(xué)生從實(shí)踐過程中掌握網(wǎng)站建設(shè)的全過程及其細(xì)節(jié)。全書采用12個(gè)獨(dú)立項(xiàng)目教學(xué)貫穿而成，每個(gè)項(xiàng)目由幾個(gè)活動任務(wù)組成。學(xué)生通過學(xué)習(xí)完成所有創(chuàng)設(shè)的項(xiàng)目，能夠具備靜態(tài)網(wǎng)頁制作和動態(tài)網(wǎng)站的創(chuàng)建等基本能力?！　”緯勺鳛橹械嚷殬I(yè)學(xué)校計(jì)算機(jī)專業(yè)、網(wǎng)絡(luò)技術(shù)專業(yè)及相關(guān)專業(yè)的專業(yè)課或選修課教材，也可作為非專業(yè)人士學(xué)習(xí)網(wǎng)站編輯技術(shù)的參考資料。

書籍目錄

知識準(zhǔn)備　網(wǎng)頁制作軟件基礎(chǔ)　任務(wù)一　認(rèn)識Dreamweaver8　任務(wù)二　如何學(xué)好Dreamweaver軟件　任務(wù)三　認(rèn)識Dreamweaver軟件的界面　思考與練習(xí)第一單元　靜態(tài)網(wǎng)頁制作　項(xiàng)目一　創(chuàng)建站點(diǎn)與創(chuàng)建基本網(wǎng)頁　　任務(wù)一　創(chuàng)建和編輯本地站點(diǎn)　　任務(wù)二　網(wǎng)頁的基本操作　　任務(wù)三　插入和編輯基本元素　　任務(wù)四　創(chuàng)建圖像網(wǎng)頁　　任務(wù)五　創(chuàng)建多媒體網(wǎng)頁　　思考與練習(xí)　項(xiàng)目二　超鏈接的運(yùn)用　　任務(wù)一　創(chuàng)建文本、圖片和E—mail超鏈接　　任務(wù)二　創(chuàng)建圖像熱點(diǎn)鏈接　　思考與練習(xí)　項(xiàng)目三　用表格布局網(wǎng)頁　　任務(wù)一　表格的常用操作　　任務(wù)二　用表格布局頁面　　思考與練習(xí)　項(xiàng)目四　使用層和時(shí)間軸制作動畫　　任務(wù)一　使用層制作“四季傳說”網(wǎng)頁　　……第二單元　動態(tài)網(wǎng)站的創(chuàng)建

章節(jié)摘錄

　　1.創(chuàng)建網(wǎng)頁　　按下列方法操作也可以創(chuàng)建網(wǎng)頁。具體操作步驟如下?！　。?）選擇“文件”一“新建”命令或按Ctrl+N快捷鍵，打開“新建文檔”對話框。　?。?）從各種預(yù)先設(shè)計(jì)的頁面布局中選擇一種。例如選擇“基本頁”中的HTML選項(xiàng)，單擊“創(chuàng)建”按鈕，Dreamweaver8即展開工作區(qū)界面（一個(gè)空白頁）?！　?.保存文件　　將編輯好的網(wǎng)頁保存起來，以便以后使用。在Dreamweaver8中保存文件將遇到兩種情況：如果是第一次保存，選擇“文件”一“保存”命令或按Ctrl+S快捷鍵，打開“保存”對話框，在該對話框中選擇文件存放位置并輸入文件名稱，單擊“保存”按鈕即可；如果是已經(jīng)保存過的網(wǎng)頁，選擇“文件”一“另存為”命令彈出“另存為”對話框，可以換名保存當(dāng)前文件。在Dreamweaver環(huán)境中網(wǎng)頁文件最常用的保存格式是.htm和.html?！　?.打開文件　　Dreamweaver8可以打開所有與網(wǎng)頁制作相關(guān)的文件。選擇“文件”一“打開”命令或按Ctrl+O快捷鍵，打開“打開”對話框，在“文件類型”下拉列表框中選擇要打開的文件類型，然后選擇一個(gè)已存在的文件，單擊“打開”按鈕即可在文件窗口中打開該文件。還可以在“文件”面板中，選中本地站點(diǎn)的文件后，在下面的列表中雙擊要打開的文件（如xiangshawan.htm），則該頁將出現(xiàn)在新的文件窗口中?！　?.設(shè)置頁面屬性　　編輯一個(gè)頁面，首先要設(shè)置頁面的標(biāo)題、頁邊距、背景、鏈接等。在“屬性”面板中單擊“頁面屬性”按鈕，打開“頁面屬性”對話框，如圖1-10所示。　?。?）外觀　　在“外觀”選項(xiàng)中，可以設(shè)置當(dāng)前頁面的默認(rèn)字體屬性、背景和頁邊距等，具體介紹如下。　　·頁面字體：設(shè)置當(dāng)前頁面的字體一般為默認(rèn)字體。　　·大?。涸O(shè)置字號，一般設(shè)置為12像素?！　　の谋绢伾涸O(shè)置字體顏色?！　　け尘邦伾涸O(shè)置整個(gè)頁面的背景顏色。　　·背景圖像：使用圖片作為背景，默認(rèn)情況下圖片自動平鋪整個(gè)頁面。當(dāng)背景圖像與　　背景顏色都設(shè)置時(shí)，只能顯示背景圖像，背景顏色會被覆蓋。　　·左邊距、右邊距、上邊距和下邊距：用于設(shè)置頁面內(nèi)容與文檔之間的距離，默認(rèn)情況　　下有2像素的間距。　?。?）鏈接　　單擊“鏈接”項(xiàng)打開“鏈接”屬性，如圖1.11所示，其各項(xiàng)含義如下?！　　ゆ溄幼煮w、大?。涸O(shè)置文本添加鏈接后的字體樣式及大小，一般與頁面字體相同?！　　ゆ溄宇伾何谋咎砑渔溄雍蟮奈谋绢伾?/pre>








圖書封面






評論、評分、閱讀與下載



還沒讀過(77)
勉強(qiáng)可看(562)
一般般(958)
內(nèi)容豐富(3976)
強(qiáng)力推薦(326)


 


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