網(wǎng)頁制作概述課件

第一章 網(wǎng)站制作概述2022/12/21第八章 Internet基礎(chǔ)第一章 網(wǎng)站制作概述2022/12/11第八章 Intern1 網(wǎng)站的定義網(wǎng)站：存放在網(wǎng)絡服務器上的信息的集合體，它包含一個或多個網(wǎng)頁，這些網(wǎng)頁按照一定的組織結(jié)構(gòu)、以鏈接等方式連接在一起，形成一個整體，描述一組完整的信息。在建立完整的網(wǎng)站之前首先必須先明確此網(wǎng)頁設(shè)計的目標，并圍繞著一目標搜集素材，確定所要設(shè)計的網(wǎng)站的類型，以及它所具有的特點和主要內(nèi)容。2022/12/22第八章 Internet基礎(chǔ)1 網(wǎng)站的定義網(wǎng)站：2022/12/12第八章 Intern2 網(wǎng)站的分類在建立完整的網(wǎng)站之前首先必須先明確此網(wǎng)站的類型，以便準確的定位網(wǎng)頁的設(shè)計。1.公司或單位的信息發(fā)布如：公司、政府部門、教育及科研機構(gòu)等。主要用于樹立企業(yè)形象，方便各單位之間的交流合作。/2.出版物即電子報刊，例如新浪網(wǎng)、計算機世界、計算機報、電腦報等都在網(wǎng)上擁有自己的站點，方便讀者在線閱讀或訂閱電子報刊。/此類網(wǎng)站需要較多較及時的維護及更新工作，以保證實時性。2022/12/23第八章 Internet基礎(chǔ)2 網(wǎng)站的分類在建立完整的網(wǎng)站之前首先必須先明確此網(wǎng)站的類型2 網(wǎng)站的分類3.個人主頁個人主頁這類網(wǎng)站在近幾年非常流行，很多站點都提供免費的個人主頁存放服務?？梢园褌€人簡歷、興趣愛好等個人信息組成個人主頁并發(fā)布到網(wǎng)上。/www/vhost//制作個人主頁應該注意體現(xiàn)個性、個人的特色/4.網(wǎng)上購物即為目前熱門的——電子商務。他可以大大縮短廠家、零售商、消費者之間的距離，最大程度的取締中間商、降低銷售及庫存成本，其中代表性的網(wǎng)站有：戴爾網(wǎng)站（http://www.D）AMAZON網(wǎng)上書店（http://www.AMAZON.com）2022/12/24第八章 Internet基礎(chǔ)2 網(wǎng)站的分類3.個人主頁2022/12/14第八章 Int2 網(wǎng)站的分類5.專題網(wǎng)站此類網(wǎng)站常常為某一專題設(shè)立，只適用于一個特定時期。如：“德國世界杯”站點/等等，在一定時期內(nèi)成為網(wǎng)上焦點，全面、迅速的報道專題信息，并提供網(wǎng)上交流場所。此類網(wǎng)站實用性極強，內(nèi)容集中而統(tǒng)一。6.實用信息服務此類網(wǎng)站常由某些組織或個人收集的一類信息組成。如：Java源程序發(fā)布、網(wǎng)頁設(shè)計素材、免費軟件下載，免費mp3下載等等。此類網(wǎng)站在內(nèi)容上分類詳細，組織結(jié)構(gòu)清晰。/

