《網(wǎng)頁制作與設(shè)計(jì)》立體化電子課件 第1章- 網(wǎng)頁與網(wǎng)站

網(wǎng)頁與網(wǎng)站基本概念網(wǎng)站建設(shè)概述

網(wǎng)頁設(shè)計(jì)概述靜態(tài)與動(dòng)態(tài)網(wǎng)頁總結(jié)與習(xí)題第1章基本概念1.11中文：萬維網(wǎng)或環(huán)球網(wǎng)英文：WWW或WorldWideWeb

簡記為Web2中文：網(wǎng)頁英文：WebPage或WebPage又稱：HTML文檔或XHTML文檔3中文：網(wǎng)站英文：WebSite或WebSite基本概念1.14中文：主頁/首頁

英文：homepage

是用戶用瀏覽器訪問網(wǎng)站時(shí)默認(rèn)訪問的第一個(gè)網(wǎng)頁5中文：超文本是一種普通的字符文本，通過標(biāo)簽等手段嵌入圖形、表格、表單、多媒體等對象6中文：超文本鏈接簡稱：超鏈接英文：hyperlink是超文本的靈魂基本概念1.17中文：超文本傳輸協(xié)議英文：HTTP全文：HypertextTransferProtocol8中文：統(tǒng)一資源定位符英文：URL或URI全文：UniformResourceLocator/Identifier9中文：IP地址標(biāo)識(shí)一個(gè)Internet連接的數(shù)字符號(hào)串，能夠唯一標(biāo)識(shí)出主機(jī)在Internet中所處的網(wǎng)絡(luò)位置靜態(tài)與動(dòng)態(tài)網(wǎng)頁1.2網(wǎng)頁

分類靜態(tài)網(wǎng)頁(staticwebpages)由純粹的HTML語言實(shí)現(xiàn)的網(wǎng)頁；網(wǎng)頁文檔存儲(chǔ)在Web服務(wù)器的文件系統(tǒng)中，內(nèi)容通常不隨瀏覽者的不同需求而改變動(dòng)態(tài)網(wǎng)頁(dynamicwebpages)

由Web服務(wù)器接到用戶訪問請求后動(dòng)態(tài)生成的頁面；內(nèi)容會(huì)隨著訪問的變化而相應(yīng)變化靜態(tài)與動(dòng)態(tài)網(wǎng)頁1.2靜態(tài)網(wǎng)頁的工作機(jī)理

靜態(tài)與動(dòng)態(tài)網(wǎng)頁1.2動(dòng)態(tài)網(wǎng)頁的工作機(jī)理

靜態(tài)與動(dòng)態(tài)網(wǎng)頁1.2根據(jù)是否需要數(shù)據(jù)庫技術(shù)支持進(jìn)行區(qū)分：靜態(tài)網(wǎng)頁沒有能力使用數(shù)據(jù)庫。而動(dòng)態(tài)網(wǎng)頁一般需要后臺(tái)數(shù)據(jù)庫的支持根據(jù)代碼運(yùn)行的位置進(jìn)行區(qū)分：靜態(tài)網(wǎng)頁通常運(yùn)行于前臺(tái)客戶端；動(dòng)態(tài)網(wǎng)頁通常有一部分代碼運(yùn)行于后臺(tái)服務(wù)器根據(jù)制作網(wǎng)頁的語言進(jìn)行區(qū)分：靜態(tài)網(wǎng)頁一般使用HTML語言實(shí)現(xiàn)；動(dòng)態(tài)網(wǎng)頁客戶端使用腳本語言，服務(wù)器端使用編程語言靜態(tài)網(wǎng)頁與動(dòng)態(tài)網(wǎng)頁的區(qū)別與聯(lián)系

網(wǎng)頁設(shè)計(jì)概述1.3兩個(gè)階段

網(wǎng)頁設(shè)計(jì)與網(wǎng)頁制作，是生成網(wǎng)頁的兩個(gè)重要階段，這兩個(gè)階段形式上獨(dú)立，內(nèi)容上緊密關(guān)聯(lián)，分別由不同的專業(yè)人員完成網(wǎng)頁設(shè)計(jì)概述1.3網(wǎng)頁設(shè)計(jì)就是根據(jù)策劃方案中要突出的主題與要表達(dá)的內(nèi)容，結(jié)合自己的主觀認(rèn)識(shí)，通過藝術(shù)的手法表現(xiàn)出來網(wǎng)頁設(shè)計(jì)概述1.3網(wǎng)頁設(shè)計(jì)原則

1.整齊化一2.內(nèi)容連貫3.合理分割4.色彩協(xié)調(diào)5.反差對比6.效果和諧7.界面親和網(wǎng)頁設(shè)計(jì)概述1.3網(wǎng)頁制作就是將網(wǎng)頁設(shè)計(jì)師設(shè)計(jì)出來的設(shè)計(jì)稿，按照統(tǒng)一的規(guī)范，使用專業(yè)軟件或編程語言，制作成Web網(wǎng)頁的格式網(wǎng)頁設(shè)計(jì)概述1.3網(wǎng)頁制作的元素1.文字2.超鏈接3.圖像4.多媒體對象5.表格6.表單網(wǎng)頁設(shè)計(jì)概述1.3常用的網(wǎng)頁制作工具

