計算機實用技術課件第1章 基礎知識

目錄1.1Internet與WWW1.2網站與網頁1.3網頁設計常用軟件1.1Internet與WWW1.1.1什么是InternetInternet是全球最大的、開放的、由眾多網絡互連而成的計算機互聯網，中文譯名為“國際互聯網”或“因特網”。簡單地說，Internet就是將世界各地的計算機網絡、主機和個人計算機通過通信設施和通信協議（基于TCP/IP協議簇）互相連接起來所構成的互聯網絡系統(tǒng)。

Internet目前的用戶已經遍及全球，有幾億人在使用Internet，并且它的用戶數還在以等比級數上升。1.1Internet與WWW1.1.2WWW的基本概念WWW是WorldWideWeb的縮寫，簡寫成Web，中文叫做萬維網。現在Internet發(fā)展得最為蓬勃的部分就是WWW，瀏覽Web已成為當今最主要的Internet服務。WWW只是Internet的一部分，Internet還包括FTP、BBS等其他服務。

WWW的結構非常簡單，主要分為兩個部分：一部分為服務器端（Server），也稱為網頁的提供者；另一部分為客戶端（Client），也稱為網頁的接收者。這種模式稱為客戶機/服務器（Client/Server）模式。

1.2網站與網頁1.2.1網站的種類

網頁是網站的基本信息單位，是WWW的基本文檔，它由文字、圖片、動畫、聲音等多種媒體信息以及鏈接組成，是用HTML編寫的，通過鏈接實現與其他網頁或網站的關聯和跳轉。網頁文件是一種在WWW上傳輸的能被瀏覽器識別顯示的文本文件，擴展名是.htm或.html。網站是由眾多不同內容的網頁組成的一個集合，通常把進入網站首先看到的那一頁網頁稱為首頁或主頁（Homepage），由網頁的內容體現網站的全部功能。1.2網站與網頁1.2.1網站的種類1、根據網站提供的服務分類

資訊類網站交易類網站互動游戲類網站有償資訊類網站功能型網站綜合類網站1.2網站與網頁1.2.1網站的種類2．根據網站的性質分類政府網站企業(yè)網站商業(yè)網站教育科研機構網站個人網站非盈利機構網站其他類型的網站1.2網站與網頁1.2.1網站的種類3．根據在大型搜索引擎上的設置分類娛樂與休閑類網站商業(yè)與經濟類網站藝術與人文類網站健康與醫(yī)藥類網站新聞與媒體類網站政府與政治類網站電腦與網絡類網站社會與文化類網站科學與教育類網站參考資料類網站1.2網站與網頁1.2.2網站建設的規(guī)劃網站規(guī)劃是指在網站建設前對市場進行分析，確定網站的目的和功能，并根據需要對網站建設中的技術、內容、費用、測試、維護等做出規(guī)劃。網站規(guī)劃對網站建設起到計劃和指導的作用，對網站的內容和維護起到定位的作用。一個網站的成功與否和建站前的網站規(guī)劃有著極其重要的關系。只有詳細的規(guī)劃，才能避免在網站建設中出現的很多問題，使網站建設能順利進行。

建立網站的步驟可分為：

申請E-mail賬號、申請網頁空間、域名注冊和網頁制作4步。1.2網站與網頁1.2.3網站設計的原則在著手進行一個網站的設計之前，首先要明確以下幾項設計原則：（1）內容與形式相統(tǒng)一。（2）主題鮮明。（3）風格統(tǒng)一。（4）兼顧下載速度與美觀。（5）導航清晰。（6）欄目設置合理。（7）良好的兼容性。（8）經常更新。1.2網站與網頁1.2.3網站設計的原則作為一個優(yōu)秀網站，應該具備以下五大要素：網站內容豐富。頁面下載速度快。功能多樣、使用方便。網站品質優(yōu)秀。保護個人信息。1.2網站與網頁1.2.4網頁設計的原則1．了解客戶需求2．遵循Web標準3．運用形式美法則1.2網站與網頁1.2.5網頁版式設計網頁的設計首先涉及的是頁面的版面編排問題。網頁作為一種版面，既有文字，又有圖片。文字有大有小，還有標題和正文之分；圖片也有大小，而且有橫豎之別。圖片和文字都需要同時展示給觀眾，總不能簡單地羅列在一個頁面上，那樣往往會搞得雜亂無章。因此，必須根據內容的需要將這些圖片和文字按照一定的次序進行合理的編排和布局，使它們組成一個有機的整體，展現給廣大觀眾。1.2網站與網頁1.2.5網頁版式設計1．版面布局的依據