/2022/12/25第八章 Internet基礎(chǔ)2 網(wǎng)站的分類5.專題網(wǎng)站2022/12/15第八章 Int3 網(wǎng)站結(jié)構(gòu)的規(guī)劃規(guī)劃：就是組織網(wǎng)站的內(nèi)容和設(shè)計其結(jié)構(gòu)。網(wǎng)頁制作者在明確網(wǎng)頁制作的目的及主要的內(nèi)容后，接下來就應該對網(wǎng)站進行規(guī)劃，目的是確保內(nèi)容條例清楚、結(jié)構(gòu)合理，這樣不僅可以提高可閱讀能力，也能增強網(wǎng)站可維護性和可擴展性。2022/12/26第八章 Internet基礎(chǔ)3 網(wǎng)站結(jié)構(gòu)的規(guī)劃規(guī)劃：就是組織網(wǎng)站的內(nèi)容和設(shè)計其結(jié)構(gòu)。203 網(wǎng)站結(jié)構(gòu)的規(guī)劃組織網(wǎng)站的內(nèi)容要從兩個角度來考慮：1.設(shè)計者的角度主要依據(jù)被描述對象的組織機構(gòu)、類別劃分等來組織。()()(/mall/index.jsp)(/cn/index.asp)2.瀏覽者的角度要將各種素材依據(jù)瀏覽者的需要進行內(nèi)容分類，以便瀏覽者快捷的獲取他所需要的信息內(nèi)容。(/)當然，設(shè)計網(wǎng)頁時常常需要多方位考慮兩者的需要，是網(wǎng)站最大限度的思想設(shè)計者目標并為瀏覽者提供最有效的服務。2022/12/27第八章 Internet基礎(chǔ)3 網(wǎng)站結(jié)構(gòu)的規(guī)劃組織網(wǎng)站的內(nèi)容要從兩個角度來考慮：20223 網(wǎng)站結(jié)構(gòu)的規(guī)劃組織網(wǎng)站時常用的結(jié)構(gòu)：1.分級結(jié)構(gòu)具有很強的層次性。2022/12/28第八章 Internet基礎(chǔ)3 網(wǎng)站結(jié)構(gòu)的規(guī)劃組織網(wǎng)站時常用的結(jié)構(gòu)：2022/12/183 網(wǎng)站結(jié)構(gòu)的規(guī)劃2.線性結(jié)構(gòu)可以引導瀏覽者按部就班的瀏覽整個文件，通常用于平行意義上的頁面。2022/12/29第八章 Internet基礎(chǔ)3 網(wǎng)站結(jié)構(gòu)的規(guī)劃2.線性結(jié)構(gòu)2022/12/19第八章 I3 網(wǎng)站結(jié)構(gòu)的規(guī)劃線性和分級結(jié)構(gòu)混合（通常網(wǎng)站文件使用的結(jié)構(gòu)）網(wǎng)站文件既具有條理性、規(guī)范性，又可以同時滿足設(shè)計者和瀏覽者的要求。2022/12/210第八章 Internet基礎(chǔ)3 網(wǎng)站結(jié)構(gòu)的規(guī)劃線性和分級結(jié)構(gòu)混合（通常網(wǎng)站文件使用的結(jié)構(gòu)3 網(wǎng)站結(jié)構(gòu)的規(guī)劃3.Web結(jié)構(gòu)類似互聯(lián)網(wǎng)的結(jié)構(gòu)，用戶可以隨意瀏覽。2022/12/211第八章 Internet基礎(chǔ)3 網(wǎng)站結(jié)構(gòu)的規(guī)劃3.Web結(jié)構(gòu)2022/12/111第八章4 網(wǎng)站的設(shè)計原則及標準建議的網(wǎng)站設(shè)計原則及標準：1.包含的內(nèi)容一個網(wǎng)站最吸引人的第一位永遠都是內(nèi)容，設(shè)計是其次。對于專業(yè)性的網(wǎng)站（如企業(yè)、部門等），網(wǎng)站的內(nèi)容是由企業(yè)提出的需求所定，無需作太多考慮。如：中國工商銀行網(wǎng)站(/index.jsp)

而對于個人或娛樂服務類網(wǎng)站，一定要保證內(nèi)容新穎獨特，不必浪費太多時間去做一有的內(nèi)容。2022/12/212第八章 Internet基礎(chǔ)4 網(wǎng)站的設(shè)計原則及標準建議的網(wǎng)站設(shè)計原則及標準：2022/4 網(wǎng)站的設(shè)計原則及標準建議的網(wǎng)站設(shè)計原則及標準：2.如何構(gòu)思在制作網(wǎng)站之前，先擬議份詳細的草稿是必不可少的。分如下三部分：1）內(nèi)容：記錄下希望放在網(wǎng)頁上的內(nèi)容，準備好相關(guān)的材料（文件、圖片等等）。

