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

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