網(wǎng)頁設(shè)計試驗(yàn)報告.doc

中原工學(xué)院信息商務(wù)學(xué)院 目錄一實(shí)驗(yàn)題目1二. 實(shí)驗(yàn)?zāi)康?三.實(shí)驗(yàn)內(nèi)容 1四.實(shí)驗(yàn)條件及具體要求 1五.實(shí)驗(yàn)記錄27七.實(shí)驗(yàn)體會78一實(shí)驗(yàn)題目：回首2008二. 實(shí)驗(yàn)?zāi)康膌 熟練使用常用網(wǎng)頁制作工具設(shè)計網(wǎng)頁l 熟練掌握HTML語言l 熟練掌握CSSl 能正確上傳網(wǎng)頁l 網(wǎng)站中應(yīng)用上述技術(shù)三. 實(shí)驗(yàn)內(nèi)容 1.制作自己的網(wǎng)站 2.上傳網(wǎng)頁四.實(shí)驗(yàn)條件及具體要求 1.實(shí)驗(yàn)設(shè)施 接入internet 的計算機(jī)（奔騰PIII以上PC機(jī)），操作系統(tǒng):Windows2000/2003. 2.IE瀏覽、網(wǎng)頁制作軟件 網(wǎng)頁三劍客（Dreamweaver、Fireworks、Flash ）、prontpage2000、Photoshop、FrontPage及繪圖工具。3.掌握常用的網(wǎng)站管理和維護(hù)方法 4.合理的使用靜態(tài)網(wǎng)頁設(shè)計的新技術(shù) 5.網(wǎng)站美觀大方得體 6.網(wǎng)站中可以適當(dāng)運(yùn)用新技術(shù) * 7.撰寫課程設(shè)計報告。五.實(shí)驗(yàn)記錄網(wǎng)站的改進(jìn)方法或升級方案我制作的是一個回首2008年重要事件的回憶網(wǎng)站，主要包括北京奧運(yùn)，四川地震以及神舟七號的發(fā)射等。網(wǎng)站首頁包括奧運(yùn)的具體事件，神舟七號以及四川地震等。其中有一些子網(wǎng)頁的內(nèi)容及圖片索引。整個網(wǎng)站布局比較清晰大方，頁面的顏色搭配合理，給人一種賞心悅目的感覺。網(wǎng)站首頁的主題比較突出，本網(wǎng)站的主頁結(jié)構(gòu)圖如下：回首2008頁頭圖像標(biāo)題焦點(diǎn)熱談奧運(yùn)名家專訪冠軍故事奧運(yùn)中國軍團(tuán)金牌榜奧 運(yùn)四川地震 震后重生愛心你我行冰災(zāi)神州七號聚焦航天員神七成功返回回首08媒體滾動圖標(biāo)版權(quán)（一）.制作自己的網(wǎng)站。 1創(chuàng)建新站點(diǎn)：1、在Dreamveaver“文件新建常規(guī)基本頁HTML”，這樣就建好了一個頁面，英文版的默認(rèn)的文件名為untitled.htm。中文版的的默認(rèn)的文件名為“無標(biāo)題文檔”。htm就表示這個網(wǎng)頁文件是一個靜態(tài)的HTML文件。給它改名為index.htm。 注：網(wǎng)站第一頁的名字通常是index.htm或index.html。其它頁面的名字可以自己取。這也就是主頁，上傳后打開網(wǎng)頁默認(rèn)連接到此頁。 2、在標(biāo)題空格里輸入網(wǎng)頁名稱，點(diǎn)擊修改頁面屬性，打開“頁面屬性”窗口。在這里可以設(shè)置網(wǎng)站的標(biāo)題、背景顏色或背景圖像，超級鏈接的顏色（一般默認(rèn)即可），其他都保持默認(rèn)即可。 3如要選取字體，則選擇字體中的最后一項(xiàng)：編輯字體列表。然后在對話框中選+號，接著在“可用字體”欄中選擇需要加入到字體列表中的一種字體，點(diǎn)擊中間的按鈕就可以加入了。 注：在網(wǎng)頁上最常用的是宋體字。不要將特殊的字體加到列表中使用，因?yàn)閯e人電腦上未裝就看不到。如果需要用的話，要做成圖片后再使用。 注：在網(wǎng)頁上打入空格的辦法是：把輸入法調(diào)為全角。 注：在網(wǎng)頁上換行的辦法是：shift+Enter。只按Enter則為換段。 4插入圖片：網(wǎng)頁中的圖像圖像傳輸是WWW的真正魅力所在，它與文字相比具有顯著的優(yōu)點(diǎn)：一是直觀，人眼觀看圖像時接受信息的速度遠(yuǎn)遠(yuǎn)超過觀看文字時接受信息的2速度；二是能更清楚地表達(dá)細(xì)節(jié)內(nèi)容。正是由于這些優(yōu)點(diǎn)，所以在進(jìn)行網(wǎng)頁設(shè)計時圖像很受歡迎。如果網(wǎng)頁做得像一幅風(fēng)景畫，瀏覽者一定會流連忘返（如果圖片很大，效果會適得其反）。 圖像文件的格式有幾十種，如GIF、JPEG、BMP、EPS、PCX、PNG、FAS、TGA、TIFF、WMF等，現(xiàn)在Internet Explorer和Netscape支持的、最常用的圖像格式是GIF、JPEG和BMP。在網(wǎng)頁中單擊要插入圖片的位置，單擊插入菜單，在下拉菜單中單擊圖片中的“來自文件”命令，彈出圖片對話框。在圖片對話框中選擇插入圖片的方式，在選擇圖片單擊“確定”就可插入圖片。插入圖片后可選中圖片，對圖片進(jìn)行編輯。 5表格的創(chuàng)建：單擊“表格”菜單，在彈出的菜單中選擇所要創(chuàng)建的表格的規(guī)格。同是利用表格工具可以對表格進(jìn)行處理-清出、插入行或列、刪除表格、合并表格、拆分表格、對齊表格、表格顏色、調(diào)整表格大小。 6.建立超連接：選中要超連接的對象并單擊鼠標(biāo)右件，選擇超連接，選擇要被超連接的對象。建立超連接后，就可以在在瀏覽器中看到所做的頁面：7.網(wǎng)站做成的部分截圖：七.實(shí)驗(yàn)體會： 通過這次網(wǎng)站課程設(shè)計，我懂得了不少關(guān)于網(wǎng)站設(shè)計的知識，一個網(wǎng)站整體性好: 一個網(wǎng)站強(qiáng)調(diào)的就是一個整體，只有圍繞一個統(tǒng)一的目標(biāo)所做的設(shè)計才是成功的，此外，要做一個合理的優(yōu)秀的網(wǎng)站必須遵循以下原則。 網(wǎng)站形象突出: 一個符合美的標(biāo)準(zhǔn)的網(wǎng)頁是能夠使網(wǎng)站的形象得到最大限度的提升的。頁面用色協(xié)調(diào)，布局符合形式美的要求: 布局有條理，充分利用美的形式，是網(wǎng)頁富有可欣賞性，提高檔次。當(dāng)然雅俗共賞是人人都追求的。整體性好: 一個網(wǎng)站強(qiáng)調(diào)的就是一個整體，只有圍繞一個統(tǒng)一的目標(biāo)所做的設(shè)計才是成功的。網(wǎng)站形象突出: 一個符合美的標(biāo)準(zhǔn)的網(wǎng)頁是能夠使網(wǎng)站的形象得到最大限度的提升的。頁面用色協(xié)調(diào)，布局符合形式美的要求: 布局有條理，充分利用美的形式，是網(wǎng)頁富有可欣賞性，提高檔次。當(dāng)然雅俗共賞是人人都追求的。網(wǎng)站設(shè)計最重要的訣竅，恐怕就是你的網(wǎng)頁要易讀 。 這就意味著,必須花點(diǎn)心思來規(guī)劃文字與背景顏色的搭配方案。注意不要使背景的顏色沖淡了文字的視覺效果，別用花里胡哨的色彩組合，讓人看起來你的網(wǎng)頁來很費(fèi)勁。一般來說，淺色背景下的深色文字為佳 。這個原則也意味著，你最好別把文字的規(guī)格設(shè)得太小、也不能太大。文字太小，人家讀起來難受；文字太大，或者文字視覺效果變化頻繁，像是沖著人大喊大叫，看起來不舒服。另外，最好讓文本左對齊，而不是居中。按當(dāng)代中文的閱讀習(xí)慣，文本大都居左的。當(dāng)然，標(biāo)題一般應(yīng)該居中，因?yàn)檫@符合讀者的閱讀習(xí)慣。所有的超鏈接應(yīng)清晰無誤地向讀者標(biāo)識出來，所有導(dǎo)航性質(zhì)的設(shè)置，像圖像按鈕，都要有清晰的標(biāo)識，讓人看得明白，千萬別光顧視覺效果的熱鬧的，而讓人家不知東西南北。 鏈接文本的顏色最好用約定俗成的：未訪問的，藍(lán)色；點(diǎn)擊過的，紫色或栗色。學(xué)習(xí)網(wǎng)頁設(shè)計需要堅持，堅持不斷的學(xué)習(xí)，因?yàn)樵O(shè)計網(wǎng)頁的軟件在不斷的更新，因此我們要不斷的學(xué)習(xí)并且學(xué)習(xí)網(wǎng)頁設(shè)計不要掉入技術(shù)的陷阱，如果你的網(wǎng)頁設(shè)計技術(shù)一流，并且對軟件的掌握程度已經(jīng)達(dá)到一定水平，但是你設(shè)計的網(wǎng)頁確不堪目睹，這是因?yàn)榫W(wǎng)頁設(shè)計是介于平面設(shè)計和編程技術(shù)兩者之間的邊緣科學(xué).不僅涉及到美學(xué),心理學(xué),平面構(gòu)成,色彩搭配等平面設(shè)計的方面的知識,還涉及到html,javascript,css,asp,php等編程語言技術(shù)方面的知識.只有綜合運(yùn)用多種知識,才能設(shè)計出視聽特效,動感十足,富于個性的web頁面,才能全面展現(xiàn)互聯(lián)網(wǎng)這一新型媒體的獨(dú)特魅力和多維空間的超強(qiáng)功能，并且我認(rèn)為網(wǎng)頁設(shè)計應(yīng)該注重實(shí)用性，因?yàn)樗亲屓藶g覽的，是用戶可以撫摸，可以評論，可以交互的。因此我提倡簡單的美。不要過于注重色彩的燦爛，只要簡單就行。我們最終追求的主要是實(shí)用價值。實(shí)踐是學(xué)生接觸社會,