網(wǎng)頁設(shè)計01概念序言.ppt

面對ing的設(shè)計,網(wǎng)絡(luò)廣告與網(wǎng)站設(shè)計,主講人：王爽,面對ing的設(shè)計網(wǎng)絡(luò)廣告與網(wǎng)站設(shè)計,變化中的一些不變,面對ing的設(shè)計網(wǎng)絡(luò)廣告與網(wǎng)站設(shè)計,網(wǎng)頁概念：,一種多媒體文檔，可以包含文字、圖片、動畫、視頻。通過一種叫做瀏覽器的軟件觀看。網(wǎng)頁被制作完成之后存放在一種叫服務(wù)器的高性能電腦上，瀏覽網(wǎng)頁的過程就是將網(wǎng)頁從服務(wù)器上復(fù)制到用戶的電腦上。,面對ing的設(shè)計網(wǎng)絡(luò)廣告與網(wǎng)站設(shè)計,面對ing的設(shè)計網(wǎng)絡(luò)廣告與網(wǎng)站設(shè)計,ing網(wǎng)頁概念：,能夠瀏覽網(wǎng)頁的不只是計算機，隨著無線網(wǎng)的誕生，網(wǎng)頁能夠被手機上安裝的網(wǎng)頁瀏覽器上進行瀏覽。而網(wǎng)頁可以使用每臺電腦上自帶的免費軟件，如微軟的記事本等直接生成，而瀏覽器也已經(jīng)實現(xiàn)在每臺電腦都能夠免費安裝，所有具有3G功能的手機也都全部安裝有瀏覽器，網(wǎng)頁有望成為文檔的唯一格式。,面對ing的設(shè)計網(wǎng)絡(luò)廣告與網(wǎng)站設(shè)計,面對ing的設(shè)計網(wǎng)絡(luò)廣告與網(wǎng)站設(shè)計,網(wǎng)站：,一種特殊的文件夾，這個文件夾里包含有一個網(wǎng)址包含的所有網(wǎng)頁文件以及在網(wǎng)頁中顯示的圖片、動畫、視頻文件。 由于文字占用硬盤空間非常小，在多數(shù)情況下是包含在網(wǎng)頁之內(nèi)，但也有一部分網(wǎng)站的文本是以純文本的形式存在。 也要一些網(wǎng)頁使用的內(nèi)容是通過技術(shù)手段顯示其它網(wǎng)站的內(nèi)容，需要標(biāo)注引用，否則稱為盜鏈。,面對ing的設(shè)計網(wǎng)絡(luò)廣告與網(wǎng)站設(shè)計,網(wǎng)址：,網(wǎng)站文件夾的名字，每個文件夾在世界范圍內(nèi)只有唯一的一組數(shù)字名稱，通常由.間隔的四組數(shù)字構(gòu)成，例如：202.101.225.779 由于數(shù)字組合非常難以記憶，因此由每個網(wǎng)站的法人代表申請，國際組織給每個數(shù)字網(wǎng)址命名一個或幾個便于記憶且與網(wǎng)站內(nèi)容相關(guān)的名字，這個名字叫做網(wǎng)址。我們在瀏覽器上方地址欄輸入網(wǎng)址，由網(wǎng)址服務(wù)器自動將這個名字指向?qū)?yīng)的數(shù)字名稱文件夾。,面對ing的設(shè)計網(wǎng)絡(luò)廣告與網(wǎng)站設(shè)計,面對ing的設(shè)計網(wǎng)絡(luò)廣告與網(wǎng)站設(shè)計,網(wǎng)站設(shè)計,面對ing的設(shè)計網(wǎng)絡(luò)廣告與網(wǎng)站設(shè)計,網(wǎng)站設(shè)計：,由于網(wǎng)頁出現(xiàn)早期，網(wǎng)絡(luò)傳輸速度極低，因此每個網(wǎng)頁的內(nèi)容非常少，而一個網(wǎng)頁又不能承載全部內(nèi)容，因此每頁網(wǎng)頁上有一個和其它頁面的連接，用鼠標(biāo)點擊這個連接就會顯示鏈接的頁面。如果不點擊鏈接就不會使用這個傳輸量，因為早期網(wǎng)絡(luò)是按信息傳輸量計費，因此如果讀者可以選擇看一個網(wǎng)站中的若干頁面而不是全部。 今天雖然已經(jīng)不需要這樣了，但這種內(nèi)容加鏈接的設(shè)計已經(jīng)成為網(wǎng)站約定俗成的設(shè)計模式。,面對ing的設(shè)計網(wǎng)絡(luò)廣告與網(wǎng)站設(shè)計,網(wǎng)站設(shè)計：,下面找了十個鞋類的網(wǎng)站，大家可以看出，這十個網(wǎng)站分別屬于十個不同的廠家，但是頁面的內(nèi)容安排卻是非常相似的。 因此網(wǎng)站設(shè)計可以說是給昆蟲設(shè)計外觀，盡管昆蟲千變?nèi)f化，但是三節(jié)身子六條腿的基本特征不變，這種生物就還是昆蟲。網(wǎng)站設(shè)計也一樣，也是由每一頁的內(nèi)容和按照不同內(nèi)容組織鏈接構(gòu)成。,面對ing的設(shè)計網(wǎng)絡(luò)廣告與網(wǎng)站設(shè)計,面對ing的設(shè)計網(wǎng)絡(luò)廣告與網(wǎng)站設(shè)計,面對ing的設(shè)計網(wǎng)絡(luò)廣告與網(wǎng)站設(shè)計,面對ing的設(shè)計網(wǎng)絡(luò)廣告與網(wǎng)站設(shè)計,面對ing的設(shè)計網(wǎng)絡(luò)廣告與網(wǎng)站設(shè)計,面對ing的設(shè)計網(wǎng)絡(luò)廣告與網(wǎng)站設(shè)計,面對ing的設(shè)計網(wǎng)絡(luò)廣告與網(wǎng)站設(shè)計,面對ing的設(shè)計網(wǎng)絡(luò)廣告與網(wǎng)站設(shè)計,面對ing的設(shè)計網(wǎng)絡(luò)廣告與網(wǎng)站設(shè)計,面對ing的設(shè)計網(wǎng)絡(luò)廣告與網(wǎng)站設(shè)計,面對ing的設(shè)計網(wǎng)絡(luò)廣告與網(wǎng)站設(shè)計,ing網(wǎng)站設(shè)計：,隨著網(wǎng)速的加快，網(wǎng)頁能夠在手機上應(yīng)用，新的網(wǎng)頁設(shè)計理念，長單頁的設(shè)計開始出現(xiàn)，我們使用的人人網(wǎng)，微博等就是沒有鏈接的長單頁網(wǎng)頁設(shè)計。 形成這種風(fēng)格受到兩個因素影響，第一是人人網(wǎng)或微博的內(nèi)容是每個使用者自己組織內(nèi)容，因此內(nèi)容直接沒有邏輯聯(lián)系，無法使用鏈接歸類。第二是手機的屏幕通常都是縱向長方形，因此看長度更長的網(wǎng)頁更加方便。,面對ing的設(shè)計網(wǎng)絡(luò)廣告與網(wǎng)站設(shè)計,ing網(wǎng)站設(shè)計：,同學(xué)們可以直接觀看微博頁面和人人網(wǎng)來體會這種變化。,面對ing的設(shè)計網(wǎng)絡(luò)廣告與網(wǎng)站設(shè)計,如何從事網(wǎng)頁設(shè)計,面對ing的設(shè)計網(wǎng)絡(luò)廣告與網(wǎng)站設(shè)計,如何進行網(wǎng)頁設(shè)計：,1997年之前，網(wǎng)頁設(shè)計只有一個工具。,面對ing的設(shè)計網(wǎng)絡(luò)廣告與網(wǎng)站設(shè)計,面對ing的設(shè)計網(wǎng)絡(luò)廣告與網(wǎng)站設(shè)計,如何進行網(wǎng)頁設(shè)計：,之后在微軟office97套件中出現(xiàn)了一個軟件frontpage97，使用者可以以類似于使用word的方式設(shè)計網(wǎng)頁，只有會使用平面設(shè)計的排版類軟件的設(shè)計師都可以利用這款軟件設(shè)計網(wǎng)頁。 其后一家叫做Macromedia的軟件公司開發(fā)了用于網(wǎng)站設(shè)計的軟件dreamweaver，以及配套的網(wǎng)頁圖像設(shè)計軟件fireworks與網(wǎng)頁動畫軟件flash。合稱為網(wǎng)頁設(shè)計三劍客。 網(wǎng)頁設(shè)計的可見部分幾乎全部由網(wǎng)頁設(shè)計師完成,面對ing的設(shè)計網(wǎng)絡(luò)廣告與網(wǎng)站設(shè)計,面對ing的設(shè)計網(wǎng)絡(luò)廣告與網(wǎng)站設(shè)計,如何進行網(wǎng)頁設(shè)計：,隨著網(wǎng)頁在更多媒介上的播放，網(wǎng)頁設(shè)計在外觀上沒有顯著變化，但構(gòu)成網(wǎng)頁的程序語言卻有了完全的變化。能夠適應(yīng)不同媒體的網(wǎng)頁其后臺語言已經(jīng)到了一般藝術(shù)設(shè)計人員無法掌握的程度。因此在網(wǎng)頁設(shè)計的團隊中出現(xiàn)了一個新職位“前端設(shè)計工程師” 網(wǎng)頁設(shè)計軟件也做了一些相應(yīng)的調(diào)整。但在過程中出網(wǎng)頁設(shè)計行業(yè)出現(xiàn)了非常大的變化。,面對ing的設(shè)計網(wǎng)絡(luò)廣告與網(wǎng)站設(shè)計,如何進行網(wǎng)頁設(shè)計：,首先是Macromedia公司被ADOBE公司收購，旗下的三款軟件目前主要的改進是強化與ADOBE公司其它軟件如PHOTOSHOP的兼容能力，在網(wǎng)頁設(shè)計的方面沒有更多的強化與改進。特別是fireworks作為和photoshop功能類似的軟件，大部分功能已經(jīng)被吸收進photoshop，因此我們主要使用photoshop設(shè)計網(wǎng)頁。,面對ing的設(shè)計網(wǎng)絡(luò)廣告與網(wǎng)站設(shè)計,如何進行網(wǎng)頁設(shè)計：,dreamweaver目前主要的提高點在于和adobe的其它軟件兼容性更好，目前的版本沒有太大提高，而且漢化程度仍然是Macromedia最后的版本8.0的質(zhì)量最高，因此我們這次講課仍然使用Macromedia 的8.0版本。 微軟的frontpage由于生成的代碼只能在ie中使用，今天的手機制造商很多使用的不是IE瀏覽器，因此在今天office集成包中出現(xiàn)了一款叫sharepoint的軟件，比dreamweaver更像程序編寫軟件，有興趣的同學(xué)也可以使用一下。,面對ing的設(shè)計網(wǎng)絡(luò)廣告與網(wǎng)站設(shè)計,Hello,the world,面對i