4.1.1開發(fā)網(wǎng)站的基本過(guò)程.pptx

1、網(wǎng)站規(guī)劃與設(shè)計(jì),授課教師：劉麗萍,廣東教育出版社,情境引入,4.1 網(wǎng)站規(guī)劃與設(shè)計(jì),3C網(wǎng)絡(luò)公司正在招賢納才，現(xiàn)有兩名應(yīng)聘者投來(lái)了自己的簡(jiǎn)歷，以個(gè)人網(wǎng)站的形式介紹自己，如果你是網(wǎng)絡(luò)公司人事部經(jīng)理，你對(duì)哪一個(gè)網(wǎng)站較滿意呢？為什么？,討論結(jié)果 從網(wǎng)站的規(guī)劃來(lái)看主題都很明確 從版面布局美觀統(tǒng)一來(lái)看，李小明的網(wǎng)站版面零亂、還有大量不規(guī)則的空白；陳露的主頁(yè)版面整潔美觀。 我們發(fā)現(xiàn)如果一個(gè)網(wǎng)站如果沒(méi)有將各項(xiàng)內(nèi)容在版面上合理安排好，那么內(nèi)容再豐富精彩的網(wǎng)頁(yè)也不會(huì)給人留下美好印象。有人用“心中有畫，畫中有心”來(lái)形容創(chuàng)作繪畫作品的最高境界，“心中有畫”就是畫之前心中早已想好了整個(gè)畫的布局，因此在制作網(wǎng)頁(yè)前心中就

2、要想好網(wǎng)站的布局，今天我們就要來(lái)和大家一起探討網(wǎng)頁(yè)規(guī)劃與設(shè)計(jì)。,一、開發(fā)網(wǎng)站的基本過(guò)程,小組討論,問(wèn)題1.這些網(wǎng)站是怎樣圍繞主題展現(xiàn)內(nèi)容的？ 問(wèn)題2.這些網(wǎng)站提供了哪些欄目及功能？ 問(wèn)題3.網(wǎng)站的鏈接有哪些特色，是否便捷？ 問(wèn)題4.網(wǎng)站主頁(yè)在布局、色彩運(yùn)用有哪些特點(diǎn)？,教學(xué)案例,百度 淘寶網(wǎng) 張家界旅游景點(diǎn) 新世紀(jì)幼兒園 ,網(wǎng)站主題的確定創(chuàng)建網(wǎng)站首先要確定主題，只有主題確定后才會(huì)去尋找相關(guān)的資料，否則就像一只無(wú)頭蒼蠅到處亂竄，這就像我們寫作文時(shí)中心思想要確定好。,二、網(wǎng)站主題,網(wǎng)站設(shè)計(jì)的目的：把信息以恰當(dāng)?shù)姆绞浇M織并呈現(xiàn)在網(wǎng)上，設(shè)法吸引人們的關(guān)注，并為瀏覽者提供方便的訪問(wèn)。網(wǎng)站設(shè)計(jì)一般包括網(wǎng)站欄目結(jié)構(gòu)設(shè)計(jì)，網(wǎng)頁(yè)版面設(shè)計(jì)，網(wǎng)頁(yè)的鏈接設(shè)計(jì)等,三、網(wǎng)站設(shè)計(jì),1.網(wǎng)站欄目結(jié)構(gòu)設(shè)計(jì) 2.版面設(shè)計(jì) （1）風(fēng)格設(shè)計(jì) 風(fēng)格是網(wǎng)站的整體形象給瀏覽者的綜合感受 （2）版面設(shè)計(jì) 版面布局的常見(jiàn)樣式有：廠字型、口字型、對(duì)稱型、自由式（pop布局）。 3.網(wǎng)頁(yè)的交互設(shè)計(jì) 鏈接點(diǎn)的設(shè)計(jì)就是要考慮人們?cè)跒g覽網(wǎng)頁(yè)是通常有哪些需求，并幫助他們快捷的跳轉(zhuǎn)到所需的頁(yè)面，實(shí)現(xiàn)輕松自如的瀏覽。,【學(xué)生活動(dòng)】,同學(xué)們以自己班為主題，如“班級(jí)介紹、班級(jí)相冊(cè)、班級(jí)文學(xué)、友情鏈接”等，請(qǐng)按自己設(shè)置的欄目（至少五個(gè)）畫出自己網(wǎng)站的布局草案，并將欄目進(jìn)行粗略布局，要求顯示欄目名稱，使之和諧美觀。,網(wǎng)站規(guī)劃與