《電子商務》課件-電子商務網站導航設計

電子商務網站導航條設計

學習電子商務網站導航條設計，在本節(jié)中，我們要了解一些關于圖形圖像的基本概念，以及在實際工作中的影響。位圖位圖也叫做點陣圖，是由許多不同色彩的像素組成的。與矢量圖形相比，位圖圖像可以更逼真的表現自然界的景物。此外，位圖圖像與分辨率有關，當放大位圖圖像時，位圖中的像素增加，圖像的線條將會顯得參差不齊，這是像素被重新分配到網格中的緣故。此時可以看到當前的圖像由無數個小色塊組成，因此放大位圖或在比圖像本身的分辨率低的輸出設備上顯示位圖時，則將丟失其中的細節(jié)，并會呈現出鋸齒。如圖下圖所示。原始大小放大6倍后的顯示效果

矢量圖矢量圖像是使用數學方式描述的曲線，及由曲線圍成的色塊組成的面向對象的繪圖圖像。矢量圖像中的圖形元素叫做對象，每個對象都是獨立的，具有各自的屬性，如顏色、形狀、輪廓、大小和位置等。由于矢量圖形與分辨率無關，因此無論如何改變圖形的大小，都不會影響圖形的清晰度和平滑度。如圖下圖所示。什么是像素“像素”（Pixel）是由Picture和Element這兩個字母所組成的，是用來計算數碼影像的一種單位，如同攝影的相片一樣，數碼影像也具有連續(xù)性的濃淡階調，我們若把影像放大數倍，會發(fā)現這些連續(xù)色調其實是由許多色彩相近的小方點所組成，這些小方點就是構成影像的最小單位“像素”（Pixel）。什么是分辨率

通常情況下分辨率被分為圖像分辨率、打印機分辨率、顯示器分辨率和用于打印的掃描分辨率。

圖像分辨率

分辨率是指位圖圖像中的細節(jié)精細度，測量的單位是像素/英寸(ppi)。每英寸的像素越多，分辨率越高。一般來說，圖像的分辨率越高，得到的印刷圖像的質量就越好，如下圖所示。分辨率分別為72ppi；套印縮放比率為200%。分辨率分別為300ppi；套印縮放比率為200%。打印機分辨率打印機分辨率的測量單位是油墨點/英寸（也稱作dpi）。一般來說，每英寸的油墨點越多，得到的打印輸出效果就越好。大多數噴墨打印機的分辨率大約在720到2880dpi之間。（從技術上說，噴墨打印機將產生細微的油墨噴射痕跡，而不是像照排機或激光打印機一樣產生實際的點。）。顯示器分辨率顯示器的分辨率是通過像素大小來描述的。例如，如果顯示器的分辨率與照片的像素大小相同，則按照100%的比例查看照片時，該照片將填滿整個屏幕。圖像在屏幕上顯示的大小取決于下列因素的組合：圖像的像素大小、顯示器大小和顯示器的分辨率設置。在Photoshop中，可以更改屏幕上的圖像放大率，從而能夠輕松處理任何像素大小的圖像。用于打印的掃描分辨率可以使用多種技術來決定掃描照片時使用的分辨率。如果正在掃描要打印的照片并且知道準確的大小和打印網頻，則可以使用以下技術來確定掃描分辨率。通常最簡單的方法是，使用掃描儀的最大光學分辨率進行掃描，然后在Photoshop中調整圖像大小。了解PhotoshopCS4工作界面在學習PhotoshopCS4軟件時，首先要了解軟件的工作界面，如圖1-57所示的圖像就是啟動PhotoshopCS4軟件并打開一個素材文件后的工作界面，如下圖所示。菜單欄屬性欄（選項欄）工作窗口工具箱調板組狀態(tài)欄標題欄工具箱PhotoshopCS4的工具箱位于工作界面的左邊，所有工具共有50多個。要使用工具箱中的工具，只要單擊該工具圖標即可在文件中使用。如果該圖標中還有其他工具，單擊鼠標右鍵既可彈出隱藏工具欄，選擇其中的工具單擊即可使用，如下圖所示。屬性欄（選項欄）PhotoshopCS4的屬性欄（選項欄）提供了控制工具屬性的選項，其顯示內容根據所選工具的不同而發(fā)生變化，選擇相應的工具后、PhotoshopCS4的屬性欄（選項欄）將顯示該工具可使用的功能和可進行的編輯操作等，屬性欄一般被固定存放在菜單欄的下方。菜單欄PhotoshopCS4的菜單欄由“文件”、“編輯”、“圖像”、“圖層”、“選擇”、“濾鏡”、“視圖”、“窗口”和“幫助”共9類菜單組成，包含了操作時要使用的所有命令。要使用菜單中的命令，只需將鼠標光標指向菜單中的某項并單擊，此時將顯示相應的下拉菜單。在下拉菜單中上下移動鼠標進行選擇，然后再單擊要使用的菜單選項，即可執(zhí)行此命令，如下圖所示。123狀態(tài)欄

狀態(tài)欄在圖像窗口的底部，用來顯示當前打開文件的一些信息。調板組PhotoshopCS4中的調板組可以將不同類型的調板歸類到相應對的組中并將其?？吭谟疫呎{板組中，在我們處理圖像時需要那個調板只要單擊標簽就可以快速找到相對應的調板從而不必再到菜單中打開。PhotoshopCS4版本在默認狀態(tài)下，只要執(zhí)行“菜單/窗口”命令，可以在下拉菜單中選擇相應的調板，之后該調板就會出現在調板組中，如下圖所示。了解PhotoshopCS4工作界面在學習PhotoshopCS4軟件時，首先要了解軟件的工作界面，如圖所示的圖像就是啟動PhotoshopCS4軟件并打開一個素材文件后的工作界面，如下圖所示。菜單欄屬性欄（選項欄）工作窗口工具箱調板組狀態(tài)欄標題欄工具箱PhotoshopCS4的工具箱位于工作界面的左邊，所有工具共有50多個。要使用工具箱中的工具，只要單擊該工具圖標即可在文件中使用。如果該圖標中還有其他工具，單擊鼠標右鍵既可彈出隱藏工具欄，選擇其中的工具單擊即可使用，如下圖所示。屬性欄（選項欄）PhotoshopCS4的屬性欄（選項欄）提供了控制工具屬性的選項，其顯示內容根據所選工具的不同而發(fā)生變化，選擇相應的工具后、PhotoshopCS4的屬性欄（選項欄）將顯示該工具可使用的功能和可進行的編輯操作等，屬性欄一般被固定存放在菜單欄的下方。菜單欄PhotoshopCS4的菜單欄由“文件”、“編輯”、“圖像”、“圖層”、“選擇”、“濾鏡”、“視圖”、“窗口”和“幫助”共9類菜單組成，包含了操作時要使用的所有命令。要使用菜單中的命令，只需將鼠標光標指向菜單中的某項并單擊，此時將顯示相應的下拉菜單。在下拉菜單中上下移動鼠標進行選擇，然后再單擊要使用的菜單選項，即可執(zhí)行此命令，如下圖所示。123狀態(tài)欄

狀態(tài)欄在圖像窗口的底部，用來顯示當前打開文件的一些信息。調板組PhotoshopCS4中的調板組可以將不同類型