（1）主次分明，中心突出。（2）大小搭配，相互呼應。（3）圖文并茂，相得益彰。（4）動靜要有度，平衡要對稱。1.2網站與網頁1.2.5網頁版式設計2．網頁布局的類型網頁布局大致可分為：“國”字型、拐角型、標題正文型、左右框架型、上下框架型、綜合框架型、封面型、Flash型、自由型等。1.2網站與網頁1.2.6網頁色彩設計1．色彩的基礎知識色彩是藝術表現的要素之一。在網頁設計中，要根據和諧、均衡和重點突出的原則將不同的色彩進行組合，搭配出美麗的頁面。作為網頁設計師，做到有針對性的用色是相當重要的。針對不同的主題來布置色彩，如健康類的網站就不能采用較為刺激的大紅和黃、橙以及象征死亡和神秘的黑色和紫色，這樣會造成一種緊張和某種程度的恐慌，以及一些不利于健康的聯想。1.2網站與網頁1.2.6網頁色彩設計2．網頁設計的標準色彩“標準色彩”是指展示網站形象和延伸內涵的色調。作為網站標準色彩的設計要遵循的基本原則是標準色彩不要超過三種。如果一個網站標準色彩超過三種則會讓人眼花繚亂。標準色彩主要用于網站的標志、標題、主菜單和大色塊，給人以整體統(tǒng)一的感覺，至于其他色彩的使用，只可作為點綴和襯托，絕不能喧賓奪主。

1.2網站與網頁1.2.7圖形與文字的設計圖形和文本是網頁的兩大構成元素，缺一不可。如何處理好圖片和文本的位置成了整個頁面布局的關鍵。1.2網站與網頁1.2.7圖形與文字的設計1．圖形設計的原則圖形是網站的特色之一，它有醒目、吸引人以及傳達信息的功能。好的、適量且清晰的圖形可以為頁面增色，反之則會惹來瀏覽者的反感。在圖形使用上，要采用一般瀏覽器均支持的壓縮圖形格式，如JPEG、GIF等，JPEG的壓縮效果較好，適合中大型的圖片，可以節(jié)省傳輸時間。使用圖形的一般規(guī)則如下：（1）圖形的主體要清晰可見，去除不必要的噪聲。（2）圖形的意義要簡單明了。（3）圖形內的文字要清楚容易辨認。（4）圖形內文字的裝飾不要過分花哨，造成文字辨識不易。1.2網站與網頁1.2.7圖形與文字的設計2．文字設計的原則

文字的主要功能是在視覺傳達中向大眾傳達作者的意圖和各種信息。文字設計是增強視覺傳達效果，提高作品的訴求力，賦予版面審美價值的一種重要構成技術。文字排列組合的好壞，直接影響其版面的視覺傳達效果。網頁上的文字要易于閱讀，文字太細、顏色太淺、頁面太長或超出屏幕寬度都是有違網站設計“美學原則”的。在文字的組合中，要注意以下幾個方面：（1）人們的閱讀習慣。（2）字體的外形特征。（3）要有一個設計基調。（4）注意負空間的運用。（5）在有圖片的版面中，文字的組合應相對較為集中。1.2網站與網頁1.2.7圖形與文字的設計3．文字和圖形的組合設計文字、標題、圖片等的組合會在頁面上形成各種各樣的線條和形狀，這些線條與形狀的組合構成了主頁的總體藝術效果，搭配好這些線條和形狀能增強頁面的藝術魅力。（1）直線（矩形）的應用。（2）曲線（弧形）的應用。（3）曲線、直線（矩形、弧形）的綜合應用。1.2網站與網頁1.2.7圖形與文字的設計4．設計圖形與文字時還應注意的事項

（1）標題的呈現方式。（2）連結點的呈現方式。（3）重要信息呈現方式。（4）內文設計部分。1.2網站與網頁1.2.8網頁音效設計網頁中背景音樂或指令音樂等音效的使用能夠帶給瀏覽者愉悅感、聯想和想象。1．指令音當瀏覽者進行訪問某個頁面或者單擊等交互動作時，伴隨動作會產生一些短暫而且適宜的音效，比如在交互過程中頁面間的轉換經常伴隨“嗖”、“唰”等聲音，按鈕則伴隨“咔噠”等聲音，以此給瀏覽者一定的心理暗示，同時對內容起到烘托作