網(wǎng)站基礎(chǔ)知識10991

精品文檔 1歡迎下載 1 11 1網(wǎng)絡(luò)基礎(chǔ)知識網(wǎng)絡(luò)基礎(chǔ)知識 在學(xué)習(xí)網(wǎng)站規(guī)劃設(shè)計(jì)之前 應(yīng)對計(jì)算機(jī)網(wǎng)絡(luò)的相關(guān)知識進(jìn)行初步了解 如 Internt TCP IP WWW 等 1 1 11 1 1 計(jì)算機(jī)網(wǎng)絡(luò)簡介計(jì)算機(jī)網(wǎng)絡(luò)簡介 計(jì)算機(jī)網(wǎng)絡(luò)計(jì)算機(jī)網(wǎng)絡(luò) 是指將地理位置不同的具有獨(dú)立功能的多臺計(jì)算機(jī)及其外部設(shè)備 通過通信線路連接起來 在網(wǎng)絡(luò) 操作系統(tǒng) 網(wǎng)絡(luò)管理軟件及網(wǎng)絡(luò)通信協(xié)議的管理和協(xié)調(diào)下 實(shí)現(xiàn)資源共享和數(shù)據(jù)通信的計(jì)算機(jī)系統(tǒng) 1 計(jì)算機(jī)網(wǎng)絡(luò)的組成計(jì)算機(jī)網(wǎng)絡(luò)的組成 計(jì)算機(jī)網(wǎng)絡(luò)整體可以劃分為通信子網(wǎng)和資源子網(wǎng)通信子網(wǎng)和資源子網(wǎng)兩大部分 2 計(jì)算機(jī)網(wǎng)絡(luò)的分類計(jì)算機(jī)網(wǎng)絡(luò)的分類 1 局域網(wǎng)局域網(wǎng) 所謂局域網(wǎng) local area netwok LAN 就是在局部地區(qū)范圍內(nèi)的網(wǎng)絡(luò) 它所覆蓋的地理范圍較小 在幾米至 10 千米以內(nèi) 局域網(wǎng)在計(jì)算機(jī)數(shù)量上沒有太多的限制 少的可以只有兩臺 多的可達(dá)幾百臺 局域網(wǎng)一般位于一個(gè)建 筑物或一個(gè)單位內(nèi) 不存在尋徑問題 不包括網(wǎng)絡(luò)層的應(yīng)用 2 城域網(wǎng)城域網(wǎng) 城域網(wǎng) metropolitan area network MAN 一般是由位于一個(gè)城市的計(jì)算機(jī)互連而成的網(wǎng)絡(luò) 城域網(wǎng)的覆蓋范 圍通常在 10 千米至 100 千米 采用 IEEE 802 6 標(biāo)準(zhǔn) MAN 與 LAN 相比擴(kuò)展的距離更長 連接的計(jì)算機(jī)數(shù)量更多 在 地理范圍上可以說是 LAN 的延伸 一個(gè) MAN 通常連接著多個(gè) LAN 3 廣域網(wǎng)廣域網(wǎng) 廣域網(wǎng) wide area Network WAN 也稱遠(yuǎn)程網(wǎng) 通?？缃雍艽蟮奈锢矸秶?所覆蓋的范圍從幾十千米到幾千千 米 它能連接多個(gè)城市或國家 或橫跨幾個(gè)洲并能提供遠(yuǎn)距離通信 形成國際性的遠(yuǎn)程網(wǎng)絡(luò) 在廣域網(wǎng)內(nèi) 用于通信 的傳輸設(shè)備和介質(zhì)一般由電信部門提供 網(wǎng)絡(luò)則由多個(gè)部門聯(lián)合或由國家組建 網(wǎng)絡(luò)規(guī)模大 能實(shí)現(xiàn)較大范圍的資源 共享 國際互聯(lián)網(wǎng) Internet 就是全球最大的廣域網(wǎng) 3 計(jì)算機(jī)網(wǎng)絡(luò)的功能 計(jì)算機(jī)網(wǎng)絡(luò)的功能主要表現(xiàn)在資源共享和數(shù)據(jù)通信兩個(gè)方面 1 資源共享 2 數(shù)據(jù)通信 1 1 21 1 2 InternetInternet 簡介簡介 Internet 是一個(gè)采用 TCP IP 傳輸控制協(xié)議 因特網(wǎng)互聯(lián)協(xié)議 把各個(gè)國家 各種機(jī)構(gòu)的內(nèi)部網(wǎng)絡(luò)連接起來的數(shù) 據(jù)通信網(wǎng) 起源于 20 世紀(jì) 70 年代的 ARPANET 阿帕網(wǎng) Internet 提供了豐富的服務(wù) 主要包括以下內(nèi)容 1 萬維網(wǎng)服務(wù) 2 電子郵件服務(wù) 3 文件傳輸服務(wù) 4 遠(yuǎn)程登錄 精品文檔 2歡迎下載 1 1 31 1 3 TCP IPTCP IP 簡介簡介 計(jì)算機(jī)網(wǎng)絡(luò)中的計(jì)算機(jī)和網(wǎng)絡(luò)設(shè)備數(shù)量巨大 種類繁多 為了能夠正確而有序地進(jìn)行數(shù)據(jù)交換 必須遵守一些事 先約定好的規(guī)則 這些規(guī)則就是協(xié)議協(xié)議 協(xié)議是一組控制數(shù)據(jù)通信的規(guī)則 這些規(guī)則明確規(guī)定了所交換的數(shù)據(jù)格式 時(shí)一組控制數(shù)據(jù)通信的規(guī)則 這些規(guī)則明確規(guī)定了所交換的數(shù)據(jù)格式 時(shí) 序 為進(jìn)行數(shù)據(jù)交換而建立的規(guī)則 標(biāo)準(zhǔn)或約定的集合就稱為網(wǎng)絡(luò)協(xié)議序 為進(jìn)行數(shù)據(jù)交換而建立的規(guī)則 標(biāo)準(zhǔn)或約定的集合就稱為網(wǎng)絡(luò)協(xié)議 通常所說的 TCP IPTCP IP 是一組協(xié)議的總稱 它包括眾多相互關(guān)聯(lián)的協(xié)議 其中網(wǎng)際協(xié)議 Internet protocol IP 是網(wǎng)絡(luò)層最重要的協(xié)議 傳輸控制協(xié)議傳輸控制協(xié)議 transmission control protocol TCP 是傳輸層中最主要的協(xié)議 TCP 是提供可靠服務(wù) 面向鏈接的協(xié)議 確保數(shù)據(jù)報(bào)可以完整地進(jìn)行接收 IPIP 定義了數(shù)據(jù)按照數(shù)據(jù)報(bào)傳輸?shù)母袷胶鸵?guī)則 將來自傳輸層的數(shù)據(jù)封裝成定義了數(shù)據(jù)按照數(shù)據(jù)報(bào)傳輸?shù)母袷胶鸵?guī)則 將來自傳輸層的數(shù)據(jù)封裝成 IPIP 數(shù)據(jù)包 送往作為目的地的接收端 數(shù)據(jù)包 送往作為目的地的接收端 IPIP 最重要的作用就是將數(shù)據(jù)傳送到目的計(jì)算機(jī)上最重要的作用就是將數(shù)據(jù)傳送到目的計(jì)算機(jī)上 1 1 41 1 4 WWWWWW WWWWWW 是環(huán)球信息網(wǎng)是環(huán)球信息網(wǎng) world wide Web 的縮寫 也可以簡稱為 Web 中文名字為 萬維網(wǎng)萬維網(wǎng) 1 21 2 網(wǎng)站相關(guān)概念網(wǎng)站相關(guān)概念 為了更好地學(xué)習(xí)網(wǎng)站規(guī)劃設(shè)計(jì) 必須了解網(wǎng)站的相關(guān)概念 如網(wǎng)站 網(wǎng)頁 URL 瀏覽器等 1 2 11 2 1 網(wǎng)站和網(wǎng)頁網(wǎng)站和網(wǎng)頁 1 1 網(wǎng)站網(wǎng)站 網(wǎng)站網(wǎng)站 website 是指根據(jù)一定的規(guī)則將相關(guān)網(wǎng)頁有機(jī)組合起來形成的集合 所有網(wǎng)頁都可以通過超鏈接相互訪 問 2 2 網(wǎng)頁網(wǎng)頁 網(wǎng)頁網(wǎng)頁是構(gòu)成網(wǎng)站的基本元素 網(wǎng)頁實(shí)際上是一個(gè)文件 它存放在 Internet 上的某一臺計(jì)算機(jī)中 而這臺計(jì)算機(jī) 必須是與互聯(lián)網(wǎng)相連的 1 2 21 2 2 URLURL 統(tǒng)一資源定位符統(tǒng)一資源定位符 universal resource locator URL 也稱為網(wǎng)頁地址 是因特網(wǎng)上標(biāo)準(zhǔn)的資源地址 用于完 整地描述 Internet 上網(wǎng)頁和其他資源的地址的一種標(biāo)識方法 URL 由 3 3 部分組成部分組成 格式如下 協(xié)議類型 主機(jī)域名或主機(jī)域名或 IPIP 地址地址 路徑路徑 文件名文件名 1 2 31 2 3 IPIP 地址和域名地址和域名 1 IP1 IP 地址地址 每個(gè)連接 Internet 的計(jì)算機(jī) 服務(wù)器以及其他網(wǎng)絡(luò)實(shí)體都有自己唯一的 IP 地址 使用 IP 地址區(qū)分 Internet 上 的每臺計(jì)算機(jī)和網(wǎng)絡(luò)設(shè)備 每個(gè) IPIP 地址的長度為地址的長度為 3232 位 位 bitbit 分 分 4 4 段 每段段 每段 8 8 位 位 1 1 個(gè)字節(jié) 個(gè)字節(jié) 常用十進(jìn)制數(shù)字表示 每段數(shù)字范圍為 常用十進(jìn)制數(shù)字表示 每段數(shù)字范圍為 0 0 255255 段與段之間用 段與段之間用 分隔分隔 如 202 101 10 1 使用 IP 地址可以直接訪問該 IP 地址代表的網(wǎng)站 但是 對于普通用戶而言 IP 地址非常難以記憶 因此 在 Internet 上使用了一套和 IP 地址對應(yīng)的域名系統(tǒng) domain name system DNS 域名系統(tǒng)使用與主機(jī)位置 作用 行業(yè)有關(guān)的一組字符組成 既容易理解又方便記憶 域名與 IP 地址一一對應(yīng) 精品文檔 3歡迎下載 TCP 是提供可靠服務(wù) 面向鏈接的協(xié)議 確保數(shù)據(jù)報(bào)可以完整地進(jìn)行接收 IP 協(xié)議定義了數(shù)據(jù)按照數(shù)據(jù)報(bào)傳輸?shù)?格式和規(guī)則 將來自傳輸層的數(shù)據(jù)封裝成 IP 數(shù)據(jù)包 送往作為目的地的接收端 最重要的作用就是將數(shù)據(jù)傳送到目 的計(jì)算機(jī)上 2 2 域名域名 在 Internet 上使用了一套和 IP 地址對應(yīng)的域名系統(tǒng) 域名系統(tǒng) domaindomain namename systemsystem DNSDNS 域名系統(tǒng)使用與主機(jī)位置 作用 行業(yè)有關(guān)的一組字符組成 既容易理解又方便記憶 域名與 IP 地址一一對應(yīng) 域名的一般格式格式為 主機(jī)主機(jī) 網(wǎng)絡(luò)名稱網(wǎng)絡(luò)名稱 子域子域 一級域一級域 1 2 41 2 4 瀏覽器瀏覽器 瀏覽器瀏覽器是指可以顯示 Web 服務(wù)器的網(wǎng)頁文件內(nèi)容 并讓用戶與這些文件交互的一種軟件 瀏覽器主要通過 HTTP 與 Web 服務(wù)器交互并獲取網(wǎng)頁 這些網(wǎng)頁由 URL 指定 瀏覽器屬于客戶端瀏覽程序 向 Web 服務(wù)器發(fā)送各種請求 并 對從服務(wù)器發(fā)來的超文本信息和各種多媒體數(shù)據(jù)格式進(jìn)行解釋 顯示和播放 目前常見的瀏覽器有 IE Internet Explorer Firefox Netscape Navigator 等 1 2 51 2 5 ISPISP ISPISP Internet service provider 的意思是互聯(lián)網(wǎng)服務(wù)提供商互聯(lián)網(wǎng)服務(wù)提供商 是向廣大用戶綜合提供互聯(lián)網(wǎng)接入業(yè)務(wù) 信息 業(yè)務(wù)和增值業(yè)務(wù)的電信運(yùn)營商 是經(jīng)國家主管部門批準(zhǔn)的正式運(yùn)營企業(yè) 如中國電信等 一臺計(jì)算機(jī)要通過一臺計(jì)算機(jī)要通過 ISPISP 提供的接入服務(wù) 根據(jù)提供的接入服務(wù) 根據(jù) ISPISP 提供的帳號接入提供的帳號接入 InternetInternet 才能訪問 才能訪問 InternetInternet 上的資源 上的資源 1 2 61 2 6 HTTPHTTP HTTPHTTP 英文英文 HypertextHypertext transfertransfer protocolprotocol 的縮寫的縮寫 中文譯為超文本傳輸協(xié)議 中文譯為超文本傳輸協(xié)議 它是一種詳細(xì)規(guī)定了瀏覽器和萬 維網(wǎng)服務(wù)器之間互相通信的規(guī)則 HTTP 是非?？煽康膮f(xié)議 它具有強(qiáng)大的自檢能力 所有用戶請求的文件到達(dá)客戶端 時(shí) 一定是準(zhǔn)確無誤的 1 2 7Web1 2 7Web Web 本意是蜘蛛網(wǎng)和網(wǎng)的意思 對于普通用戶來說 Web 僅僅只是一種環(huán)境 互聯(lián)網(wǎng)的使用環(huán)境 氛圍 內(nèi)容 等 而對于網(wǎng)站設(shè)計(jì) 制作者來說 它是一系列技術(shù)的復(fù)合總稱 包括網(wǎng)站的前臺布局 后臺程序 美工 數(shù)據(jù)庫開 發(fā)等 我們稱它為網(wǎng)頁 1 2 81 2 8 W3CW3C W3CW3C 英文 英文 WorldWorld WideWide WebWeb ConsortiumConsortium 的縮寫 中文譯為的縮寫 中文譯為 萬維網(wǎng)聯(lián)盟萬維網(wǎng)聯(lián)盟 萬維網(wǎng)聯(lián)盟是國際最著名的標(biāo)準(zhǔn)化組 織 W3C 最重要的工作是發(fā)展 Web 規(guī)范 自 1994 年成立以來 已經(jīng)發(fā)布了 200 多項(xiàng)影響深遠(yuǎn)的 Web 技術(shù)標(biāo)準(zhǔn)及實(shí)施指 南 如超文本標(biāo)記語言 HTML 可擴(kuò)展標(biāo)記語言 XML 等 這些規(guī)范有效地促進(jìn)了 Web 技術(shù)的兼容 對互聯(lián)網(wǎng)的發(fā) 展和應(yīng)用起到了基礎(chǔ)性和根本性的支撐作用 WebWeb 標(biāo)準(zhǔn)并不是某一個(gè)標(biāo)準(zhǔn) 而是一系列標(biāo)準(zhǔn)的集合 主要包括結(jié)構(gòu) 標(biāo)準(zhǔn)并不是某一個(gè)標(biāo)準(zhǔn) 而是一系列標(biāo)準(zhǔn)的集合 主要包括結(jié)構(gòu) StructureStructure 表現(xiàn) 表現(xiàn) PresentationPresentation 和行 和行 為 為 BehaviorBehavior 三個(gè)方面 具體如下 三個(gè)方面 具體如下 1 1 結(jié)構(gòu)標(biāo)準(zhǔn) 結(jié)構(gòu)標(biāo)準(zhǔn) 結(jié)構(gòu)用于對網(wǎng)頁元素進(jìn)行整理和分類 主要包括結(jié)構(gòu)用于對網(wǎng)頁元素進(jìn)行整理和分類 主要包括 XMLXML 和和 XHTMLXHTML 兩個(gè)部分 兩個(gè)部分 具體區(qū)別如下 XML 英文 The Extensible Markup Language 的縮寫 是一種可擴(kuò)展標(biāo)記語言 XML 最初的目的是為了彌補(bǔ) HTML 精品文檔 4歡迎下載 的不足 它具有強(qiáng)大的擴(kuò)展性 可用于數(shù)據(jù)的轉(zhuǎn)換和描述 XHTML 英文 The Extensible HyperText Markup Language 的縮寫 是可擴(kuò)展超文本標(biāo)識語言 XHTML 是基于 XML 的標(biāo)識語言 是在 HTML4 0 的基礎(chǔ)上 用 XML 的規(guī)則對其進(jìn)行擴(kuò)展建立起來的 它實(shí)現(xiàn)了 HTML 向 XML 的過渡 2 2 表現(xiàn)標(biāo)準(zhǔn) 表現(xiàn)標(biāo)準(zhǔn) 表現(xiàn)用于設(shè)置網(wǎng)頁元素的版式 顏色 大小等外觀樣式 主要指的是 CSSCSS 具體介紹如下 CSS 英文 Cascading Style Sheet 的縮寫 是層疊樣式表 CSS 標(biāo)準(zhǔn)建立的目的是以 CSS 為基礎(chǔ)進(jìn)行網(wǎng)頁布局 控制網(wǎng)頁的表現(xiàn) CSS 布局與 XHTML 結(jié)構(gòu)語言相結(jié)合 可以實(shí)現(xiàn)表現(xiàn)與結(jié)構(gòu)的分離 使網(wǎng)站的訪問及維護(hù)更加容易 3 3 行為標(biāo)準(zhǔn) 行為標(biāo)準(zhǔn) 行為是指網(wǎng)頁模型的定義及交互的編寫 主要包括行為是指網(wǎng)頁模型的定義及交互的編寫 主要包括 DOMDOM 和和 ECMAScriptECMAScript 兩個(gè)部分 具體區(qū)別如下 兩個(gè)部分 具體區(qū)別如下 DOM 英文 Document Object Model 的縮寫 是文檔對象模型 W3C 文檔對象模型 DOM 是中立于平臺和語言 的接口 它允許程序和腳本動態(tài)地訪問和更新文檔的內(nèi)容 結(jié)構(gòu)和樣式 ECMAScript 是 ECMA 英文 European Computer Manufacturers Association 的縮寫 國際以 JavaScript 為基礎(chǔ) 制定的標(biāo)準(zhǔn)腳本語言 JavaScript 是一種基于對象和事件驅(qū)動 并具有相對安全性的客戶端腳本語言 廣泛用于 Web 開發(fā) 常用來給 HTML 網(wǎng)頁添加動態(tài)功能 比如響應(yīng)用戶的各種操作 1 2 91 2 9 HTMLHTML HTML 英文 Hyper Text Markup Language 的縮寫 中文譯為 超文本標(biāo)記語言 主要是通過 HTML 標(biāo)記對網(wǎng)頁 中的文本 圖片 聲音等內(nèi)容進(jìn)行描述 HTML 提供了許多標(biāo)記 如段落標(biāo)記 標(biāo)題標(biāo)記 超鏈接標(biāo)記 圖片標(biāo)記等 網(wǎng)頁中需要定義什么內(nèi)容 就用相應(yīng)的 HTML 標(biāo)記描述即可 HTML 之所以稱為超文本標(biāo)記語言 不僅是因?yàn)樗ㄟ^標(biāo)記描述網(wǎng)頁內(nèi)容 同時(shí)也由于文本中包含了所謂的 超級 鏈接 點(diǎn) 通過超鏈接將網(wǎng)站與網(wǎng)頁以及各種網(wǎng)頁元素鏈接起來 構(gòu)成了豐富多彩的 Web 頁面 超鏈接超鏈接是指 Web 頁面中從一個(gè)頁面跳轉(zhuǎn)到另一個(gè)頁面或從頁面的一個(gè)位置跳轉(zhuǎn)到另一位置的鏈接關(guān)系 鏈接的目 標(biāo)通常是一個(gè) Web 頁面 也可以是圖片 多媒體 電子郵件甚至一個(gè)程序 在 Web 頁中可以設(shè)置指向其他 Web 頁或其 自身特定位置的超鏈接 單擊被設(shè)置為超鏈接的文本或圖片就可以從一個(gè) Web 頁跳轉(zhuǎn)到另一個(gè) Web 頁 或從網(wǎng)頁的一 處跳轉(zhuǎn)到另一處 或者轉(zhuǎn)到不同的站點(diǎn) 1 2 101 2 10 CSSCSS CSS 通常稱為 CSS 樣式或樣式表 主要用于設(shè)置 HTML 頁面中的文本內(nèi)容 字體 大小 對齊方式等 圖片的外 形 寬高 邊框樣式 邊距等 以及版面的布局等外觀顯示樣式 JavaScript 是 Web 頁面中的一種腳本語言 通過 JavaScript 可以將靜態(tài)頁面轉(zhuǎn)變成支持用戶交互并響應(yīng)相應(yīng)事 件的動態(tài)頁面 CSS 的全稱為 cascading style sheets 中文意思為 層疊樣式表 是能制作出各種樣式網(wǎng)頁的技術(shù)統(tǒng)稱 CSS 是一種定義樣式 如字體 顏色和位置 的語言 用于描述如何格式化和顯示網(wǎng)頁中的信息 CSS 樣式可直接存儲在 HTML 網(wǎng)頁中 也可存儲為獨(dú)立的樣式表文件 不管以哪種方式保存 樣式表都包含將樣式應(yīng)用于特定類型元素的樣式 精品文檔 5歡迎下載 規(guī)則 在外部使用時(shí) 樣式規(guī)則放在外部樣式表文檔中 文件擴(kuò)展名為 css 2 CSS 語法由 selector 選擇符 property 屬性 和 value 值 3 部分構(gòu)成 語法格式如下 selector property value selector 通常是希望定義的 HTML 元素或標(biāo)簽 property 是希望改變的屬性 每個(gè)屬性都有一個(gè)值 1 31 3 建站前的準(zhǔn)備工作建站前的準(zhǔn)備工作 1 3 11 3 1 申請網(wǎng)站空間申請網(wǎng)站空間 網(wǎng)站必須存放到 Web 服務(wù)器中 而且 Web 服務(wù)器必須接入 Internet 網(wǎng)站才能發(fā)布成功 把網(wǎng)站放到 Web 服務(wù)器 上又可以分為以下兩種情況 1 自建 Web 服務(wù)器 2 將網(wǎng)站上傳到專門的 Web 服務(wù)器上 1 3 21 3 2 申請域名申請域名 網(wǎng)站有了域名才能被訪問 在我國 工業(yè)和信息化部負(fù)責(zé)中國互聯(lián)網(wǎng)絡(luò)域名的管理工作 用戶可以通過域名注冊 服務(wù)商申請和購買域名 目前域名有英文域名和中文域名兩種 申請域名的一般步驟如下 1 準(zhǔn)備域名 2 注冊域名 3 網(wǎng)站備案 1 41 4 網(wǎng)站規(guī)劃設(shè)計(jì)網(wǎng)站規(guī)劃設(shè)計(jì) 1 網(wǎng)站建設(shè)流程是指一個(gè)網(wǎng)站從提出建設(shè)到網(wǎng)站建設(shè)完成并投入運(yùn)行的各個(gè)環(huán)節(jié) 也包括后期的維護(hù)等工作 網(wǎng)站的類型多種多樣 但無論哪種類型的網(wǎng)站 其建設(shè)過程大致相同 一般都經(jīng)過 4 個(gè)階段 網(wǎng)站策劃 網(wǎng)站規(guī)劃與 設(shè)計(jì) 網(wǎng)站實(shí)現(xiàn)及網(wǎng)站維護(hù) 2 明確建站目的和類型 確定技術(shù)解決方案 網(wǎng)站內(nèi)容及結(jié)構(gòu) 網(wǎng)頁設(shè)計(jì)要求等 3 根據(jù)網(wǎng)站主體分類 政府網(wǎng)站 企業(yè)網(wǎng)站 教育科研機(jī)構(gòu)網(wǎng)站 個(gè)人網(wǎng)站和非盈利機(jī)構(gòu)網(wǎng)站等 根據(jù)網(wǎng)站提 供的服務(wù)分類 資訊類網(wǎng)站 交易類網(wǎng)站 互動游戲類網(wǎng)站 功能型網(wǎng)站 綜合類網(wǎng)站和辦公類網(wǎng)站等 4 網(wǎng)站的形象是通過許多方面來體現(xiàn)的 包括網(wǎng)站的定位 網(wǎng)站的主題和名稱 網(wǎng)站的布局 網(wǎng)站標(biāo)志設(shè)計(jì) 色彩搭配 版面布局 瀏覽方式 交互方式等 5 公司統(tǒng)一標(biāo)志 corporate identity CI 的意思是通過視覺來統(tǒng)一企業(yè)的形象 準(zhǔn)確而有創(chuàng)意的 CI 設(shè)計(jì) 對網(wǎng)站的宣傳推廣有事半功倍的效果 6 網(wǎng)站的欄目規(guī)劃 網(wǎng)站的版塊設(shè)計(jì) 網(wǎng)站的目錄結(jié)構(gòu)設(shè)計(jì) 網(wǎng)站的鏈接結(jié)構(gòu)設(shè)計(jì) 7 建設(shè)網(wǎng)站前的市場分析 建設(shè)網(wǎng)站目的及功能定位 網(wǎng)站技術(shù)解決方案 網(wǎng)站內(nèi)容及實(shí)現(xiàn)方式 網(wǎng)頁設(shè)計(jì) 網(wǎng)站測試方案 網(wǎng)站維護(hù)方案 網(wǎng)站推廣方案 網(wǎng)站開發(fā)的進(jìn)度 網(wǎng)站建設(shè)費(fèi)用預(yù)算 1 51 5 網(wǎng)頁設(shè)計(jì)網(wǎng)頁設(shè)計(jì) 精品文檔 6歡迎下載 1 在網(wǎng)頁設(shè)計(jì)中遵循一些普遍適用的設(shè)計(jì)準(zhǔn)則 對于指導(dǎo)設(shè)計(jì)過程 培養(yǎng)良好的設(shè)計(jì)風(fēng)格 體現(xiàn)設(shè)計(jì)者的意圖 并最終得到符合用戶需求的網(wǎng)頁作品有著指導(dǎo)作用 應(yīng)該遵循以下原則 明確的網(wǎng)站定位 鮮明的設(shè)計(jì)主題 清晰的導(dǎo)航結(jié)構(gòu) 統(tǒng)一的頁面風(fēng)格 快捷的下載速度 良好的可兼容性 2 頁面尺寸需要從橫向和縱向兩個(gè)方向確定 通常以 屏 或 像素 為單位 用戶在瀏覽網(wǎng)頁時(shí) 瀏覽器窗 口中顯示的有效面積會受到顯示器尺寸以及分辨率設(shè)置的影響 分辨率越高 頁面尺寸越大 設(shè)計(jì)頁面空間時(shí)需要界 定網(wǎng)頁的尺寸大小 采用合適的尺寸才能保證用戶瀏覽網(wǎng)頁的有效面積 一般而言 分辨率在分辨率在 800 600800 600 像素的情況像素的情況 下頁面寬度控制在下頁面寬度控制在 778778 像素內(nèi) 分辨率在像素內(nèi) 分辨率在 1024 7681024 768 像素的情況下頁面寬度控制在像素的情況下頁面寬度控制在 10021002 像素內(nèi) 像素內(nèi) 這樣不會出現(xiàn)水平 滾動條 可以將頁面內(nèi)容完整地顯示在一屏的寬度中 3 視覺流程是指人的視覺在接受外界信息時(shí)的流動過程 視覺流程的形成是由人類的視覺特性所決定的 受生 理結(jié)構(gòu)限制 人眼只能產(chǎn)生一個(gè)視覺焦點(diǎn) 不能同時(shí)把視線停留在兩處或更多的地方 通過視線移動進(jìn)行瀏覽和觀察 來感知外部世界 視覺流程可以分為直線視覺流程 曲線視覺流程 焦點(diǎn)視覺流程和反復(fù)視覺流程 4 種 4 常見的網(wǎng)頁空間結(jié)構(gòu)包括有框架式分割和自由式分割兩種 框架式分割借助框架或表格界定的方形區(qū)域?qū)?面空間進(jìn)行分割 分割所得的版式結(jié)構(gòu)有以下幾種 1 國字結(jié)構(gòu) 2 上下結(jié)構(gòu) 3 左右結(jié)構(gòu) 4 上下左右 結(jié)構(gòu) 具體實(shí)例讀者可參考教材中所舉例的網(wǎng)站說明 5 網(wǎng)站導(dǎo)航從本質(zhì)上來說是一組將信息分類的超鏈接 通過首頁或主要頁面的超鏈接為瀏覽者提供以下功能 使瀏覽者迅速了解網(wǎng)站的整體結(jié)構(gòu) 使瀏覽者明確當(dāng)前所處位置 使瀏覽者能夠進(jìn)入網(wǎng)站其他頁面 使瀏覽者可以隨 時(shí)回到首頁 如菜單導(dǎo)航 主要用于功能復(fù)雜 欄目眾多的網(wǎng)站 網(wǎng)站中需要導(dǎo)航的內(nèi)容很多 用其他導(dǎo)航形式會顯 得冗長 而下拉式菜單便于用戶直接進(jìn)入更深的層級 減少二次選擇 也節(jié)省了占用網(wǎng)頁的空間 參看教材圖 3 20 所示 6 色彩具有色相 純度 明度 3 個(gè)屬性 也稱為色彩的三要素 無彩色只有明度屬性 色相 也叫色調(diào) 是指 色彩的相貌或種類 是色彩最基本的特征 通常所說的紅 橙 黃 綠 青 藍(lán) 紫就是不同的色相 它們之間的差 別屬于色相的差別 純度 也叫濃度 飽和度 是指色彩的鮮艷程度 純凈程度 任何一種顏色加入黑 白 灰等無 彩色都會降低其飽和度 明度 也叫亮度 指色彩的深淺 明暗程度 明度越大 色彩越亮 7 信息設(shè)計(jì)是如何面向用戶合理組織頁面中的文字 圖片 動畫 表單等元素 以實(shí)現(xiàn)信息的高效傳播 需要 在信息設(shè)計(jì)上遵循一些基本的原則 信息設(shè)計(jì)的基本原則是 避免使用陳舊或不完整的信息 否則將影響網(wǎng)站的形象 良好的版面設(shè)計(jì)非常重要 避免使用過多的色彩 色彩應(yīng)作為線索 用于標(biāo)志不同類型的信息 避免使用過多的圖形 和動畫 保持一致性 1 61 6 網(wǎng)站測試網(wǎng)站測試 精品文檔 7歡迎下載 網(wǎng)站開發(fā)人員完成網(wǎng)站系統(tǒng)的設(shè)計(jì)開發(fā)工作之后 都必須保證網(wǎng)站系統(tǒng)的所有組成部分能夠正常工作 因此 網(wǎng) 站系統(tǒng)的測試工作十分重要 網(wǎng)站開發(fā)人員完成網(wǎng)站系統(tǒng)的設(shè)計(jì)開發(fā)工作之后 都必須保證網(wǎng)站系統(tǒng)的所有組成部分能夠正常工作 因此 網(wǎng) 站系統(tǒng)的測試工作十分重要 1 1 在不同瀏覽器中測試在不同瀏覽器中測試 網(wǎng)站系統(tǒng)的設(shè)計(jì)開發(fā)人員通過使用不同的瀏覽器 把設(shè)計(jì)和制作完成的網(wǎng)站系統(tǒng)從主頁開始 逐頁地進(jìn)行檢查 以便保證所有的網(wǎng)頁在各種瀏覽器上都有不錯的顯示效果 而且沒有任何錯誤 有時(shí)候 在 Internet Explore 系列 瀏覽器 FireFox Opera 和 Maxthon 瀏覽器中顯示的效果可能并不一樣 但只要能夠做到兼顧顯示 不影響網(wǎng)頁內(nèi)容 的表達(dá) 就可以認(rèn)為通過了瀏覽器的測試 2 2 在不同分辨率設(shè)置環(huán)境下測試在不同分辨率設(shè)置環(huán)境下測試 鑒于當(dāng)前用戶的習(xí)慣和計(jì)算機(jī)主流屏幕的大小 推薦使用 1024 768 像素的分辨率進(jìn)行網(wǎng)頁設(shè)計(jì) 同時(shí) 現(xiàn)在寬 屏顯示器的市場份額也在提升 所以有的網(wǎng)站又提供了寬屏版 3 3 鏈接測試鏈接測試 發(fā)布網(wǎng)站之前 應(yīng)該測試所有的超鏈接 如果網(wǎng)站包含斷開的超鏈接 即具有無效目標(biāo) URL 的超鏈接 則當(dāng)網(wǎng) 站訪問者單擊該超鏈接時(shí) 瀏覽器會顯示一條錯誤消息 原因可能僅僅是 URL 輸入錯誤或 URL 指向的網(wǎng)頁已經(jīng)從網(wǎng)站 中刪除了 如果目標(biāo)是 WWW 上的另一網(wǎng)頁 則該網(wǎng)頁可能被移動或刪除了 因此超級鏈接的正確性測試是網(wǎng)站系統(tǒng)測 試的重要環(huán)節(jié) 1 71 7 網(wǎng)站發(fā)布前的準(zhǔn)備工作網(wǎng)站發(fā)布前的準(zhǔn)備工作 1 1 網(wǎng)站服務(wù)器的選擇網(wǎng)站服務(wù)器的選擇 前面已經(jīng)介紹過 可以選擇虛擬主機(jī)或者自備服務(wù)器進(jìn)行托管 根據(jù)網(wǎng)站的性質(zhì) 規(guī)模和面向的區(qū)域選擇合 適的服務(wù)器 2 2 域名的申請及備案域名的申請及備案 當(dāng)然 域名的申請工作在進(jìn)行網(wǎng)站規(guī)劃時(shí)就已經(jīng)進(jìn)行了 這