【正文】 網(wǎng)頁(yè)的基本面貌，類(lèi)似一個(gè)設(shè)計(jì)創(chuàng)意。它往往來(lái)自于一些現(xiàn)有設(shè)計(jì)作品、圖形圖像素材的組合、改造、加工。其思維方式有兩種：借鑒模仿和逆向重組。構(gòu)思伊始，設(shè)計(jì)者可能會(huì)受現(xiàn)存的一些網(wǎng)頁(yè)設(shè)計(jì)的影響，借鑒現(xiàn)有的設(shè)計(jì)樣式是很自然的事，但不能照抄照搬。吸取成功作品中的一些視覺(jué)元素及其組合方式，加入自己的新元素，形成新的組合，這種借鑒模仿可以比較順利地產(chǎn)生網(wǎng)頁(yè)方案的雛形。逆向重組是利用反向思維來(lái)完成設(shè)計(jì)和創(chuàng)作，把現(xiàn)有作品的視覺(jué)元素的性質(zhì)加以改變、重組，與自己的素材結(jié)合而產(chǎn)生新的設(shè)計(jì)作品。比如，原有作品的背景色是黑色的，你把它改成白色，就會(huì)變成另外一個(gè)樣子。也就是說(shuō)將某一視覺(jué)元素中的某一描述參數(shù)加以改變，從而實(shí)現(xiàn)新的設(shè)計(jì)作品。由此可見(jiàn)，設(shè)計(jì)者的工作很像作曲家創(chuàng)作音樂(lè)作品，需要從民間音樂(lè)中尋找素材，把一首歌謠創(chuàng)作成一首樂(lè)曲，把單獨(dú)的樂(lè)曲發(fā)展成一個(gè)樂(lè)章。應(yīng)該說(shuō)明的是，借鑒模仿和逆向重組都是對(duì)視覺(jué)元素的量的改變，至于變化到什么程度，需要有專(zhuān)業(yè)的眼光、素養(yǎng)才能把握住。你可以用一張白紙和一支鉛筆，把你最初的創(chuàng)意畫(huà)出來(lái)。這屬于創(chuàng)造階段，不講究細(xì)膩工整，不必考慮細(xì)節(jié)，只以粗陋的線(xiàn)條勾畫(huà)出創(chuàng)意的輪廓即可。盡你的可能多畫(huà)幾張，最后選定一個(gè)滿(mǎn)意的作為繼續(xù)創(chuàng)作的腳本。（2）粗略布局在草案的基礎(chǔ)上，將你確定需要放置的功能模塊安排到頁(yè)面上。功能模塊我們?cè)谇懊嬉烟徇^(guò)，主要包含學(xué)校標(biāo)志、主菜單、新聞、校長(zhǎng)寄語(yǔ)、網(wǎng)站導(dǎo)航、校園公告、友情鏈接等。注意，這里我們必須遵循突出重點(diǎn)、平衡協(xié)調(diào)的原則，將學(xué)校標(biāo)志、主菜單等最重要的模塊放在最顯眼、最突出的位置，然后再考慮次要模塊的排放。（3）最后定案將粗略布局精細(xì)化、具體化。在布局過(guò)程中，我們可以遵循的原則有： ①平衡：指畫(huà)面的圖像文字的視覺(jué)效果在左右、上下幾個(gè)方位基本相等，分布勻稱(chēng)。②呼應(yīng)：在不平衡的布局中的補(bǔ)救措施，使一種元素同時(shí)出現(xiàn)在不同的地方，形成相互的聯(lián)系。③對(duì)比：利用不同的色彩、線(xiàn)條等視覺(jué)元素相互映襯，造成畫(huà)面的多種變化，達(dá)到豐富視覺(jué)的效果。④疏密：疏，是指畫(huà)面中元素稀少(甚至空白)的部分；密，是指畫(huà)面中元素繁多的部分，在網(wǎng)頁(yè)設(shè)計(jì)中就是空白的處理運(yùn)用，太滿(mǎn)、太密、太平均是任何版式設(shè)計(jì)的大忌，適當(dāng)?shù)氖杳艽钆淇梢允巩?huà)面產(chǎn)生節(jié)奏感，體現(xiàn)出網(wǎng)站的格調(diào)與品位。以上的設(shè)計(jì)原則，雖然枯燥，但是如果能運(yùn)用到頁(yè)面布局里，效果就大不一樣了。比如，網(wǎng)頁(yè)的白色背景太虛，則可以加些色塊；版面零散，可以用線(xiàn)條和符號(hào)串聯(lián)；左面文字過(guò)多，右面則可以插一張圖片保持平衡；經(jīng)過(guò)不斷的嘗試和推敲，一個(gè)嶄新的設(shè)計(jì)方案便完成了。若你的美學(xué)差一點(diǎn)，也可請(qǐng)個(gè)美學(xué)好點(diǎn)的老師幫助你。（二）圖文及頁(yè)面的制作網(wǎng)頁(yè)制作要圖文并茂，很多文字性的內(nèi)容如標(biāo)題、主菜單欄目名都可以處理成圖像形式，這不但克服了不同平臺(tái)上的文字兼容性問(wèn)題，而且頁(yè)面也顯得非常美觀、精制，引人入勝，對(duì)訪問(wèn)者有較強(qiáng)的吸引力。文字處理方法和Word 相同,在這里就不再多述。圖片可以通過(guò)掃描儀或數(shù)碼相機(jī)獲得，再?gòu)?fù)制到網(wǎng)頁(yè)上直接使用，也可以將圖片經(jīng)過(guò)Photoshop 或Fireworks藝術(shù)加工后再使用。動(dòng)畫(huà)可以自己動(dòng)手用Flash 制作，也可以在互聯(lián)網(wǎng)的動(dòng)畫(huà)寶庫(kù)中下載。當(dāng)然使用的前提是要和自己做的色調(diào)一樣。制作時(shí)應(yīng)該注意：為了使頁(yè)面瀏覽下載速度快，就要盡可能地減少頁(yè)面的數(shù)據(jù)量，減少圖像和動(dòng)畫(huà)的數(shù)量，特別是大的圖像和動(dòng)畫(huà)；盡量減少表格嵌套，不要把所有的內(nèi)容都放在一個(gè)大表格里；頁(yè)面保存必須在根目錄下各建和頁(yè)面名稱(chēng)相同的文件夾，以存放每一頁(yè)的圖片等網(wǎng)頁(yè)素材，這也方便了我們以后的管理和維護(hù)。子頁(yè)的制作，其方法和首頁(yè)制作相同，都要遵循首頁(yè)制作一些規(guī)則。在制作一級(jí)子頁(yè)時(shí)，首先要考慮子頁(yè)的個(gè)數(shù)和每個(gè)子頁(yè)的名稱(chēng)，然后將制作好的首頁(yè)分別另存為每個(gè)一級(jí)子頁(yè)的名稱(chēng)，把它們作為新建的一級(jí)子頁(yè)面，這樣，一級(jí)子頁(yè)面的標(biāo)題和導(dǎo)航以及版面信息就設(shè)置完畢。只需要在相應(yīng)的子頁(yè)面里修改相應(yīng)的內(nèi)容即可，從而大大地提高了子頁(yè)面的制作速度。一級(jí)子頁(yè)頁(yè)面的顯示盡量采用新建窗口的形式，這使用戶(hù)在等待頁(yè)面下載的同時(shí)還可以繼續(xù)瀏覽其它內(nèi)容。在網(wǎng)頁(yè)制作方面還有許多技術(shù)細(xì)節(jié)，諸如如何適應(yīng)不同的瀏覽器，在不同的分辨率下保持網(wǎng)頁(yè)不變形，如何減少垃圾代碼等等。首頁(yè)相比其它頁(yè)面來(lái)說(shuō)，技術(shù)上要求更加嚴(yán)格，決不能出錯(cuò)。現(xiàn)在有不少網(wǎng)站教學(xué)類(lèi)的網(wǎng)站，如：網(wǎng)頁(yè)教學(xué)網(wǎng)（）可多多參考，不斷提升自己的制作水平。五、網(wǎng)頁(yè)（站）的調(diào)試 一切前期工作做好后，我們要做的事就是要調(diào)試網(wǎng)頁(yè)，看看有沒(méi)有做的不理想，不成功的地方，網(wǎng)頁(yè)的調(diào)試，我們經(jīng)常使用的方法有多種，如直接本機(jī)預(yù)覽、在網(wǎng)絡(luò)上應(yīng)用網(wǎng)頁(yè)代碼調(diào)試器在線(xiàn)預(yù)覽（）、安裝iis服務(wù)器組件調(diào)試?，F(xiàn)為大家介紹其中兩種我們經(jīng)常用的方法。（一）本機(jī)直接預(yù)覽本機(jī)直接預(yù)覽就是在制作時(shí)直接按預(yù)覽按扭。如在Dreamweaver中，選擇“文件”→“在瀏覽器中預(yù)覽” →“iexplore”即可?；蛑苯影纯旖萱I“F12”亦可。還可在根目錄中找到想要預(yù)覽的htm文件，雙擊就可預(yù)覽。（二）安裝iis服務(wù)器組件調(diào)試IIS（Internet Information Server，互聯(lián)網(wǎng)信息服務(wù)）是一種Web（網(wǎng)頁(yè)）服務(wù)組件，其中包括Web服務(wù)器、FTP服務(wù)器、NNTP服務(wù)器和SMTP服務(wù)器，分別用于網(wǎng)頁(yè)瀏覽、文件傳輸、新聞服務(wù)和郵件發(fā)送等方面，它使得在網(wǎng)絡(luò)（包括互聯(lián)網(wǎng)和局域網(wǎng)）上發(fā)布信息成了一件很容易的事。IIS組件的添加我們?cè)诖瞬辉儋樖?，安裝好iis后，點(diǎn)擊“開(kāi)始”→“程序” →“管理工具” →“Internet信息服務(wù)”，選擇“默認(rèn)網(wǎng)站”右擊，選擇“屬性”修改主目錄。轉(zhuǎn)到“主目錄”窗口，再在“本地路徑”輸入（或用“瀏覽”按鈕選擇）好自己網(wǎng)頁(yè)所在的“D:Wyweb”目錄。若是動(dòng)態(tài)首頁(yè)要自行添加首頁(yè)文件名：轉(zhuǎn)到“文檔”窗口，再按“添加”按鈕，根據(jù)提示在“默認(rèn)文檔名”后添加自己網(wǎng)頁(yè)的首頁(yè)文件名“”。否則無(wú)法預(yù)覽。安裝好后，我們打開(kāi)IE瀏覽器，在地址欄輸入:// localhost之后再按回車(chē)鍵，此時(shí)就能夠調(diào)出你自己網(wǎng)頁(yè)的首頁(yè)，則說(shuō)明設(shè)置成功！這時(shí)便可像在Internet上一樣訪問(wèn)自己的頁(yè)面。若有想要修改的地方，找到相應(yīng)的htm文件名重新修改即可，直到滿(mǎn)意為至。總之，做好一個(gè)網(wǎng)站，可以全面宣傳，展示學(xué)校風(fēng)采、優(yōu)點(diǎn)與特色，發(fā)布學(xué)校的活動(dòng)安排等信息內(nèi)容，使學(xué)生及家長(zhǎng)增加對(duì)學(xué)校的了解，增強(qiáng)學(xué)生、家長(zhǎng)與學(xué)校之間的聯(lián)系，在Internet網(wǎng)上，讓學(xué)生及家長(zhǎng)及時(shí)得到學(xué)校發(fā)布的重要信息，同時(shí)也幫助了學(xué)校完成部分教學(xué)事務(wù)，提高辦事效率,給學(xué)生、家長(zhǎng)與學(xué)校最方便的聯(lián)系橋梁。在這里學(xué)生及家長(zhǎng)也可以提出意見(jiàn)及想法，互通教學(xué)之間的意見(jiàn)想法，更加有效的提高教學(xué)質(zhì)量，學(xué)生需要哪樣的教學(xué)方式能夠更好的吸收與接納？這些都能成為學(xué)校的參考，以便更加的提高學(xué)校的辦學(xué)及教學(xué)水平。第五篇：網(wǎng)站的設(shè)計(jì)與規(guī)劃(二)網(wǎng)站的設(shè)計(jì)與規(guī)劃（二）【教學(xué)目標(biāo)】知識(shí)與技能：（1）掌握FrontPage 2000的啟動(dòng)、退出及FrontPage 2000的界面窗口組成；（2）學(xué)會(huì)新建站點(diǎn)與選擇站點(diǎn)保存位置；（3）熟悉表格的組成，掌握創(chuàng)建表格、編輯表格及相關(guān)屬性的設(shè)置方法；（4）理解超鏈接的概念，知道超級(jí)鏈接的作用；（5）掌握在FrontPage中插入圖片、水平線(xiàn)與設(shè)置超鏈接的方法。過(guò)程與方法：（1）體驗(yàn)利用FrontPage 2000建立站點(diǎn)的過(guò)程；（2）利用知識(shí)遷移，總結(jié)建立站點(diǎn)、插入圖片、水平線(xiàn)和超鏈接的規(guī)律和方法；（3）通過(guò)對(duì)提供網(wǎng)頁(yè)的分析，鍛煉探究與合作、交流與表達(dá)、觀察與理解的能力。情感態(tài)度與價(jià)值觀：（1）在做主題網(wǎng)站過(guò)程中形成和保持對(duì)信息技術(shù)求知欲，感受探索創(chuàng)造的樂(lè)趣。（2）學(xué)會(huì)欣賞他人勞動(dòng)成果，給出中肯的評(píng)價(jià)意見(jiàn)，提高藝術(shù)修養(yǎng)和審美情趣。【教學(xué)重點(diǎn)、難點(diǎn)分析】教學(xué)重點(diǎn)：站點(diǎn)的建立及保存；表格、圖片的插入；創(chuàng)建文字、圖片超鏈接教學(xué)難點(diǎn)：表格的合并與拆分；創(chuàng)建、設(shè)置熱區(qū)超鏈接【教學(xué)方法和手段】任務(wù)驅(qū)動(dòng)法、自主探究、講授法【教材分析及教學(xué)策略】本節(jié)內(nèi)容介紹了信息集成的一般過(guò)程，要求學(xué)生學(xué)會(huì)將素材有效地組織在一起，以表達(dá)綜合信息。利用FrontPage 2000制作網(wǎng)頁(yè)是第三課時(shí)的教學(xué)內(nèi)容。本節(jié)課的核心內(nèi)容是：讓學(xué)生根據(jù)提供的素材，制作符合要求的網(wǎng)頁(yè)，體會(huì)信息集成過(guò)程所涉及的各方面知識(shí)的綜合運(yùn)用。通過(guò)前面兩個(gè)課時(shí)的學(xué)習(xí)，學(xué)生初步了解了信息集成的一般過(guò)程，掌握了網(wǎng)頁(yè)選題立意及設(shè)計(jì)規(guī)劃的重要性。很多同學(xué)在初中時(shí)對(duì)FrontPage 2000啟動(dòng)操作和界面操作有一定的了解。但考慮到學(xué)生對(duì)教學(xué)中的抽象概念不太感興趣，而熱衷于網(wǎng)頁(yè)的開(kāi)發(fā)制作，往往急于求成；而且學(xué)生動(dòng)手操作時(shí)可能缺少具體的操作方法和網(wǎng)頁(yè)素材，反而造成無(wú)從下手的尷尬局面。寒假過(guò)后，正逢元宵佳節(jié)。為了激發(fā)學(xué)生的學(xué)習(xí)興趣，結(jié)合前期的網(wǎng)站構(gòu)建，本節(jié)課從中國(guó)傳統(tǒng)節(jié)日—元宵節(jié)入手，制作元宵節(jié)網(wǎng)頁(yè)。在賞析網(wǎng)頁(yè)的過(guò)程中，讓學(xué)生產(chǎn)生強(qiáng)烈的學(xué)習(xí)愿望。學(xué)生根據(jù)教師課前準(zhǔn)備的節(jié)日素材和案例網(wǎng)頁(yè)，自主探究，合作學(xué)習(xí)，培養(yǎng)自信和勇氣，激發(fā)探究的欲望，快速完成學(xué)習(xí)內(nèi)容?！窘虒W(xué)組織】本小節(jié)計(jì)劃使用2個(gè)學(xué)時(shí)?！窘虒W(xué)過(guò)程】【教學(xué)后記】