《電子商務(wù)》課件-電子商務(wù)網(wǎng)站導(dǎo)航設(shè)計

電子商務(wù)網(wǎng)站導(dǎo)航條設(shè)計

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

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

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

圖像分辨率

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

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

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