初教5柳平時作業(yè)第十二周

網(wǎng)頁設(shè)計教程1.1認(rèn)識網(wǎng)頁與網(wǎng)站1.2如何設(shè)計網(wǎng)頁1.3網(wǎng)站建設(shè)的基本流程1.1認(rèn)識網(wǎng)頁與網(wǎng)站1.1.1網(wǎng)頁和網(wǎng)站1．網(wǎng)頁

網(wǎng)頁（Webpage）是一個文件，它存放在某一部與互聯(lián)網(wǎng)相連的計算機(jī)中，如圖1-1所示。2．網(wǎng)站

網(wǎng)站（Website）是用于展示特定內(nèi)容的相關(guān)網(wǎng)頁的集合。3．首頁

首頁是進(jìn)入某個網(wǎng)站的入口網(wǎng)頁，即打開網(wǎng)站后看到的第一個頁面，大多數(shù)作為首頁的文件名是index和default加上擴(kuò)展名。1.1認(rèn)識網(wǎng)頁與網(wǎng)站1.1.2網(wǎng)頁構(gòu)成元素雖然網(wǎng)頁的外在表現(xiàn)形式多種多樣，但構(gòu)成網(wǎng)頁的基本元素卻是大體相同，一般包括文本、圖像、超鏈接、表單、動畫、音頻和視頻等，如圖1-2所示。1.1認(rèn)識網(wǎng)頁與網(wǎng)站1．文本和圖像文本和圖像是網(wǎng)頁中最基本的構(gòu)成元素。2．超鏈接超鏈接是指超文本內(nèi)由一文件連接至另一文件的連結(jié)。當(dāng)用戶單擊超鏈接時，其指向的目標(biāo)內(nèi)容將顯示在用戶的瀏覽器中。3．表單表單通常用來收集信息或?qū)崿F(xiàn)一定的互交效果，其主要功能是收集用戶在瀏覽器中輸入的信息，然后將這些信息發(fā)送到目的端。1.1認(rèn)識網(wǎng)頁與網(wǎng)站

4．動畫為了吸引瀏覽者的眼球，通常網(wǎng)頁中的都包含一定的動畫效果，常見的有GIF圖像動畫和Flash動畫。5．音頻和視頻根據(jù)實際需要，網(wǎng)頁中還會添加音頻和視頻來豐富頁面效果，常見的音頻格式為MP3，視頻格式為FLV。1.1認(rèn)識網(wǎng)頁與網(wǎng)站1.1.3網(wǎng)頁制作的工作環(huán)境1．AdobeDreamweaver2．AdobePhotoshop3．AdobeFlash1.2如何設(shè)計網(wǎng)頁1.2.1網(wǎng)頁設(shè)計基本原則網(wǎng)站設(shè)計制作的優(yōu)劣直接關(guān)系到門戶網(wǎng)站的外在形象和訪問者的使用效率，以下是一些在網(wǎng)站設(shè)計中應(yīng)注意的基本原則。（1）明確網(wǎng)站目標(biāo)和用戶需求。（2）主題鮮明。（3）注重布局設(shè)計。（4）避免濫用技術(shù)。（5）及時更新維護(hù)。1.2如何設(shè)計網(wǎng)頁1.2.2設(shè)計風(fēng)格與顏色搭配1．風(fēng)格定位風(fēng)格即網(wǎng)站的特點，指的是瀏覽者對網(wǎng)站內(nèi)容和形式的直觀感受，所透露出來的是設(shè)計者的文化品位，圖1-3所示的是卡通風(fēng)格的網(wǎng)站。網(wǎng)站的風(fēng)格定位可從以下幾方面考慮：第一，確保網(wǎng)頁界面有較強(qiáng)的一致性，使網(wǎng)站形成統(tǒng)一的風(fēng)格界面，這里的一致性包括字體、標(biāo)題、圖像、背景顏色和注腳等第二，確保網(wǎng)頁界面美觀、簡潔，易于訪問。第三，合理安排網(wǎng)頁元素，要讓訪問者在瀏覽網(wǎng)頁過程中體驗到視覺的秩序感、節(jié)奏感和新奇感。1.2如何設(shè)計網(wǎng)頁2．顏色搭配（1）顏色種類。（2）總體統(tǒng)一，局部反差。（3）文字與背景色的對比。1.3網(wǎng)站建設(shè)的基本流程1.3.1前期調(diào)研與策劃1．用戶需求調(diào)研2．搜集整理素材3．網(wǎng)站策劃4．選擇服務(wù)器解決方案1.3網(wǎng)站建設(shè)的基本流程1.3.2中期實施與細(xì)化1．網(wǎng)站外觀設(shè)計2．頁面制作3．后臺程序開發(fā)4．網(wǎng)站測試1.3網(wǎng)站建設(shè)的基本流程1.3.3后期維護(hù)與更新一般的，網(wǎng)站維護(hù)與更新主要有以下幾方面需要注意：（1）定期檢查網(wǎng)絡(luò)和計算機(jī)的工作狀態(tài)，對網(wǎng)站運行狀況進(jìn)行監(jiān)控，發(fā)現(xiàn)問題及時解決。在保證網(wǎng)站運行狀態(tài)下，根據(jù)客戶需要對網(wǎng)頁網(wǎng)站內(nèi)容進(jìn)行的增加、刪除和修改。（2）維護(hù)數(shù)據(jù)庫后臺的正