HTML

Dreamweaver

Fireworks

Flash

FrontPage

網(wǎng)站建設(shè)概述1.4網(wǎng)站創(chuàng)意網(wǎng)站主題色彩搭配網(wǎng)站風(fēng)格吸引受眾立意新穎設(shè)計(jì)良好結(jié)構(gòu)清晰界面美觀內(nèi)容到位風(fēng)格與網(wǎng)站內(nèi)容要統(tǒng)一風(fēng)格是網(wǎng)站多種要素綜合作用的效果風(fēng)格需要不斷強(qiáng)化與鞏固色彩的鮮明性色彩的獨(dú)特性色彩的適宜性色彩的聯(lián)想性先主色后輔色講究藝術(shù)性

主題明確主題統(tǒng)一共同遵循個(gè)性鮮明圍繞主題形散神聚網(wǎng)站形象

網(wǎng)站建設(shè)概述1.4主頁普通頁彈出頁網(wǎng)頁類型

網(wǎng)站建設(shè)概述1.4主頁要素網(wǎng)站Logo是網(wǎng)站形象的代表網(wǎng)站的象征符號(hào)相當(dāng)于產(chǎn)品的商標(biāo)

網(wǎng)站導(dǎo)航欄

是網(wǎng)站的導(dǎo)游地圖或網(wǎng)站的目錄主要包括：橫向?qū)Ш綑诳v向?qū)Ш綑诰W(wǎng)站建設(shè)概述1.4著名網(wǎng)站的Logo標(biāo)識(shí)

網(wǎng)站建設(shè)概述1.4菜單結(jié)構(gòu)的網(wǎng)站導(dǎo)航欄

線性結(jié)構(gòu)樹狀結(jié)構(gòu)網(wǎng)狀結(jié)構(gòu)混合結(jié)構(gòu)線性結(jié)構(gòu)以主頁為起點(diǎn)，后面依次排列著其他網(wǎng)頁這種結(jié)構(gòu)只能實(shí)現(xiàn)線性訪問樹狀結(jié)構(gòu)把各網(wǎng)頁按訪問的層次關(guān)系組織起來，各層網(wǎng)頁間存在著超鏈接關(guān)系網(wǎng)狀結(jié)構(gòu)將超鏈接交織成網(wǎng)這種結(jié)構(gòu)的網(wǎng)站更加靈活多變，網(wǎng)頁之間的跳轉(zhuǎn)更加隨意混合結(jié)構(gòu)將多種結(jié)構(gòu)方式配合起來綜合使用這種結(jié)構(gòu)更符合網(wǎng)站實(shí)際構(gòu)建網(wǎng)站建設(shè)概述1.4網(wǎng)站建設(shè)概述1.4網(wǎng)站的線性結(jié)構(gòu)網(wǎng)站建設(shè)概述1.4網(wǎng)站的樹狀結(jié)構(gòu)網(wǎng)站建設(shè)概述1.4網(wǎng)站的網(wǎng)狀結(jié)構(gòu)網(wǎng)站建設(shè)概述1.4網(wǎng)站規(guī)劃與設(shè)計(jì)原則

1.目的明確且主題鮮明2.內(nèi)容充實(shí)且功能實(shí)用3.網(wǎng)站結(jié)構(gòu)清晰4.內(nèi)容與形式相統(tǒng)一5.兼容性與容錯(cuò)性強(qiáng)6.用戶界面友好7.及時(shí)更新網(wǎng)站內(nèi)容8.優(yōu)化速度性能網(wǎng)站規(guī)劃是指在網(wǎng)站建設(shè)之前對市場進(jìn)行分析，確定網(wǎng)站的目的與功能，并根據(jù)需要對網(wǎng)站建設(shè)中涉及的主題、風(fēng)格、內(nèi)容、技術(shù)、測試、維護(hù)等環(huán)節(jié)做出規(guī)劃

網(wǎng)站建設(shè)概述1.4網(wǎng)站建設(shè)概述1.4網(wǎng)站建設(shè)的完整流程

總結(jié)與習(xí)題1.5第一章理論性較強(qiáng)，將為后續(xù)章節(jié)的學(xué)習(xí)奠定堅(jiān)實(shí)的理論基礎(chǔ)，在整個(gè)教材的知識(shí)體系中占據(jù)著重要的位置本章內(nèi)容包含如下頁所示的四個(gè)模塊總結(jié)與習(xí)題1.5網(wǎng)站、網(wǎng)頁、主頁、超文本、超鏈接、URL、HTML、靜態(tài)網(wǎng)頁、動(dòng)態(tài)網(wǎng)頁等網(wǎng)頁設(shè)計(jì)的技巧網(wǎng)頁制作的原則HTMLFrontPageDreamweaverFlashFireworks網(wǎng)站形象、構(gòu)成要素、組成結(jié)構(gòu)、規(guī)劃設(shè)計(jì)的原則、網(wǎng)站建設(shè)流程基本概念網(wǎng)頁基礎(chǔ)網(wǎng)頁制作工具網(wǎng)站基礎(chǔ)1主頁2345超鏈接超文本HTTPU