網站設計與維護 第2章網站規劃與設計 05 04 2020 2 知識回顧 前面章節學習了以下內容 網站的分類企業與網站網站設計的一般原則和步驟 05 04 2020 3 通過本章的學習 主要掌握以下知識點 建設前的準備工作域名策略選擇網站運行平臺內容實現結構設計風格和創意 05 04 2020 4 2 1網站建設前的準備工作 確定目標準備建設網站所需軟件 硬件選擇合適的Internet接入方式估算成本 05 04 2020 5 2 1 1確定目標 1 確定目標的依據 需求分析業務流程分析與競爭者的對比分析分析服務方式 05 04 2020 6 2 1 1確定目標 2 確定目標的方法 否是 05 04 2020 7 2 1 1確定目標 調研一般采用問卷調查的方式 例如 05 04 2020 8 2 1 1確定目標 3 確定網站目標的原則 客戶喜歡目標的確定受到多方面因素的制約 總之要根據客戶的需求 市場的狀況 企業自身的情況等進行綜合分析 牢記以消費者為中心 05 04 2020 9 2 1 2準備建站所需軟硬件 一 硬件 組成網站的各種設備的集合 主要有兩大部分 網絡設備 服務器 1 網絡設備 有3種 路由器 交換機和安全設備 1 路由器路由器是一種連接多個網絡或網段的網絡設備 是將電子商務網站聯入廣域網的重要設備 2 交換機交換機是局域網組網的重要設備 多臺不同的計算機可以通過交換機組成網絡 3 防火墻防火墻是一個由軟件 硬件或軟硬件結合的系統 是電子商務網站內部網絡和外部網絡之間的一道屏障 可限制外界未經授權用戶訪問內部網絡 管理內部用戶訪問外部網絡的權限 05 04 2020 10 2 1 2準備建站所需軟硬件 一 硬件 組成網站的各種設備的集合 主要有兩大部分 網絡設備 服務器 2 服務器服務器選擇方案如下 1 建立自己獨立的站點 2 服務器托管 3 租用服務器 4 租用虛擬主機 05 04 2020 11 2 1 2準備建站所需軟硬件 選擇主機時注意的問題 1 性能 2 價格 3 售后服務選擇主機的原則 合適就好 05 04 2020 12 2 1 2準備建站所需軟硬件 二 軟件 服務器上運行的程序及后臺支持的數據類型 主要有 操作系統 WEB服務器 數據庫三部分 數據庫 05 04 2020 13 2 1 2準備建站所需軟硬件 1 操作系統軟件 1 WindowsNT 2000 xp支持多種硬件平臺和多種網絡協議 可以與多種服務器操作系統進行互操作 2 UNIX是一個具有不同硬件平臺的多用戶操作系統 具有多種不同的版本 3 Netware操作系統是世界上第一個真正的微機局域網操作系統 4 Linux操作系統是UNIX在微機上的完整實現 它性能穩定 功能強大 技術先進 是目前最流行的微機操作系統之一 05 04 2020 14 2 1 2準備建站所需軟硬件 2 WEB服務器 1 IIS InternetInformationServer 只能在Windows下運行 是Windows操作系統下的首選 和微軟的SQLServer數據庫結合性能最好 2 Apache是一個自由軟件 支持多種操作系統平臺和數據庫 是目前最流行的WEB服務器之一 3 iPlanetWebServer是Netscape公司生產的Web服務器軟件 支持多種操作系統平臺和數據庫 05 04 2020 15 2 1 2準備建站所需軟硬件 3 數據庫 1 SQLServer 2 MySQL 3 Oracle 05 04 2020 16 2 1 2準備建站所需軟硬件 4 下面是幾種比較常見的搭配方式 1 windows2000 IIS ASP SQLServer 2 Linux Apache PHP MySQL 3 NetWare NovellWebServer 4 SolarisforIntel iPlanetWebServer JSP Oracle 05 04 2020 17 2 1 2準備建站所需軟硬件 軟硬件平臺的性能指標 1 響應能力 2 與后端服務器的集成 3 管理的難易程度 4 信息開發的難易程度 5 穩定性 6 可靠性 7 安全性 8 與其它系統的搭配 05 04 2020 18 2 1 3接入Internet的方式 Internet接入技術的目的在于將用戶的局域網或計算機與公用網絡連接在一起 主要采用的技術有以下幾種 1 PSTN電話撥號入網 電話撥號入網是最常用 最簡單的接入Internet的方法 目前最高速率為56kbps 05 04 2020 19 PSTN撥號 05 04 2020 20 2 ISDN 綜合業務數字網 IntegratedServiceDigitalNetwork ISDN 俗稱 一線通 用戶利用一條ISDN用戶線路 可以在上網的同時撥打電話 收發傳真 就像兩條電話線一樣 ISDN基本速率接口有兩條64kbps的信息通路和一條16kbps的信令通路 簡稱2B D 當有電話撥入時 它會自動釋放一個B信道來進行電話接聽 05 04 2020 21 ISDN撥號 05 04 2020 22 3 DDN 數字數據網 DigitalDataNetwork DDN 專線接入 可以向用戶提供點對點 點對多點透明傳輸的數據專線出租電路 為用戶傳輸數據 圖像 聲音等信息 DDN的通信速率可根據用戶需要在N 64kbps N 1 32 之間進行選擇 當然速度越快租用費用也越高 主要面向集團公司等需要綜合運用的單位 05 04 2020 23 DDN專線 05 04 2020 24 4 CableModem CableModem 線纜調制解調器 是利用現成的有線電視網進行數據傳輸 是訪問Internet的一種高速接入方式 接入圖與ISDN相似 5 ADSL 非對稱數字用戶環路 AsymmetricDigitalSubscriberLoop ADSL 能夠在現有的雙絞線 即普通電話線上根據當地線路狀況提供2M 8Mbps下行速率和640Kbps 1Mbps的上行速率 接入圖與ISDN相似 還有一種更高速的寬帶接入VDSL 短矩高速 05 04 2020 25 VDSL 05 04 2020 26 6 光纜接入技術 光纜接入技術可分光纖接入 SDH 可實現FTTB 光纖到樓 FTTZ 光纖到小區 技術和光纖同軸電纜混合 HFC 接入技術 05 04 2020 27 7 無線接入 無線接入技術分微波 短波和衛星三類 微波被稱為無線電網 是一種性能優異的寬帶用戶接人網 衛星接入是利用衛星通信系統提供的接入服務 它由人造衛星和地面站組成 用衛星作為中繼站轉發地面傳入的無線電信號 與微波接入技術類似 利用專用的短波設備也可以接入Internet 且接入速率和距離都較理想 05 04 2020 28 無線接入 05 04 2020 29 2 1 4建站費用估算 對建設網站進行預算 主要是進行經濟可行性分析 經濟可行性分析主要是對開發項目的成本與效益作出評估 即分析新系統所帶來的經濟效益是否超過開發和維護網站所需要的費用 05 04 2020 30 2 1 4建站費用估算 1 網站費用網站費用包括以下幾項內容 1 設備費用它包括計算機硬件 軟件 輸入輸出設備 空調 電源及其他機房設施 設備的安裝及調試費用等 2 開發費用系統開發所需要的勞務費及其他有關開支 3 運行費用它包括運行所需的各種材料費用 例如電 紙張等費用 以及設備的維護費用 其他與運行有關的費用開支也應包括在內 05 04 2020 31 2 1 4建站費用估算 4 維護費用在估計費用時 維護費用是一個經常被忽略的問題 一些單位只考慮購買設備的費用 每年的維護費用卻沒有預算在內 結果出現買得起 用不起的局面 5 培訓費用它包括用戶管理人員 操作人員及維護人員培訓等費用 05 04 2020 32 2 1 4建站費用估算 建立并運行一個網站需要投資 網站建設是一項新技術 可供選擇的方案很多 所以成本高低可能不大一樣 企業最好在建站前進行一些調查工作 調查工作可以包括以下幾個方面的內容 企業是否有必要擁有和運行自己的服務器 企業的網站或服務器怎樣與Internet連接 誰為企業設計網站 誰為企業管理維護網站 管理維護的內容和范圍是什么 企業是否愿意接受在線訂貨 企業的網站是否有必要與現有的數據庫 訂貨系統和財務系統接口連接 05 04 2020 33 第三次課 05 04 2020 34 2 2域名策略 關于域名如何選擇域名域名注冊需注意的問題 05 04 2020 35 2 2 1域名 域名是一種基于IP地址的層次化的主機命名方式 1 域名在全世界具有惟一性 2 域名采用分層結構 如主機名三級二級頂級3 域名被存放在服務器中 運行時由DNS服務器將其轉換成對應的IP地址 4 域名是一切網絡活動的開始 一個網站的域名代表了這個網站的無形資產 是企業的網上 商標 5 域名由字母 數字或 組成 字母不區分大小寫 05 04 2020 36 域名結構 05 04 2020 37 常用頂級域名 AC科研機構 COM工 商 金融等企業 EDU教育機構 GOV政府部門 NET互聯網絡 接入網絡的信息中心 NIC 和運行中心 NOC ORG各種非盈利性的組織 MIL軍事機構 aero航空運輸業專用 museum博物館專用 coop商業合機構 info可以替代 net biz可以替代 com的通用域名 name是個人網站的專用域名 pro醫生和律師等職業 05 04 2020 38 2 2 2如何選擇域名 1 企業注冊域名的好處 域名注冊可以將企業的網站放置在任何一個ISP的服務器上 如果企業對其服務不滿意或認為連線速度過慢 可以立即更換 可以讓客戶很容易記憶企業的地址 并方便地為他們服務 能夠讓客戶直接了解企業的產品或服務 即企業域名可以簡單概括出企業所提供的產品或服務 因此 如果企業想長期在Internet上開展自己的業務 那么 就非常有必要登記一個屬于自己的獨立域名 它會始終為企業忠實地工作 05 04 2020 39 2 2 2如何選擇域名 2 如何選擇域名 符合公司的性質或信息內容的性質 如頂級域名 簡潔 易記 標識性強 如8848 具有一定的內涵 如51job 一般采用企業名諧音 拼音 數字等 或通用公司名 公司名縮寫 長度不超過20個字符 05 04 2020 40 2 2 3域名注冊 域名是網站的 商標 其惟一性使域名資源有限 誰先注冊 誰就有權使用 從某種意義上說 域名就是財富 域名注冊一般要經過以下程序 查詢 申請 審核 開通1 查詢 whois 了解你想注冊的域名是否已被注冊 國際域名 國內域名 05 04 2020 41 Internic 05 04 2020 42 cnnic 05 04 2020 43 2 2 3域名注冊 2 注冊 填寫申請資料并遞交 國內域名 CNNIC的注冊服務機構國際域名 INTERNIC 可通過WEB在線填寫 或下載相關表格后填寫再用E mail發送 也可傳真等 遞交申請方相關身份證明材料 國內域名注冊申請人必須是依法登記并且能夠獨立承擔民事責任的組織 注冊時須出示營業執照復印件 然后填寫在線定單 國際域名注冊則沒有條件限制 單位和個人均可以申請 企業只要填寫在線訂單 告知域名即可 05 04 2020 44 根據 中國互聯網絡域名管理辦法 的規定 CNNIC在2002年12月16日全面變革域名管理服務模式 CNNIC作為CN域名注冊管理機構 不再直接面對最終用戶提供CN域名注冊相關服務 域名注冊服務將轉由CNNIC認證的域名注冊服務機構提供 注冊商管理體系結構圖如下 05 04 2020 45 2 2 3域名注冊 3 審核 管理機構對申請者的資料進行核實 4 開通 通過ISP注冊的免費域名一般可馬上開通 付費域名需先交費 再開通 逾期不交者將取消其域名服務 5 域名申請的注意事項a 選擇好的ISPb 有效解決域名沖突 如被搶注 已使用 c 盡早申請 和申請的域名相同的其它類域名一起注冊 及時續費 05 04 2020 46 例如 中國萬網的申請流程 05 04 2020 47 附 域名爭議案例 1 2005年7月9日美國國家仲裁法院做出最終裁決 對Google的域名保護請求給予支持 同時將與類似域名 如googkle等 所的有權判歸Google所有 2 2006年11月戴爾在向義烏民企討回域名官司敗訴 此前8月戴爾公司曾贏得域名官司從一公司奪走3 北京國網信息公司注冊的域名達到5000多個 包括杜邦 宜家 護舒寶 玉蘭油及陶氏等這些位列世界500強企業的商標同名符號 認定法院認定為 惡意搶注 數個域名被撤消 在國內單位或個人與國外公司的域名爭議多以國內單位敗訴告終 這主要是因為受到訴訟程序和語言的限制 05 04 2020 48 2 3架構平臺 1 了解常用操作系統的特點 2 確定平臺架構方式 3 虛擬主機的利弊分析4 自有服務器的利弊分析 05 04 2020 49 Windows 1 由Microsoft 微軟 公司開發的 其網絡操作系統主要有 WindowsNT4 0Serve Windows2000Server AdvanceServer 以及最新的Windows2003Server AdvanceServer 2 較高的可靠性和安全性 3 采用Windows家族統一的圖形界面 使用戶學習 使用起來更加容易 也最易受到攻擊 05 04 2020 50 Unix 1 目前常用的UNIX系統版本主要有 UnixSUR4 0 HP UX11 0 SUN的Solaris8 0等 版本較多 互不兼容 2 系統穩定和安全性能非常好 3 內核用C語言編寫 具有較好的二次開發能力 4 但由于它多數是以命令方式來進行操作的 初級用戶不容易掌握 05 04 2020 51 關于UNIX 1969年 Bell實驗室的KenThompson開始利用一臺閑置的PDP 7計算機開發了一種多用戶 多任務操作系統 很快 DennisRichie加入了這個項目 在他們共同努力下誕生了最早的UNIX Richie受一個更早的項目 MULTICS的啟發 將此操作系統命名為Unix 早期UNIX是用匯編語言編寫的 但其第三個版本用一種嶄新的編程語言C重新設計了 C是Richie設計出來并用于編寫操作系統的程序語言 通過這次重新編寫 Unix得以移植到更為強大的DECPDP 11 45與11 70計算機上運行 后來發生的一切 正如他們所說 已經成為歷史 Unix從實驗室走出來并成為了操作系統的主流 現在幾乎每個主要的計算機廠商都有其自有版本的Unix 05 04 2020 52 Linux 1 是一種類Unix操作系統 目前也有中文版本的Linux 如REDHAT 紅帽子 紅旗Linux等 2 最大的特點就是源代碼開放 可以免費得到許多應用程序 3 有很好的安全性和穩定性 4 支持圖形界面和命令方式 適合不同的用戶 但目前使仍主要應用于中 高檔服務器中 05 04 2020 53 關于LINUX Linux起源于一個學生的簡單需求 LinusTorvalds Linux的作者與主要維護者 在其上大學時所買得起的唯一軟件是Minix 是一個類似Unix 被廣泛用來輔助教學的簡單操作系統 Linus對Minix不是很滿意 于是決定自己編寫軟件 他以學生時代熟悉的Unix作為原型 在一臺Intel386PC上開始了他的工作 他的進展很快 受工作成績的鼓舞 他將這項成果通過互連網與其他同學共享 主要用于學術領域 有人看到了這個軟件并開始分發 每當出現新問題時 有人會立刻找到解決辦法并加入其中 很快的 Linux成為了一個操作系統 05 04 2020 54 Linix界面 05 04 2020 55 Linux2 05 04 2020 56 虛擬主機的利弊分析 05 04 2020 57 虛擬主機的定義 虛擬主機 VirtualHostVirtualServer 是使用特殊的軟硬件技術 把一臺計算機主機分成一臺臺 虛擬 的主機 每一臺虛擬主機都具有獨立的域名和IP地址 或共享的IP地址 具有完整的Internet服務器功能 在同一臺硬件 同一個操作系統上 運行著為多個用戶打開的不同的服務器程序 互不干擾 而各個用戶擁有自己的一部分系統資源 IP地址 文件存儲空間 內存 CPU時間等 虛擬主機之間完全獨立 在外界看來 每一臺虛擬主機和一臺獨立的主機的表現完全一樣 由于多臺虛擬主機共享一臺真實主機的資源 每個用戶承受的硬件費用 網絡維護費用 通信線路的費用均大幅度降低 Internet真正成為人人用得起的網絡 現在 幾乎所有的美國公司 包括一些家庭 均在網絡上設立了自己的WEB服務器 其中有相當的部分采用的是虛擬主機 05 04 2020 58 自有服務器的利弊分析 05 04 2020 59 2 4網站內容開發 決定網站內容的關鍵是一個好的定位 從一開始就明確站點的目標 規劃站點的主要構成部分及各部分的功能和風格 建站前要對市場進行調研 根據網站定位來策劃網站內容 05 04 2020 60 網站主題 1 什么是網站主題 網站主題即網站的題材 如學習類 娛樂類等 2 確定網站主題的原則定位要小 內容要精 即準確 要結合自身特點和優勢目標不易太高 05 04 2020 61 名稱設計 名稱設計原則 名稱在正 合法 簡潔易記 不多于6個字 有特色 但符合網站主題 05 04 2020 62 定位網站的CI形象 CI 通過視覺來統一企業的形象 1 LOGO設計利用網站的代表性人物 圖案 商標 或適當變形 專業網站可選擇其有代表性的標志 網站的英文名稱 采用不同的字體 字母的變形 字母的組合 05 04 2020 63 定位網站的CI形象 2 色彩 物體對一定波長的光的反射 使人們能識別色彩 為了在實際工作中更方便地運用色彩 必須將色彩按照一定的規律和秩序排列起來 這就是色相環 05 04 2020 64 定位網站的CI形象 凡兩種色光相加呈現白光 兩種顏色相混呈現灰黑色 那么這兩種色光和這兩種顏色即互為補色 05 04 2020 65 十種基本配色設計 05 04 2020 66 十種基本配色設計 05 04 2020 67 十種基本配色設計 05 04 2020 68 十種基本配色設計 05 04 2020 69 單色的功能 紅色 熱情 喜慶 勝利 流血 危險黃色 輝煌 柔和 充滿希望 輕薄 軟弱橙色 明亮 華麗 溫暖 輝煌 最易動人綠色 青春 旺盛 不成熟 沒有經驗藍色 深遠 純凈 單純 冷漠 缺少生命紫色 高貴 奢華 幽雅 流動 不安白色 明亮 干凈 樸素 直率 圣潔黑色 安靜 深思 堅毅 神秘 陰森 恐怖 甚至死亡 05 04 2020 70 定位網站的CI形象 網站色彩設計的要求 體現網站形象和內涵 標志 標題 菜單和banner的色系要統一 主要色系 藍 黃 橙 黑 灰 白 05 04 2020 71 定位網站的CI形象 3 字體標準字體為宋體 網頁字體大小最好使用CSS樣式指定 特別的地方可用其它的特殊字體點綴 但最好做成圖片 以保證顯示效果 4 宣傳語口號 一般出現在主頁面的標題欄或頁面的banner中有沖擊力 煽動性 05 04 2020 72 hao1231 05 04 2020 73 招商銀行 05 04 2020 74 內容策劃應包含的信息 1 網站的名稱 2 網頁的標題 3 網站的脊梁 結構 4 內容 5 指向網頁的連接或指向網站其他網頁的鏈接 6 網站的聯絡方法 7 網站的建立或更新日期 8 版權說明 05 04 2020 75 網站內容開發的要點 HTML文檔的效果由其自身的質量和瀏覽器解釋HTML的方法決定 要讓所有的瀏覽器都能夠正常瀏覽 網站信息的組織的關鍵在于總體結構的層次分明 否則不僅不利于用戶查找感興趣的內容 而且在信息不斷增多后還會使維護工作非常困難 圖像和多媒體信息的使用要適中 減少文件數量和大小是必要的 有一個好的主頁 因為它們會給用戶留下第一印象 好的第一印象能夠吸引用戶再次光臨這個網站 05 04 2020 76 網站內容開發的要點 網站內容應是動態的 隨時進行修改和更新 以使自己的網站緊跟市場潮流 網頁中應該提供 些聯機幫助功能 比如輸入查詢關鍵詞就可以提供一些簡單的例子 千萬不能讓用戶不知所措 網頁的文本內容應簡明扼要 通俗易懂 所有內容都要針對設計目標而編寫 不要節外生枝 文字要正確 不能有語法錯誤和錯別字 05 04 2020 77 WEB站點的典型內容 企業的Web站點應包括以下典型內容 1 企業的基本背景介紹企業的背景介紹材料 如果有條件 最好能夠提供相應的英文版 簡介文字最好提供簡單和詳實兩個版本 專業的電子版企業簡介應該具有圖文混排的非HTML格式 例如可以使用Acrobat的PDF格式供客戶下載 因為Acrobat文件能夠保持圖文排列的整體觀感 2 詳細的產品資料或服務介紹企業應該把自己的主要產品的全貌反映在網站上 讓客戶能夠查詢到產品的主要技術規格 照片和其他可公開的信息 服務類企業應該通過各種手段把詳盡的服務內容和條款列出 為使企業產品能夠在網站上用更形象的手段體現 可以采用VRML編輯器構筑一些虛擬現實場景 05 04 2020 78 WEB站點的典型內容 3 技術支持資料除了產品說明書之外 企業還應該掌握自己產品的更多信息 比如常見故障處理 計算機產品的編程接口等 這些資料如果能夠公開 可放入網站 以減輕企業技術支持人員的工作量 4 企業營銷網絡很多企業在總部以外都有其他分支機構 為此企業應該在網站上列出全球范圍內所有可接洽到的辦公場所 包括它們的電話 傳真 電子郵件 并列出它們各自的職能 5 收集客戶反饋在企業網站上應該至少帶有一個客戶反饋表單 用于收集客戶和普通訪問者對企業改進產品和服務的意見或建議 網絡管理員應該經常檢查提交上來的內容 并及時轉交給企業決策部門使用 6 其他針對企業經營特點的內容加入與本網站有關的鏈接 如音響制品廠商可以加入音樂站點鏈接 但是 千萬不要直接鏈接到競爭廠商的網站 05 04 2020 79 dell 05 04 2020 80 ibm 05 04 2020 81 haier 05 04 2020 82 常用版面布局的形式 T 結構布局所謂 T 結構就是指頁面頂部為橫條網站標志 廣告條 下方左面為主菜單 右面顯示內容的布局 因為菜單條背景較深 整體效果類似英文字母 T 所以稱為 T 形布局 如HAO等 優點 是頁面結構清晰 主次分明 且是初學者最容易掌握的布局方法 缺點 是規矩呆板 如果色彩細節上再不注意 很容易讓人看后乏味 05 04 2020 83 hao123 05 04 2020 84 常用版面布局的形式 國 字形布局這是一個象形的說法 就是頁面一般上下各有一個廣告條 左面是主菜單 右面放友情鏈接等 中間是主要內容 優點 是充分利用版面 信息量大 缺點 是頁面擁擠 不夠靈活 也有將四邊空出 只用中間的窗口型設計 例如CCTV 05 04 2020 85 cctv 05 04 2020 86 常用版面布局的形式 POP布局POP引自廣告術語 就是指頁面布局像一張宣傳海報 以一張精美圖片作為頁面的設計中心 此類布局常用于時尚類站點 比如ELLE com 優點 顯而易見 漂亮吸引人缺點 速度慢 05 04 2020 87 pop 05 04 2020 88 常用版面布局的形式 還有其它的一些布局方式 如 三 型布局 如 型布局等 這些布局方式多出現在國外的網站中 05 04 20