1.3 網頁設計常用工具和技術

1.3.1 網頁圖像制作軟件Photoshop CS5和Fireworks CS5

Photoshop CS5是一款功能強大、使用范圍廣泛的優秀圖像處理軟件，一直占據著圖像處理軟件的領導地位。Photoshop支持多種圖像格式以及多種色彩模式，還可以任意調整圖像的尺寸、分辨率及畫布的大小，使用Photoshop可以設計出網頁的整體效果圖、網頁Logo、網頁按鈕和網頁宣傳廣告等圖像。如圖1-10所示是Photoshop CS5的工作界面。

Fireworks CS5是一款用來設計網頁圖形的應用程序。它所包含的創新性解決方案解決了圖形設計人員和網站管理人員面臨的主要問題。Fireworks中的工具種類齊全，使用這些工具，可以在單個文件中創建和編輯位圖和矢量圖像、設計網頁效果、修剪和優化圖形以減小其文件大小，以及通過使重復性任務自動運行來節省時間。如圖1-11所示是Fireworks CS5的工作界面。

1.3.2 網頁編輯排版軟件Dreamweaver CS5

常用的網頁編輯排版軟件有Dreamweaver和FrontPage。Dreamweaver是大眾化的專業網頁編輯排版軟件，它的排版能力較強，功能全面，操作靈活，專業性強，因而受到廣大網站專業設計人員的青睞。FrontPage作為Microsoft公司的辦公軟件之一，與Office的其他軟件具有高度的兼容性，且有規范、簡潔的操作界面，但網頁制作方面的功能不如Dreamweaver強大。Dreamweaver CS5的工作界面如圖1-12所示。

1.3.3 網頁動畫制作軟件Flash CS5

Flash是網頁動畫制作軟件之一，它具有小巧、靈活且功能卓越等特點。用Flash制作的動畫文件很小，有利于網上發布，而且它還能制作出有交互功能的矢量動畫。Flash CSS的工作界面如圖1-13所示。

1.3.4 網頁標記語言HTML介紹

HTML的英文全稱是“HyperText Markup Language”，中文譯為“超文本標記語言”。“超文本”就是指頁面內可以包含圖片、鏈接，甚至音樂和程序等非文字的元素。

網頁是由HTML編寫出來的。但HTML不是程序語言，只是標記語言。HTML的格式非常簡單，僅由文字及標記組合而成，因此任何文本編輯器都可以制作HTML頁面，像記事本等，但目前“所見即所得”的編輯器逐漸被網站設計人員接受，如FrontPage、Dreamweaver等。雖然這類編輯器不需要設計人員非常熟悉HTML代碼，但畢竟是以HTML為基礎，有些必要的語法和頁面的優化仍然要用到HTML源代碼。

1.3.5 網頁腳本語言JavaScript

使用HTML只能制作出靜態的網頁，無法獨立地完成與客戶端動態交互的任務。雖然也有其他的語言如CGI、ASP、Java等能制作出交互的網頁，但是因為其編程方法較為復雜，因此Netscape公司開發出了JavaScript語言，它引進了Java語言的概念，是內嵌于HTML中的腳本語言。Java和JavaScript語言雖然在語法上很相似，但它們仍然是兩種不同的語言。JavaScript僅僅是一種嵌入到HTML文件中的描述性語言，并不編譯產生機器代碼，只是由瀏覽器的解釋器將其動態地處理成可執行的代碼。而Java與JavaScript語言也是比較復雜的編譯性語言。

JavaScript是一種內嵌于HTML文件的、基于對象的腳本設計語言。它是一種解釋性的語言，不需要JavaScript程序進行預先編譯而產生可運行的機器代碼。由于JavaScript是由Java集成而來，因此它也是一種面向對象的程序設計語言。它所包含的對象有兩個組成部分，即變量和函數，也稱為屬性和方法。

1.3.6 動態網頁編程語言ASP

ASP是Active Server Page的縮寫。ASP是微軟公司開發的代替CGI腳本程序的一種語言，它可以與數據庫和其他程序進行交互，是一種簡單、方便的編程工具。ASP文件的格式是.asp，可以用來創建和運行動態網頁或Web應用程序。ASP網頁可以包含HTML標記、普通文本、腳本命令及COM組件等。與HTML相比，ASP網頁具有以下特點。

利用ASP實現動態網頁技術。

ASP文件是包含在HTML代碼所組成的文件中的，易于修改和測試。

ASP語言無須進行編譯或鏈接就可以直接執行，使用一些相對簡單的腳本語言，如JavaScript和VBScript的一些基礎知識，結合HTML即可完成網站的制作。

ASP提供了一些內置對象，使用這些對象可以使服務器端腳本功能更強。

ASP可以使用服務器端ActiveX組件來執行各種各樣的任務。

由于服務器是將ASP程序執行的結果以HTML格式傳回客戶端瀏覽器的，因此使用者不會看到ASP所編寫的原始程序代碼，可確保源程序的完全。