2）網(wǎng)站結(jié)構(gòu)：好比程序設(shè)計中的E-R圖，不妨在一張白紙上把你所構(gòu)思的網(wǎng)站結(jié)構(gòu)畫出來，這樣在制作時就能做到心中有框架、手中有實物。為了日后的管理，在制作網(wǎng)頁之前，最好把收集的文件分門別類，并存放到一個大的文件夾的不同子文件夾中，如把圖像放到images目錄中。但是請注意不要分的過細，避免日后工作中過于繁瑣，更加不便。2022/12/213第八章 Internet基礎(chǔ)4 網(wǎng)站的設(shè)計原則及標準建議的網(wǎng)站設(shè)計原則及標準：2022/4 網(wǎng)站的設(shè)計原則及標準3）版面設(shè)計：不要試著用電腦來做草圖，也不要認為自己的腦袋足夠用。根據(jù)我個人的經(jīng)驗，一張白紙、一只鉛筆才是最好的工具，你可以隨心所欲的修改，充分發(fā)揮你的想象力。3.什么是好的設(shè)計？獨特的設(shè)計理念是好的，但是需要注意，越是獨特就越少有人能欣賞。此外，切忌不要在網(wǎng)頁內(nèi)狂加特效，如波紋、禮花等，除非你非常難以割舍，否則還是少用為好。/另外，常用的特效大多是使用Java制作的，應注意瀏覽器是否能支持，是否需要下載其它的插件。如果電腦的配置不高，可以多使用GIF動畫、或Flash動畫（例如onMouseOver、文字跳躍、滾動等效果）。2022/12/214第八章 Internet基礎(chǔ)4 網(wǎng)站的設(shè)計原則及標準3）版面設(shè)計：不要試著用電腦來做4 網(wǎng)站的設(shè)計原則及標準4.慎用圖像首先，要考慮圖像的大小。背景的圖像切忌不可使用太大的圖像，要考慮下載速度等因素；其次不要改變圖像的大小。其次，要考慮圖像與文字的匹配，尤其是背景圖片如果過于復雜或色彩鮮明，很容易喧賓奪主，讓文字變得不清楚，背景應與文字有較強的反差，如深底白字，白底深字。如果背景圖像的圖案較為復雜，要使用Fireworks和PhotoShop等工具更改其明亮度和對比度。2022/12/215第八章 Internet基礎(chǔ)4 網(wǎng)站的設(shè)計原則及標準4.慎用圖像2022/12/115第4 網(wǎng)站的設(shè)計原則及標準5.主頁的設(shè)計主頁（homepage）作為整個網(wǎng)站的首頁，具有相當重要的作用。首先，主業(yè)要能夠體現(xiàn)網(wǎng)站的總體概念，使瀏覽者對網(wǎng)站的總體風格和內(nèi)容一目了然，并提供主要的鏈接以便用戶快速的進入相關(guān)頁面中去。其次，主頁設(shè)計要力求布局合理、美觀大方、有較多的內(nèi)容，又不失活潑。2022/12/216第八章 Internet基礎(chǔ)4 網(wǎng)站的設(shè)計原則及標準5.主頁的設(shè)計2022/12/1165 網(wǎng)站的外觀設(shè)計網(wǎng)站設(shè)計表面上看，不過是關(guān)于網(wǎng)頁版式編排的技巧與方法，而實際上，它不僅是一種技能，更是藝術(shù)與技術(shù)的高度統(tǒng)一。網(wǎng)頁設(shè)計同報刊雜志等平面媒體的版式設(shè)計有很多共同之處。但是，由于表現(xiàn)形式、運行方式和社會功能的不同，網(wǎng)頁設(shè)計又有其自身的特殊規(guī)律。所謂網(wǎng)頁設(shè)計，是在有限的屏幕空間上將各種網(wǎng)頁元素，主要包括：文本、圖像、表格、顏色、音樂、動態(tài)影像等進行有機的排列組合，將理性思維個性化的表現(xiàn)出來，是一種具有個人風格和藝術(shù)特色的視聽傳達方式。它在傳達信息的同時，也產(chǎn)生感官上的美感和精神上的享受。2022/12/217第八章 Internet基礎(chǔ)5 網(wǎng)站的外觀設(shè)計網(wǎng)站設(shè)計表面上看，不過是關(guān)于網(wǎng)頁5 網(wǎng)站的外觀設(shè)計一個好的網(wǎng)站首先是內(nèi)容的豐富，其次就是外觀的設(shè)計。它要求設(shè)計者必須掌握以下三個主要原則：1.主題鮮明，富有特色網(wǎng)頁設(shè)計表達的是一定的意圖和要求，有明確的主題。網(wǎng)頁設(shè)計不但要單純、簡練、清晰和精確，而且應該通過對網(wǎng)頁構(gòu)成元素運用藝術(shù)的形式美法則進行條理性處理，更好地營造符合設(shè)計目的的視覺環(huán)境，突出主題，增強瀏覽者對網(wǎng)頁的注意力，增進對網(wǎng)頁內(nèi)容的理解。優(yōu)秀的網(wǎng)頁設(shè)計必然服務于網(wǎng)站的主題，就是說，什么樣的網(wǎng)站，應該有什么樣的設(shè)計。例如，設(shè)計類的個人站點與商業(yè)站點性質(zhì)不同，目的也不同，所以評論的標準也不同。網(wǎng)頁設(shè)計與網(wǎng)站主題的關(guān)系應該是這樣：首先，設(shè)計是為主題服務的；其次，設(shè)計是藝術(shù)和技術(shù)結(jié)合的產(chǎn)物。要使網(wǎng)頁從形式上獲得良好的誘導力，鮮明地突出訴求主題，具體可以通過對網(wǎng)頁的空間層次、主從關(guān)系、視覺秩序及彼此間的邏輯性的把握運用來達到。2022/12/218第八章 Internet基礎(chǔ)5 網(wǎng)站的外觀設(shè)計一個好的網(wǎng)站首先是內(nèi)容的豐富，其次就是外觀5 網(wǎng)站的外觀設(shè)計2.形式內(nèi)容和諧統(tǒng)一

