網(wǎng)頁設(shè)計(jì)的基本概念.ppt

網(wǎng)頁設(shè)計(jì)的基本概念 什么是網(wǎng)頁 網(wǎng)站 網(wǎng)頁的板塊結(jié)構(gòu) 網(wǎng)頁包含哪些基本的構(gòu)成元素 網(wǎng)站 website 是一個(gè)存放網(wǎng)絡(luò)服務(wù)器上的完整信息的集合體 它包含一個(gè)或者多個(gè)網(wǎng)頁 這些網(wǎng)頁以一定方式鏈接在一起 成為一個(gè)整體 用來描述一組完整的信息或達(dá)到期望的宣傳效果 有的網(wǎng)站內(nèi)容眾多 如新浪 搜狐等門戶網(wǎng)站 有的網(wǎng)站只有幾個(gè)頁面 比如說企業(yè)網(wǎng)站 網(wǎng)站 網(wǎng)頁 網(wǎng)頁是一個(gè)文件 它存放在世界某個(gè)角落的某一臺(tái)計(jì)算機(jī)中 而這臺(tái)計(jì)算機(jī)必須是與互聯(lián)網(wǎng)相連的 網(wǎng)頁通常用圖像檔來提供圖畫 網(wǎng)頁要透過網(wǎng)頁瀏覽器來閱讀 網(wǎng)頁可以看成是一個(gè)單一體 是網(wǎng)站的一個(gè)元素 平常我們聽說的 新浪 搜狐 網(wǎng)易 等 即俗稱的 網(wǎng)站 而當(dāng)我們?cè)L問這些網(wǎng)站的時(shí)候 最直接訪問的就是 網(wǎng)頁 了 這許許多多的網(wǎng)頁組成了整個(gè)站點(diǎn) 就是網(wǎng)站 首頁 home 它是一個(gè)單獨(dú)的網(wǎng)頁 和一般網(wǎng)頁一樣 可以存放各種信息 同時(shí)又是一個(gè)特殊的網(wǎng)頁 作為整個(gè)網(wǎng)站的起始點(diǎn)和匯總點(diǎn) 例如 當(dāng)瀏覽者輸入搜狐網(wǎng)站地址 后出現(xiàn)第一個(gè)頁面 即搜狐網(wǎng)站的首頁 問題 首頁和主頁有區(qū)別嗎 1 通常網(wǎng)站為了方便瀏覽者查找和分類瀏覽網(wǎng)站的信息 會(huì)將信息分類 并建立一個(gè)網(wǎng)頁以放置網(wǎng)站信息的目錄 即網(wǎng)站的主頁 2 并非所有的網(wǎng)站都將主頁設(shè)置為首頁 有的網(wǎng)站喜歡在首頁放置一段進(jìn)入動(dòng)畫 并將主頁的鏈接放置在首頁上 瀏覽者需要單擊首頁的鏈接進(jìn)入主頁 首頁 靜態(tài)網(wǎng)頁 客戶端與服務(wù)器不發(fā)生交互訪問者只能被動(dòng)的瀏覽網(wǎng)站建設(shè)提供的網(wǎng)頁內(nèi)容 其特點(diǎn)是 網(wǎng)頁內(nèi)容不會(huì)發(fā)生變化 除非網(wǎng)頁設(shè)計(jì)者修改了網(wǎng)頁的內(nèi)容 不能實(shí)現(xiàn)和瀏覽網(wǎng)頁的用戶之間的交互 信息流向是單向的 動(dòng)態(tài)網(wǎng)頁 客戶端與服務(wù)器要發(fā)生交互動(dòng)態(tài)網(wǎng)頁指的是瀏覽器可以和服務(wù)器數(shù)據(jù)庫進(jìn)行實(shí)時(shí)數(shù)據(jù)交流的交互網(wǎng)頁 而不是加上了動(dòng)畫等特效的動(dòng)感網(wǎng)頁 動(dòng)態(tài)網(wǎng)頁技術(shù)的網(wǎng)站可以實(shí)現(xiàn)更多的功能 如用戶注冊(cè) 用戶登錄 搜索查詢 用戶管理 訂單管理等 信息流向是雙向的 網(wǎng)頁的表現(xiàn)形式 網(wǎng)頁的板塊結(jié)構(gòu) Internet中的網(wǎng)頁由于涉及和制作的差別而千變?nèi)f化 但通常由幾大板塊組成 通常網(wǎng)站為體現(xiàn)其特色與內(nèi)涵 涉及并制作一個(gè)logo圖像放置在網(wǎng)站的左上角或其他醒目的位置 企業(yè)網(wǎng)站常常使用企業(yè)的標(biāo)志或者注冊(cè)商標(biāo) 一個(gè)優(yōu)秀的logo可以給瀏覽者留下深刻的印象 為網(wǎng)站和企業(yè)形象宣傳起到十分重要的作用 往往整站的顏色風(fēng)格也是根據(jù)logo來走的 網(wǎng)站logo logo 導(dǎo)航條是網(wǎng)頁的重要組成元素 設(shè)計(jì)的目的是將站點(diǎn)內(nèi)的信息分類處理 然后放在網(wǎng)頁中可以幫助瀏覽者快速查找站內(nèi)信息 導(dǎo)航條的形式多種多樣 包含文本導(dǎo)航條 圖像導(dǎo)航條以及動(dòng)畫導(dǎo)航條等 有些使用特殊技術(shù)如 flash javascript css 制作的導(dǎo)航條還可以具有下拉菜單的功能 導(dǎo)航條 導(dǎo)航條 Banner的中文意思是橫幅 Banner的內(nèi)涵常為網(wǎng)頁中的廣告在網(wǎng)頁布局中 大部分網(wǎng)頁將Banner放置在與導(dǎo)航條相鄰處 或者其他醒目的位置以吸引瀏覽者瀏覽 Banner 網(wǎng)頁的內(nèi)容板塊是整個(gè)網(wǎng)站的組成部分設(shè)計(jì)員可以通過改頁面的欄目要求來設(shè)計(jì)不同板塊 每個(gè)人可以有一個(gè)標(biāo)題內(nèi)容 并且每個(gè)內(nèi)容版塊主要是來顯示不同文本信息 內(nèi)容板塊 版尾 即頁面最低端的板塊 這部分位置通常放置網(wǎng)頁的版權(quán)信息 以及網(wǎng)頁所有者 設(shè)計(jì)者的聯(lián)系方式等有的網(wǎng)站也將網(wǎng)站的友情鏈接以及一些附屬的導(dǎo)航條放置在這里 版尾或版權(quán)板塊 網(wǎng)頁的基本構(gòu)成要素 雖然網(wǎng)頁的種類繁多 形式各有不同 但網(wǎng)頁的基本構(gòu)成元素大體相同 網(wǎng)頁設(shè)計(jì)就是要將構(gòu)成要素有機(jī)整合 表達(dá)出美與和諧 文本 網(wǎng)頁中的信息以文本為主 與圖片相比 文字雖然不如圖片那樣能夠快速的引起瀏覽者注意 但卻能比較準(zhǔn)確的表達(dá)信息的內(nèi)容和含義 文本 用戶在網(wǎng)頁中使用的圖片格式主要包括gif jpeg和png等 其中使用最廣泛的是gif和jpeg兩種格式 圖片 超鏈接 動(dòng)畫 聲音和視頻 表格 表單 其他常見元素 網(wǎng)站建設(shè)的基