計(jì)算機(jī)實(shí)用技術(shù)課件第1章 基礎(chǔ)知識(shí)

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

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

WWW的結(jié)構(gòu)非常簡(jiǎn)單，主要分為兩個(gè)部分：一部分為服務(wù)器端（Server），也稱為網(wǎng)頁的提供者；另一部分為客戶端（Client），也稱為網(wǎng)頁的接收者。這種模式稱為客戶機(jī)/服務(wù)器（Client/Server）模式。

1.2網(wǎng)站與網(wǎng)頁1.2.1網(wǎng)站的種類

網(wǎng)頁是網(wǎng)站的基本信息單位，是WWW的基本文檔，它由文字、圖片、動(dòng)畫、聲音等多種媒體信息以及鏈接組成，是用HTML編寫的，通過鏈接實(shí)現(xiàn)與其他網(wǎng)頁或網(wǎng)站的關(guān)聯(lián)和跳轉(zhuǎn)。網(wǎng)頁文件是一種在WWW上傳輸?shù)哪鼙粸g覽器識(shí)別顯示的文本文件，擴(kuò)展名是.htm或.html。網(wǎng)站是由眾多不同內(nèi)容的網(wǎng)頁組成的一個(gè)集合，通常把進(jìn)入網(wǎng)站首先看到的那一頁網(wǎng)頁稱為首頁或主頁（Homepage），由網(wǎng)頁的內(nèi)容體現(xiàn)網(wǎng)站的全部功能。1.2網(wǎng)站與網(wǎng)頁1.2.1網(wǎng)站的種類1、根據(jù)網(wǎng)站提供的服務(wù)分類

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

建立網(wǎng)站的步驟可分為：

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

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

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

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

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