任何設(shè)計都有一定的內(nèi)容和形式。內(nèi)容是是設(shè)計存在的基礎(chǔ)；形式是內(nèi)容的外部表現(xiàn)方式。一方面，網(wǎng)頁設(shè)計所追求的形式美，必須適合主題的需要。只講花哨的表現(xiàn)形式以及過于強調(diào)“獨特的設(shè)計風格”而脫離內(nèi)容，或者只求內(nèi)容而缺乏藝術(shù)的表現(xiàn)，網(wǎng)頁設(shè)計都會變的空洞而無力。另一方面，要確保網(wǎng)頁上的每一個元素都有存在的必要性，不要為了炫耀而使用冗余的技術(shù)。那樣得到的效果可能會適得其反。3.色彩和諧，重點突出，強調(diào)整體

網(wǎng)頁設(shè)計時強調(diào)其整體性，可以使瀏覽者更快捷、更準確、更全面地認識它、掌握它，并給人一種內(nèi)部有機聯(lián)系、外部和諧完整的美感。整體性也是體現(xiàn)一個站點獨特風格的重要手段之一。2022/12/219第八章 Internet基礎(chǔ)5 網(wǎng)站的外觀設(shè)計2.形式內(nèi)容和諧統(tǒng)一2022/12/16 網(wǎng)站外觀設(shè)計時要考慮的細節(jié)1.要根據(jù)網(wǎng)站的性質(zhì)，訪問者的類型來決定網(wǎng)頁的外觀；2.要充分利用網(wǎng)頁的上部空間，這是整個網(wǎng)頁中最顯眼最有價值的部位，不要只是幾個文字或一幅圖片。3.考慮好分辨率的問題，通常是800*640，現(xiàn)在也有使用1024*800。但總體原則是充分考慮使用者的顯示水平。4.使用統(tǒng)一風格的字體（通常使用的字體是9磅的宋體）5.不同頁面盡量采用相同或相近的風格，不要每個頁面都采用不同的背景壁紙，采用相同的底色還可以提高速度，增強一致性，方便建立自己的風格。2022/12/220第八章 Internet基礎(chǔ)6 網(wǎng)站外觀設(shè)計時要考慮的細節(jié)1.要根據(jù)網(wǎng)站的性質(zhì)，訪問者的6 網(wǎng)站外觀設(shè)計時要考慮的細節(jié)6.背景或壁紙要跟文字形成反差，但并不是要求永遠用鮮亮的背景搭配深色文字，如果網(wǎng)頁中包含大量的文字，不妨多參考一些網(wǎng)頁的設(shè)計風格，以確定自己搭配的方式。最終目標是閱讀舒適。7.少使用廣告，少添加閃爍或晃動等效果。8.注意透明和白色的區(qū)別，在必要時要設(shè)“定”好顏色，以免不同操作系統(tǒng)的設(shè)置不同可能引起的大空底或斷層，必要時要事先設(shè)置好圖片的透明等效果。2022/12/221第八章 Internet基礎(chǔ)6 網(wǎng)站外觀設(shè)計時要考慮的細節(jié)6.背景或壁紙要跟文字形成反差7 網(wǎng)頁制作工具概述在WWW出現(xiàn)初期，人們制作網(wǎng)頁都是在文本編輯器中（如：記事本）使用HTML語言來編寫，這需要有一定的編程基礎(chǔ)。近年來，出現(xiàn)了FrontPage、Dreamweaver等所見即所得的工具，方便快捷。如果需要制作交互方式的網(wǎng)站或特殊的效果，還需要使用JavaScript、Java、ASP、JSP、ASP.NET、PHP等來完成。1.ASP(ActiveServerPage)是由Microsoft公司開發(fā)的用于制作動態(tài)Web網(wǎng)頁的技術(shù)。其核心是在HTML中嵌入部分代碼，如VBScript，在頁面運行時，服務器執(zhí)行這些代碼并把執(zhí)行結(jié)果返回給瀏覽器的頁面。采用微軟IIS服務2022/12/222第八章 Internet基礎(chǔ)7 網(wǎng)頁制作工具概述在WWW出現(xiàn)初期，人們制作網(wǎng)頁都是在文本7 網(wǎng)頁制作工具概述2.

