網(wǎng)頁設(shè)計與制作

1互聯(lián)網(wǎng)：是由世界上各種各樣的網(wǎng)絡(luò)互聯(lián)所形成的“網(wǎng)絡(luò)的網(wǎng)絡(luò)”，是一個網(wǎng)際網(wǎng)（將世界各地各種規(guī)模的計算機(jī)網(wǎng)絡(luò)連接成一個整體，從而實現(xiàn)了信息交流和共享）2.網(wǎng)絡(luò)協(xié)議：是一系列通信規(guī)則的總稱（主要包括用戶數(shù)據(jù)與控制信息的結(jié)構(gòu)和形式，需要發(fā)出的控制信息以及相應(yīng)要完成的操作與響應(yīng)、對事件實現(xiàn)順序的詳細(xì)說明等三部分內(nèi)容。)3.網(wǎng)絡(luò)類型分為硬件協(xié)議和軟件協(xié)議。4.硬件協(xié)議：定義了硬件設(shè)備如何運作以及如何協(xié)同工作。5.軟件協(xié)議：程序之間的通信是通過軟件協(xié)議完成的。6.TCP/IP：是為連接不同的網(wǎng)絡(luò)而設(shè)計的一個協(xié)議集，主要由TCP和IP兩套協(xié)議組成（IP網(wǎng)際協(xié)議運行在OSI網(wǎng)絡(luò)七層模型中的網(wǎng)絡(luò)層上；TCP傳輸控制協(xié)議工作在OSI模型中的傳輸層上，用于建立和校驗數(shù)據(jù)連接。）。7.域名：一種字符型的地址標(biāo)識；（域的命名方式成為域名系統(tǒng)，域名采用層次型命名機(jī)制，域名系統(tǒng)實現(xiàn)了域名--IP地址的映射，域名系統(tǒng)的實質(zhì)是一個分布式數(shù)據(jù)庫，包括提出數(shù)據(jù)的標(biāo)準(zhǔn)格式、數(shù)據(jù)庫查詢方法以及本地數(shù)據(jù)更新數(shù)據(jù)庫的標(biāo)準(zhǔn)方法）。8.萬維網(wǎng)：“www即worldwideweb”又稱全球信息網(wǎng)，簡稱web，是目前互聯(lián)網(wǎng)上最流行的交互式信息查詢服務(wù)系統(tǒng)。網(wǎng)頁：在互聯(lián)網(wǎng)中，信息的載體是網(wǎng)頁（由標(biāo)記和文本組成，每個網(wǎng)頁都是基于超文本和超媒體，超文本：將一個文檔的鏈接嵌入另一個文檔的形式；超媒體：網(wǎng)頁包含了種種多媒體信息或多媒體鏈接）。web服務(wù)器：也稱為網(wǎng)站或站點，而在一個站點的諸多網(wǎng)頁中，總有一個網(wǎng)頁是被指定為該站點的首頁，這個頁面時整個站點的核心，站點內(nèi)所有內(nèi)容都是由門戶網(wǎng)頁進(jìn)行索引，該頁通常被命名為index.html或default.html。html：網(wǎng)頁的核心，并不是一種程序設(shè)計語言，而是一種“頁面設(shè)計語言”（當(dāng)用戶通過網(wǎng)頁瀏覽器閱讀html文件時，瀏覽器負(fù)責(zé)解釋插入到html文本中的各種標(biāo)記，并以此為依據(jù)顯示文本的內(nèi)容，我們把html語言編寫的文件稱為html文本）。web瀏覽器：指一個運行在用戶計算機(jī)上的程序，它負(fù)責(zé)下載、顯示網(wǎng)頁，因此也稱為www客戶程序（以html文件的方式或是無格式文本來保存web文檔）。最具有代表性的html標(biāo)記編輯器：Hotdog和HomeSite。所見即所得型網(wǎng)頁制作工具：office套件專用工具：frontpage和Dreamweaver。編程性網(wǎng)頁制作工具：CGI（C、C++，）和Java。圖像處理工具可對圖像進(jìn)行編輯、修飾、優(yōu)化、圖形文件格式轉(zhuǎn)換等處理。整體設(shè)計站點包含8部分：初始商討、構(gòu)思、綜合內(nèi)容、頁面布局和導(dǎo)航、圖形制作、內(nèi)容流程、測試、驗收交付。網(wǎng)站風(fēng)格：整個網(wǎng)站所采用的結(jié)構(gòu)布局、色調(diào)、文字、標(biāo)志、圖案等要素帶給瀏覽者的關(guān)于該網(wǎng)站的印象。網(wǎng)站層次：指主頁面和二級頁面、三級頁面之間的結(jié)構(gòu)關(guān)系。網(wǎng)站的目錄：建立網(wǎng)站時創(chuàng)建的目錄。網(wǎng)站的鏈接結(jié)構(gòu)：頁面之間相互連接的拓?fù)浣Y(jié)構(gòu)。想要更好的制作網(wǎng)頁，應(yīng)注意的幾個問題：頁面結(jié)構(gòu)、頁面內(nèi)容、文字、圖形。重心平衡：頁面重心反映的網(wǎng)頁上各種元素分布的協(xié)調(diào)程度。（重心平衡指左右重心的平衡）。彩色的屬性：色相（顏色的基本屬性，反映顏色的原貌）、飽和度（也叫純度，指顏色的純潔度）、明度（也叫亮度，體現(xiàn)顏色的深淺）。頁面構(gòu)圖分為大色塊構(gòu)圖和抽象線條構(gòu)圖（色彩一般使用統(tǒng)一色調(diào)）。Photoshop默認(rèn)的圖像格式是以PSD為后綴（T）。PSD文件可以包括圖層、通道、路徑以及圖片版權(quán)信息，其中圖層是Photoshop最重要的特點之一。顏色的調(diào)節(jié)方法：色彩層次、色彩曲線、色彩平衡、亮度和對比度等。html標(biāo)記有單邊和雙邊兩類。標(biāo)記元素不區(qū)分大小寫。title出現(xiàn)在頭文件中。標(biāo)記<h1>-<h6>中，標(biāo)記號越小，標(biāo)題越大。URL統(tǒng)一資源定位器，是文件名的擴(kuò)展。file：本地文件。ftp：文件傳輸協(xié)議。gopher：gopher協(xié)議。news：該文件為網(wǎng)絡(luò)新聞。動態(tài)網(wǎng)頁技術(shù)：服務(wù)器端的動態(tài)頁面、客戶端的動態(tài)頁面。XML：側(cè)重于組織和查找數(shù)據(jù)。css：側(cè)重于web頁的繼承性和表現(xiàn)。DHTML（優(yōu)點：動態(tài)樣式、動態(tài)內(nèi)容和動態(tài)定位）：側(cè)重于web內(nèi)容的動態(tài)表現(xiàn)。JavaScript：是一種基于對象和事件驅(qū)動并具有安全性能的腳本語言（具有事件與事件處理句柄、變量與常量、表達(dá)式與運算符、函數(shù)、數(shù)組、對象等各種元素，以及條件、循環(huán)、對象等控制語句）。對象：一種組織數(shù)據(jù)的方法，以及與數(shù)據(jù)相關(guān)的操作（Window對象是JavaScript的最頂層對象）。css：也被譯為層疊樣式表。樣式單可分為3種：內(nèi)聯(lián)式樣式單（簡化了html標(biāo)記的屬性，直接通過css控制顯示樣式，使頁面效果更加豐富多彩）、嵌入式樣式單（統(tǒng)一整個頁面的樣式，只需改動某一個樣式定義，整個頁面內(nèi)所有文件的相應(yīng)位置均會改變，有利于統(tǒng)一頁面內(nèi)部的樣式）、外部式樣式單（可以統(tǒng)一整個網(wǎng)站的所有網(wǎng)頁的樣式，只要改動一個外部樣式單文件，站點內(nèi)所有的引用了該樣式單相應(yīng)樣式的頁面便都進(jìn)行了改動，也方便了站點的維護(hù)）。選擇符：超文本標(biāo)記選擇符、類選擇符、ID選擇符。編輯區(qū)為用戶編輯網(wǎng)頁時的工作區(qū)域，也是frontpage整個工作區(qū)中面積最大的的區(qū)域。在線幫助方式：通過屏幕提示獲得幫助；通過frontpage2003幫助文件獲得幫助；通過訪問Internet獲得相關(guān)幫助。三種典型的站點模板：個人站點模板；客戶支持站點模版；項目站點模板。frontpage編輯模式：以站點為單位進(jìn)行編輯和以網(wǎng)頁為單位進(jìn)行編輯。主題：是一套經(jīng)過許多專業(yè)網(wǎng)站設(shè)計人員設(shè)計的圖形、色彩、字體的組合。超級鏈接：指向站點中的網(wǎng)頁或文件的超級鏈接；指向電子郵件的超級鏈接；指向新網(wǎng)頁的超級鏈接；指向一個書簽的超級鏈接；指向全球廣域網(wǎng)上的網(wǎng)頁或文件的超級鏈接。導(dǎo)航欄：是一組超級鏈接，用來快捷地瀏覽整個站點。共享邊框是站點中一個或多個網(wǎng)頁所共有的區(qū)域。表單是瀏覽者通過瀏覽器與網(wǎng)站聯(lián)系的重要手段。Dreamweaver的特點：最佳的制作效率、網(wǎng)站管理、無可比擬的控制能力、所供及所得、全方位呈現(xiàn)。fireworks：是一個創(chuàng)建、編輯、優(yōu)化網(wǎng)頁圖形的多功能應(yīng)用程序，（可以創(chuàng)建和編輯位圖及矢量圖形，設(shè)計網(wǎng)頁效果）。fireworks特點：活效果、自動應(yīng)用紋理和填充效果、完整的文本控制組件、文件導(dǎo)出預(yù)覽、批處理過程、圖像映射、實例及按鈕元件編輯、制取切片、與MacromediaDreamweaver的兼容性。用fireworks制作動畫的方法：合并圖像形成動畫、使用元件生成動畫效果和手工繪制。集合命令可以讓你把多個對象變成一個單一的對象來處理。打散命令：用來將集合、文本塊、實例、位圖和ole對象分成獨立的可編輯的元素。Flash聲音類型：事件聲音（必須完全下載之后才能開始播放）、流聲音（只需下載開始幾幀的數(shù)據(jù)便可以播放）。web服務(wù)器：安裝了服務(wù)器軟件并使用Internet協(xié)議響應(yīng)基于TCP/IP協(xié)議的網(wǎng)絡(luò)上web客戶請求的計算機(jī)（由http加后臺數(shù)據(jù)庫組成）。pws主要組件：個人web服務(wù)器、事務(wù)服務(wù)器、數(shù)據(jù)庫訪問組件、frontpage服務(wù)器擴(kuò)展、消息列隊服務(wù)器。虛擬主機(jī)：使用特殊的軟硬件技術(shù)，把一臺運行在因特網(wǎng)上的服務(wù)器主機(jī)分成多臺“虛擬”的主機(jī)，每一臺虛擬主機(jī)都具有獨立的域名和IP地址，具有完整的Internet服務(wù)器功能，虛擬主機(jī)之間完全獨立，并可由用戶自行管理。XML：是一種基于sgml標(biāo)準(zhǔn)的簡單靈活的標(biāo)記語言（特點：開放性、可擴(kuò)展性、互操作性、嚴(yán)密性）。HTML和XML在格式上的區(qū)別：兩個文件包含了相同的數(shù)據(jù)，其中一個是以XML格式書寫，另一個是以HTML格式書寫其他協(xié)議：HTTP：超文本傳輸協(xié)議，用于www服務(wù)；FIP：文件傳輸協(xié)議，用于實現(xiàn)計算機(jī)之間的文件傳輸；SMTP：郵件傳輸協(xié)議，用電子郵件發(fā)送；POP3：郵件協(xié)議3，一般用于電子郵件接收；TELNET：遠(yuǎn)程登錄協(xié)議，用于遠(yuǎn)程終端登錄主機(jī)。在TCP/IP的地址編排方案中，才用了一種通用地址格式，為互聯(lián)網(wǎng)中每一個網(wǎng)絡(luò)和每一臺主機(jī)都分配一個地址，這個地址是“唯一”的。IP地址是一種層次型地址，在概念上分為三個層次：主機(jī)、由主機(jī)構(gòu)成的網(wǎng)絡(luò)、由網(wǎng)絡(luò)構(gòu)成的互聯(lián)網(wǎng)。web包含三個方面：1、實現(xiàn)資源引用的統(tǒng)一命名機(jī)制，也就是URL（統(tǒng)一資源定位器，是指互聯(lián)網(wǎng)上文件位置的標(biāo)志）2、使用標(biāo)準(zhǔn)的web文件傳輸機(jī)制--HTTP3、文本的邏輯采用標(biāo)記語言HTML描述協(xié)議（HTML是萬維網(wǎng)中超文本文件的基礎(chǔ)）。超媒體的應(yīng)用：1、網(wǎng)頁的圖形本身就是一個鏈接，圖形鏈接使瀏覽器變得更為直觀和有趣。2、web的鏈接可以打開某一程序，而且顯示并播放其中的圖片、音頻或視頻剪輯。web瀏覽器如何對超媒體進(jìn)行處理而能夠自動播放、顯示各種媒體的呢？web瀏覽器向web服務(wù)器索取html文件，然后等待服務(wù)器將文件送回，瀏覽器得到這些文件后，將按一定的格式顯示這些網(wǎng)頁，以供用戶查看，web瀏覽器可以顯示文本、字體、和一些類型的彩色圖形，當(dāng)訪問其他多媒體時，如聲音，web瀏覽器自身并不能夠播放聲音，而必須要打開能顯示或播放這些多媒體信息的程序。評價一個網(wǎng)站網(wǎng)頁設(shè)計的好壞主要包括“創(chuàng)意”和“制作”兩個部分，因此網(wǎng)站設(shè)計的總目標(biāo)是：要有好的創(chuàng)意、豐富的內(nèi)容、新穎的觀點，使讀者不僅能開闊眼界還能得到有價值的信息和有益的經(jīng)驗，同時還要使頁面生動活潑，妙趣橫生，而且使瀏覽者能夠迅速找到希望得到的內(nèi)容。商業(yè)網(wǎng)頁制作的要求：（主要前3個）1、良好的視覺效果2、站點開發(fā)周期應(yīng)盡可能短，網(wǎng)頁發(fā)布信息一定要準(zhǔn)確3、維護(hù)更新要方便4、申請既有意義又容易記得域名，能令人過目不忘5、在固定位置放置公司標(biāo)志或站點標(biāo)志6、在網(wǎng)頁底部使用腳注描述一些相關(guān)信息。初學(xué)網(wǎng)頁制作的時候，從幾方面入手：1、從了解html的基本標(biāo)記開始2、選擇一個自己認(rèn)為頗為順手的工具，從第一個頁面開始3、多多訪問他人的網(wǎng)頁，從中受到啟發(fā)4、深入分析成功的網(wǎng)站和網(wǎng)頁。商業(yè)網(wǎng)站的風(fēng)格：1、主題圖形形象突出、充滿動感，反映了開拓進(jìn)取靈活多變的風(fēng)格2、導(dǎo)航清晰，且欄目圖標(biāo)具有相應(yīng)的內(nèi)容提示3、具有強(qiáng)大的搜索引擎和快速網(wǎng)站導(dǎo)航4、具有藝術(shù)水準(zhǔn)5、更新日期明確，加快閱讀速度。非商業(yè)組織的網(wǎng)站風(fēng)格：1、強(qiáng)調(diào)頁面的主色調(diào)2、主題圖形要求反映單位的風(fēng)采，設(shè)計應(yīng)有創(chuàng)意、有內(nèi)涵、莊重中不乏活潑3、超級鏈接的分類一定要清晰，可采用圖形，必要時可建立站內(nèi)搜索引擎，4、經(jīng)常更新信息查看版板，增加訪問者的訪問興趣。個人網(wǎng)站的風(fēng)格分為3中，主題圖形式、信息發(fā)布式及介于兩者之間的形式，這三種風(fēng)格在布局上各有區(qū)別，其區(qū)別主要反映在主頁上。任何一個網(wǎng)站均可以用三級結(jié)構(gòu)實現(xiàn)：主頁的制作主要是主題圖形的制作以及頁面的構(gòu)圖；二級頁面是每個欄目的起始頁；三級頁面是文章頁，位于最底層。規(guī)劃網(wǎng)站目錄遵循的原則：1、不要將所有的目錄都存放在根目錄下，這樣做會導(dǎo)致文件管理混亂和上傳速度變慢2、按欄目內(nèi)容分別建立子目錄3、在每個主目錄下都建立獨特的images目錄4、目錄的層次不要太深5、切記使用中文目錄不要用過長的目錄和盡量使用意義明確的目錄?！岸秳印钡脑恚核鼈卧炝四切┰陬伾邢薜恼{(diào)色板中不能顯示出來的顏色；在視覺上，臨近像素傾向于混合而產(chǎn)生在圖像中實際不存在的顏色，從而達(dá)到一種補償?shù)哪康??！岸秳印钡膱D像有很多顆粒，使圖像顯得非常粗糙。頁面布局的方法：主要可以通過兩種工具來進(jìn)行創(chuàng)作，一種工具是紙，在一張白紙上進(jìn)行布局構(gòu)思，稱為紙上布局法；第二種工具是計算機(jī)，通過某些軟件來進(jìn)行頁面布局構(gòu)思，稱為軟件布局法。運用色塊制作網(wǎng)頁時需要掌握的要點：1、冷暖色調(diào)在均勻使用時不宜靠近2、純度接近的兩種顏色也不宜放在一起3、整個頁面中最好有一個主色調(diào)。網(wǎng)頁設(shè)計的通用規(guī)則：1、網(wǎng)站的設(shè)計目的決定設(shè)計方案2、瀏覽者的需求應(yīng)被放在第一位3、頁面的有效性4、頁面的布局保持統(tǒng)一性5、使用表格和適當(dāng)?shù)膸Y(jié)構(gòu)來設(shè)計網(wǎng)頁6、謹(jǐn)慎使用圖片7、平面設(shè)計意識8、減少JavaApplet和其他多媒體的使用。DHTML組成部分及功能：1、HTML4.0：包括許多增強(qiáng)特性；2、css：控制xml或html語言編寫的文檔的顯示，可以使頁面布局和格式比html更精確3、DOM：文檔對象模型為html文檔定義了一個與平臺無關(guān)的程序接口。4、腳本語言：W3C已建議頒布其DOM對EC-MAscript的基本綁定。綜上所述，DHTML具有良好的交互性和動態(tài)性，加之已有的多媒體超文本實現(xiàn)能力，使其已經(jīng)得到大力發(fā)展和推廣，在許多方面都得到了使用，因此具有十分良好的應(yīng)用前景。JavaScript和Java的區(qū)別：1、基于對象和面向?qū)ο螅篔ava是一種真正的面對對象的語言，JavaScript是一種腳本語言。2、解釋和編輯：Java的源代碼在傳遞到客戶端執(zhí)行前必須經(jīng)過編譯。3、強(qiáng)變量和若變量。4、代碼格式不一樣5.嵌入方式不一樣。6、靜態(tài)聯(lián)編和動態(tài)聯(lián)編。JavaScript和Java在性能上的差異：1、JavaScript的本質(zhì)是解釋的。2、JavaScript實現(xiàn)了src屬性。3、JavaScript代碼能翻倍的修改。4、JavaScript能有效的與DOM結(jié)合起來控制瀏覽器的行為，能方便的使用插件、瀏覽器事件、窗體等技術(shù)，以實現(xiàn)用戶和網(wǎng)頁的交互。5、JavaScript的源代碼存在安全問題。6、在處理非常復(fù)雜的應(yīng)用時就會被自身機(jī)制的局限性所限制。css作用:1、針對頁面中的對象的風(fēng)格和樣式進(jìn)行定義2、使得HTML各個標(biāo)記的屬性更具有一般性和通用性。frontpage功能：創(chuàng)建和管理web站點；制作網(wǎng)頁；發(fā)布站點；維護(hù)站點；更容易建立專業(yè)的、美觀的網(wǎng)站；能夠自動創(chuàng)建web站點的文本索引；加強(qiáng)數(shù)據(jù)庫的訪問能力。創(chuàng)建站點的工作流程：1、計劃和準(zhǔn)備，包括設(shè)置Dreamweaver站點2、創(chuàng)建網(wǎng)頁，調(diào)整網(wǎng)頁布局，添加內(nèi)容3、根據(jù)需要編輯代碼4、將網(wǎng)頁鏈接在一起5、預(yù)覽和發(fā)布站點6、添加顯示來自數(shù)據(jù)庫的信息的動態(tài)網(wǎng)頁。fireworks的“洋蔥皮”功能：“洋蔥皮”一詞來源于一種傳統(tǒng)的動畫技術(shù)，既使用很薄的、半透明的描圖紙來查看動畫序列，使用“洋蔥皮”可以查看當(dāng)前所選幀之前和之后的幀的內(nèi)容，可以很流暢地使用對象變?yōu)閯赢?，而不用在動畫中來回跳躍。Flash的特點：使用矢量圖形和流式播放技術(shù)；通過使用關(guān)鍵幀和圖符使得所生成的動畫，文件非常小；把音樂、動畫、聲效、交互方式融合在一起；強(qiáng)大的動畫編輯功能使得設(shè)計者可以隨心所欲地設(shè)計出高品質(zhì)的動畫，使Flash具有更大的的設(shè)計自由。Flash工作環(huán)境：舞臺、時間軸窗口、繪圖工具欄、標(biāo)準(zhǔn)工具欄、圖庫窗口、控制器面板。時間軸是Flash中最重要的工具之一，用它可以查看每一幀的情況，調(diào)整動畫播放的速度，安排幀的內(nèi)容，改變幀與幀的關(guān)系，從而實現(xiàn)不同效果的動畫。打散命