JAVA是由SUN公司開發(fā)的編程語言，此語言產(chǎn)生的代碼與工作平臺無關(guān)，具有極好的移植性。在HTML中嵌入JAVA程序以實現(xiàn)動態(tài)效果和交互，是近年來WEB開發(fā)的主流。3.JSP(JavaServletPage)JavaServlet是一組運行在Web服務器上的Java程序。而JSP是SUN公司近年推出的基于JavaServlet和整個Java體系的Web開發(fā)技術(shù)，具有公共、原碼開放等優(yōu)勢。Java和JSP已經(jīng)成為目前開發(fā)跨平臺、大型網(wǎng)站的主要工具。多采用基于UNIX操作系統(tǒng)的Web服務器，如NISA、Apache等。2022/12/223第八章 Internet基礎(chǔ)7 網(wǎng)頁制作工具概述2.JAVA2022/12/123第八網(wǎng)頁制作工具FrontPage20002022/12/224第八章 Internet基礎(chǔ)網(wǎng)頁制作工具FrontPage20002022/12/12網(wǎng)頁制作工具DreamweaverMX2022/12/225第八章 Internet基礎(chǔ)網(wǎng)頁制作工具DreamweaverMX2022/12/1網(wǎng)頁美化工具Photoshop

網(wǎng)頁美化工具Fireworks

動畫制作工具Flash2022/12/226第八章 Internet基礎(chǔ)網(wǎng)頁美化工具Photoshop

網(wǎng)頁美化工具Firewor第一章 網(wǎng)站制作概述2022/12/227第八章 Internet基礎(chǔ)第一章 網(wǎng)站制作概述2022/12/11第八章 Intern1 網(wǎng)站的定義網(wǎng)站：存放在網(wǎng)絡服務器上的信息的集合體，它包含一個或多個網(wǎng)頁，這些網(wǎng)頁按照一定的組織結(jié)構(gòu)、以鏈接等方式連接在一起，形成一個整體，描述一組完整的信息。在建立完整的網(wǎng)站之前首先必須先明確此網(wǎng)頁設(shè)計的目標，并圍繞著一目標搜集素材，確定所要設(shè)計的網(wǎng)站的類型，以及它所具有的特點和主要內(nèi)容。2022/12/228第八章 Internet基礎(chǔ)1 網(wǎng)站的定義網(wǎng)站：2022/12/12第八章 Intern2 網(wǎng)站的分類在建立完整的網(wǎng)站之前首先必須先明確此網(wǎng)站的類型，以便準確的定位網(wǎng)頁的設(shè)計。1.公司或單位的信息發(fā)布如：公司、政府部門、教育及科研機構(gòu)等。主要用于樹立企業(yè)形象，方便各單位之間的交流合作。/2.出版物即電子報刊，例如新浪網(wǎng)、計算機世界、計算機報、電腦報等都在網(wǎng)上擁有自己的站點，方便讀者在線閱讀或訂閱電子報刊。/此類網(wǎng)站需要較多較及時的維護及更新工作，以保證實時性。2022/12/229第八章 Internet基礎(chǔ)2 網(wǎng)站的分類在建立完整的網(wǎng)站之前首先必須先明確此網(wǎng)站的類型2 網(wǎng)站的分類3.個人主頁個人主頁這類網(wǎng)站在近幾年非常流行，很多站點都提供免費的個人主頁存放服務?？梢园褌€人簡歷、興趣愛好等個人信息組成個人主頁并發(fā)布到網(wǎng)上。/www/vhost//制作個人主頁應該注意體現(xiàn)個性、個人的特色/4.網(wǎng)上購物即為目前熱門的——電子商務。他可以大大縮短廠家、零售商、消費者之間的距離，最大程度的取締中間商、降低銷售及庫存成本，其中代表性的網(wǎng)站有：戴爾網(wǎng)站（http://www.D）AMAZON網(wǎng)上書店（http://www.AMAZON.com）2022/12/230第八章 Internet基礎(chǔ)2 網(wǎng)站的分類3.個人主頁2022/12/14第八章 Int2 網(wǎng)站的分類5.專題網(wǎng)站此類網(wǎng)站常常為某一專題設(shè)立，只適用于一個特定時期。如：“德國世界杯”站點/等等，在一定時期內(nèi)成為網(wǎng)上焦點，全面、迅速的報道專題信息，并提供網(wǎng)上交流場所。此類網(wǎng)站實用性極強，內(nèi)容集中而統(tǒng)一。6.實用信息服務此類網(wǎng)站常由某些組織或個人收集的一類信息組成。如：Java源程序發(fā)布、網(wǎng)頁設(shè)計素材、免費軟件下載，免費mp3下載等等。此類網(wǎng)站在內(nèi)容上分類詳細，組織結(jié)構(gòu)清晰。/

/2022/12/231第八章 Internet基礎(chǔ)2 網(wǎng)站的分類5.專題網(wǎng)站2022/12/15第八章 Int3 網(wǎng)站結(jié)構(gòu)的規(guī)劃規(guī)劃：就是組織網(wǎng)站的內(nèi)容和設(shè)計其結(jié)構(gòu)。網(wǎng)頁制作者在明確網(wǎng)頁制作的目的及主要的內(nèi)容后，接下來就應該對網(wǎng)站進行規(guī)劃，目的是確保內(nèi)容條例清楚、結(jié)構(gòu)合理，這樣不僅可以提高可閱讀能力，也能增強網(wǎng)站可維護性和可擴展性。2022/12/232第八章 Internet基礎(chǔ)3 網(wǎng)站結(jié)構(gòu)的規(guī)劃規(guī)劃：就是組織網(wǎng)站的內(nèi)容和設(shè)計其結(jié)構(gòu)。203 網(wǎng)站結(jié)構(gòu)的規(guī)劃組織網(wǎng)站的內(nèi)容要從兩個角度來考慮：1.設(shè)計者的角度主要依據(jù)被描述對象的組織機構(gòu)、類別劃分等來組織。()()(/mall/index.jsp)(/cn/index.asp)2.瀏覽者的角度要將各種素材依據(jù)瀏覽者的需要進行內(nèi)容分類，以便瀏覽者快捷的獲取他所需要的信息內(nèi)容。(/)當然，設(shè)計網(wǎng)頁時常常需要多方位考慮兩者的需要，是網(wǎng)站最大限度的思想設(shè)計者目標并為瀏覽者提供最有效的服務。2022/12/233第八章 Internet基礎(chǔ)3 網(wǎng)站結(jié)構(gòu)的規(guī)劃組織網(wǎng)站的內(nèi)容要從兩個角度來考慮：20223 網(wǎng)站結(jié)構(gòu)的規(guī)劃組織網(wǎng)站時常用的結(jié)構(gòu)：1.分級結(jié)構(gòu)具有很強的層次性。2022/12/234第八章 Internet基礎(chǔ)3 網(wǎng)站結(jié)構(gòu)的規(guī)劃組織網(wǎng)站時常用的結(jié)構(gòu)：2022/12/183 網(wǎng)站結(jié)構(gòu)的規(guī)劃2.線性結(jié)構(gòu)可以引導瀏覽者按部就班的瀏覽整個文件，通常用于平行意義上的頁面。2022/12/235第八章 Internet基礎(chǔ)3 網(wǎng)站結(jié)構(gòu)的規(guī)劃2.線性結(jié)構(gòu)2022/12/19第八章 I3 網(wǎng)站結(jié)構(gòu)的規(guī)劃線性和分級結(jié)構(gòu)混合（通常網(wǎng)站文件使用的結(jié)構(gòu)）網(wǎng)站文件既具有條理性、規(guī)范性，又可以同時滿足設(shè)計者和瀏覽者的要求。2022/12/236第八章 Internet基礎(chǔ)3 網(wǎng)站結(jié)構(gòu)的規(guī)劃線性和分級結(jié)構(gòu)混合（通常網(wǎng)站文件使用的結(jié)構(gòu)3 網(wǎng)站結(jié)構(gòu)的規(guī)劃3.Web結(jié)構(gòu)類似互聯(lián)網(wǎng)的結(jié)構(gòu)，用戶可以隨意瀏覽。2022/12/237第八章 Internet基礎(chǔ)3 網(wǎng)站結(jié)構(gòu)的規(guī)劃3.Web結(jié)構(gòu)2022/12/111第八章4 網(wǎng)站的設(shè)計原則及標準建議的網(wǎng)站設(shè)計原則及標準：1.包含的內(nèi)容一個網(wǎng)站最吸引人的第一位永遠都是內(nèi)容，設(shè)計是其次。對于專業(yè)性的網(wǎng)站（如企業(yè)、部門等），網(wǎng)站的內(nèi)容是由企業(yè)提出的需求所定，無需作太多考慮。如：中國工商銀行網(wǎng)站(/index.jsp)

而對于個人或娛樂服務類網(wǎng)站，一定要保證內(nèi)容新穎獨特，不必浪費太多時間去做一有的內(nèi)容。2022/12/238第八章 Internet基礎(chǔ)4 網(wǎng)站的設(shè)計原則及標準建議的網(wǎng)站設(shè)計原則及標準：2022/4 網(wǎng)站的設(shè)計原則及標準建議的網(wǎng)站設(shè)計原則及標準：2.如何構(gòu)思在制作網(wǎng)站之前，先擬議份詳細的草稿是必不可少的。分如下三部分：1）內(nèi)容：記錄下希望放在網(wǎng)頁上的內(nèi)容，準備好相關(guān)的材料（文件、圖片等等）。

2）網(wǎng)站結(jié)構(gòu)：好比程序設(shè)計中的E-R圖，不妨在一張白紙上把你所構(gòu)思的網(wǎng)站結(jié)構(gòu)畫出來，這樣在制作時就能做到心中有框架、手中有實物。為了日后的管理，在制作網(wǎng)頁之前，最好把收集的文件分門別類，并存放到一個大的文件夾的不同子文件夾中，如把圖像放到images目錄中。但是請注意不要分的過細，避免日后工作中過于繁瑣，更加不便。2022/12/239第八章 Internet基礎(chǔ)4 網(wǎng)站的設(shè)計原則及標準建議的網(wǎng)站設(shè)計原則及標準：2022/4 網(wǎng)站的設(shè)計原則及標準3）版面設(shè)計：不要試著用電腦來做草圖，也不要認為自己的腦袋足夠用。根據(jù)我個人的經(jīng)驗，一張白紙、一只鉛筆才是最好的工具，你可以隨心所欲的修改，充分發(fā)揮你的想象力。3.什么是好的設(shè)計？獨特的設(shè)計理念是好的，但是需要注意，越是獨特就越少有人能欣賞。此外，切忌不要在網(wǎng)頁內(nèi)狂加特效，如波紋、禮花等，除非你非常難以割舍，否則還是少用為好。/另外，常用的特效大多是使用Java制作的，應注意瀏覽器是否能支持，是否需要下載其它的插件。如果電腦的配置不高，可以多使用GIF動畫、或Flash動畫（例如onMouseOver、文字跳躍、滾動等效果）。2022/12/240第八章 Internet基礎(chǔ)4 網(wǎng)站的設(shè)計原則及標準3）版面設(shè)計：不要試著用電腦來做4 網(wǎng)站的設(shè)計原則及標準4.慎用圖像首先，要考慮圖像的大小。背景的圖像切忌不可使用太大的圖像，要考慮下載速度等因素；其次不要改變圖像的大小。其次，要考慮圖像與文字的匹配，尤其是背景圖片如果過于復雜或色彩鮮明，很容易喧賓奪主，讓文字變得不清楚，背景應與文字有較強的反差，如深底白字，白底深字。如果背景圖像的圖案較為復雜，要使用Fireworks和PhotoShop等工具更改其明亮度和對比度。2022/12/241第八章 Internet基礎(chǔ)4 網(wǎng)站的設(shè)計原則及標準4.慎用圖像2022/12/115第4 網(wǎng)站的設(shè)計原則及標準5.主頁的設(shè)計主頁（homepage）作為整個網(wǎng)站的首頁，具有相當重要的作用。首先，主業(yè)要能夠體現(xiàn)網(wǎng)站的總體概念，使瀏覽者對網(wǎng)站的總體風格和內(nèi)容一目了然，并提供主要的鏈接以便用戶快速的進入相關(guān)頁面中去。其次，主頁設(shè)計要力求布局合理、美觀大方、有較多的內(nèi)容，又不失活潑。2022/12/242第八章 Internet基礎(chǔ)4 網(wǎng)站的設(shè)計原則及標準5.主頁的設(shè)計2022/12/1165 網(wǎng)站的外觀設(shè)計網(wǎng)站設(shè)計表面上看，不過是關(guān)于網(wǎng)頁版式編排的技巧與方法，而實際上，它不僅是一種技能，更是藝術(shù)與技術(shù)的高度統(tǒng)一。網(wǎng)頁設(shè)計同報刊雜志等平面媒體的版式設(shè)計有很多共同之處。但是，由于表現(xiàn)形式、運行方式和社會功能的不同，網(wǎng)頁設(shè)計又有其自身的特殊規(guī)律。所謂網(wǎng)頁設(shè)計，是在有限的屏幕空間上將各種網(wǎng)頁元素，主要包括：文本、圖像、表格、顏色、音樂、動態(tài)影像等進行有機的排列組合，將理性思維個性化的表現(xiàn)出來，是一種具有個人風格和藝術(shù)特色的視聽傳達方式。它在傳達信息的同時，也產(chǎn)生感官上的美感和精神上的享受。2022/12/243第八章 Internet基礎(chǔ)5 網(wǎng)站的外觀設(shè)計網(wǎng)站設(shè)計表面上看，不過是關(guān)于網(wǎng)頁5 網(wǎng)站的外觀設(shè)計一個好的網(wǎng)站首先是內(nèi)容的豐富，其次就是外觀的設(shè)計。它要求設(shè)計者必須掌握以下三個主要原則：1.主題鮮明，富有特色網(wǎng)頁設(shè)計表達的是一定的意圖和要求，有明確的主題。網(wǎng)頁設(shè)計不但要單純、簡練、清晰和精確，而且應該通過對網(wǎng)頁構(gòu)成元素運用藝術(shù)的形式美法則進行條理性處理，更好地營造符合設(shè)計目的的視覺環(huán)境，突出主題，增強瀏覽者對網(wǎng)頁的注意力，增進對網(wǎng)頁內(nèi)容的理解。優(yōu)秀的網(wǎng)頁設(shè)計必然服務于網(wǎng)站的主題，就是說，什么樣的網(wǎng)站，應該有什么樣的設(shè)計。例如，設(shè)計類的個人站點與商業(yè)站點性質(zhì)不同，目的也不同，所以評論的標準也不同。網(wǎng)頁設(shè)計與網(wǎng)站主題的關(guān)系應該是這樣：首先，設(shè)計是為主題服務的；其次，設(shè)計是藝術(shù)和技術(shù)結(jié)合的產(chǎn)物。要使網(wǎng)頁從形式上獲得良好的誘導力，鮮明地突出訴求主題，具體可以通過對網(wǎng)頁的空間層次、主從關(guān)系、視覺秩序及彼此間的邏輯性的把握運用來達到。2022/12/244第八章 Internet基礎(chǔ)5 網(wǎng)站的外觀設(shè)計一個好的網(wǎng)站首先是內(nèi)容的豐富，其次就是外觀5 網(wǎng)站的外觀設(shè)計2.形式內(nèi)容和諧統(tǒng)一

任何設(shè)計都有一定的內(nèi)容和形式。內(nèi)容是是設(shè)計存在的基礎(chǔ)；形式是內(nèi)容的外部表現(xiàn)方式。一方面，網(wǎng)頁設(shè)計所追求的形式美，必須適合主題的需要。只講花哨的表現(xiàn)形式以及過于強調(diào)“獨特的設(shè)計風格”而脫離內(nèi)容，或者只求內(nèi)容而缺乏藝術(shù)的表現(xiàn)，網(wǎng)頁設(shè)計都會變的空洞而無力。另一方面，要確保網(wǎng)頁上的每一個元素都有存在的必要性，不要為了炫耀而使用冗余的技術(shù)。那樣得到的效果可能會適得其反。3.色彩和諧，重點突出，強調(diào)整體

網(wǎng)頁設(shè)計時強調(diào)其整體性，可以使瀏覽者更快捷、更準確、更全面地認識它、掌握它，并給人一種內(nèi)部有機聯(lián)系、外部和諧完整的美感。整體性也是體現(xiàn)一個站點獨特風格的重要手段之一。2022/12/245第八章 Internet基礎(chǔ)5 網(wǎng)站的外觀設(shè)計2.形式內(nèi)容和諧統(tǒng)一2022/12/16 網(wǎng)站外觀設(shè)計時要考慮的細節(jié)1.要根據(jù)網(wǎng)站的性質(zhì)，訪問者的類型來決定網(wǎng)頁的外觀；2.要充分利用網(wǎng)頁的上部空間，這是整個網(wǎng)頁中最顯眼最有價值的部位，不要只是幾個文字或一幅圖片。3.考慮好分辨率的問題，通常是800*640，現(xiàn)在也有使用1024*800。但總體原則是充分考慮使用者的顯示水平。4.使用統(tǒng)一風格的字體（通常使用的字體是9磅的宋體）5.不同頁面盡量采用相同或相近的風格，不要每個頁面都采用不同的背景壁紙，采用相同的底色還可以提高速度，增強一致性，方便建立自己的風格。2022/12/246第八章 Internet基礎(chǔ)6 網(wǎng)站外觀設(shè)計時要考慮的細節(jié)1.要根據(jù)網(wǎng)站的性質(zhì)，訪問者的6 網(wǎng)站外觀設(shè)計時要考慮的細節(jié)6.背景或壁紙要跟文字形成反差，但并不是要