項目5網(wǎng)頁制作

1、 網(wǎng)頁又叫主頁，是用一種HTML的標志語言來表示的，它將我們要表示的信息用HTML語言表示出來，這就形成了HTML代碼，瀏覽器的工作主要是將這些標記語言“翻譯”過來，并照定義的格式等顯示出來，這就是我們所真正看到的網(wǎng)頁。網(wǎng)頁設(shè)計網(wǎng)頁設(shè)計 網(wǎng)頁設(shè)計的建站包含：企業(yè)網(wǎng)站、集團網(wǎng)站、門戶網(wǎng)站、社區(qū)論壇、電子商務(wù)網(wǎng)站、網(wǎng)站優(yōu)化技術(shù)等網(wǎng)頁設(shè)計網(wǎng)頁設(shè)計 要有網(wǎng)站名稱、廣告條、主菜單、計數(shù)器、和郵件列表等組成。 網(wǎng)頁設(shè)計還要注意網(wǎng)頁的版面和布局、顏色、字體等。 要有主題、指南、雙向交流的欄目。 網(wǎng)站要有根目錄、子目錄、在各種目錄中要有圖象目錄。 使用顏色對不同的頁面元素類型進行標注是十分有效的方法，比如：綠

2、色代表超級鏈接綠色代表超級鏈接橙色代表表單項目橙色代表表單項目紫色代表紫色代表Js Js效果效果網(wǎng)頁設(shè)計顏色網(wǎng)頁設(shè)計顏色網(wǎng)頁的色彩網(wǎng)頁的色彩（一）網(wǎng)頁配色基本概念u白紙黑字是永遠的主題，誰都說不出不好來。 u網(wǎng)頁最常用流行色 ：藍色 、綠色 、橙色 、暗紅 u顏色的忌諱：忌臟 、忌純 、忌跳 、忌花 、藍色忌純、綠色忌黃、紅色忌艷。 u幾種固定搭配：藍白橙、綠白藍、橙白紅、暗紅黑 黑白是最基本和最簡單的搭配，白字黑底，黑底白字都非常清晰明了?；疑侨f能色，可以和任何彩色搭配，也可以幫助兩種對立的色彩和諧過渡。如果你實在找不出合適的色彩，那么用灰色試試，效果絕對不會太差。u色環(huán)：我們將色彩按紅-

3、黃-綠-藍-紅依次過度漸變，就可以得到一個色彩環(huán) 紅色紅色-是一種激奮的色彩。刺激效果，能使人產(chǎn)生沖動，憤怒，是一種激奮的色彩。刺激效果，能使人產(chǎn)生沖動，憤怒，熱情，活力的感覺。熱情，活力的感覺。 綠色綠色-介于冷暖兩中色彩的中間，顯得和睦，寧靜，健康，安介于冷暖兩中色彩的中間，顯得和睦，寧靜，健康，安全的感覺。它和金黃，淡白搭配，可以產(chǎn)生優(yōu)雅，舒適的氣全的感覺。它和金黃，淡白搭配，可以產(chǎn)生優(yōu)雅，舒適的氣氛。氛。 橙色橙色-也是一種激奮的色彩，具有輕快，歡欣，熱烈，溫馨，也是一種激奮的色彩，具有輕快，歡欣，熱烈，溫馨，時尚的效果。時尚的效果。 黃色黃色-具有快樂，希望，智慧和輕快的個性，它的明

4、度最高。具有快樂，希望，智慧和輕快的個性，它的明度最高。 藍色藍色-是最具涼爽，清新，專業(yè)的色彩。它和白色混合，能體是最具涼爽，清新，專業(yè)的色彩。它和白色混合，能體現(xiàn)柔順，淡雅，浪漫的氣氛現(xiàn)柔順，淡雅，浪漫的氣氛( (象天空的色彩象天空的色彩:) :) 黑色黑色-具有深沉，神秘，寂靜，悲哀，壓抑的感受。具有深沉，神秘，寂靜，悲哀，壓抑的感受。 灰色灰色-具有中庸，平凡，溫和，謙讓，中立和高雅的感覺。具有中庸，平凡，溫和，謙讓，中立和高雅的感覺。網(wǎng)頁色彩搭配的原理 色彩的鮮明性：網(wǎng)頁的色彩要鮮艷，容易引人注目 色彩的獨特性。要有與眾不同的色彩，使得大家的印象強烈 色彩的合適性。就是說色彩和你表達

5、的內(nèi)容氣氛相適合。如用粉色體現(xiàn)女性站點的柔性。 色彩的聯(lián)想性。不同色彩會色彩的聯(lián)想性。不同色彩會產(chǎn)生不同的聯(lián)想，藍色想到產(chǎn)生不同的聯(lián)想，藍色想到天空，黑色想到黑夜，紅色天空，黑色想到黑夜，紅色想到喜事等，選擇色彩要和想到喜事等，選擇色彩要和你網(wǎng)頁的內(nèi)涵相關(guān)聯(lián)你網(wǎng)頁的內(nèi)涵相關(guān)聯(lián)網(wǎng)頁布局基本元素網(wǎng)頁布局基本元素網(wǎng)頁由文本、圖像、動畫、超級鏈 接等基本元素構(gòu)成 一般情況下，網(wǎng)頁中最多的內(nèi)容是文本，可以根據(jù)需要對其字體、大小、顏色、底紋、邊框等屬性進行設(shè)置。建議用于網(wǎng)頁正文的文字一般不要太大，也不要使用過多的字體，中文文字一般可使用宋體，大小一般使用9磅或12像素左右即可。 豐富多彩的圖像是美化網(wǎng)頁必

6、不可少的元素，用于網(wǎng)頁上的圖像一般為JPG格式和GIF格式。網(wǎng)頁中的圖像主要用于點綴標題的小圖片，介紹性的圖片，代表企業(yè)形象或欄目內(nèi)容的標志性圖片，用于宣傳廣告等多種形式。 超級鏈接是Web網(wǎng)頁的主要特色，是指從一個網(wǎng)頁指向另一個目的端的鏈接。這個“目的端”通常是另一個網(wǎng)頁，也可以是下列情況之一：相同網(wǎng)頁上的不同位置、一個下載的文件、一副圖片、一個E-mail地址等。超級鏈接可以是文本、按鈕或圖片，鼠標指針指向超級鏈接位置時，會變成小手形狀。 導(dǎo)航欄是一組超級鏈接，用來方便地瀏覽站點。導(dǎo)航欄一般由多個按鈕或者多個文本超級鏈接組成。 動畫是網(wǎng)頁中最活躍的元素，創(chuàng)意出眾、制作精致的動畫是吸引瀏覽者

7、眼球的最有效方法之一。但是如果網(wǎng)頁動畫太多，也會物極必反，使人眼花繚亂，進而產(chǎn)生視覺疲勞 表格是HTML語言中的一種元素，主要用于網(wǎng)頁內(nèi)容的布局，組織整個網(wǎng)頁的外觀，通過表格可以精確地控制各網(wǎng)頁元素在網(wǎng)頁中的位置。 框架是網(wǎng)頁的一種組織形式，將相互關(guān)聯(lián)的多個網(wǎng)頁的內(nèi)容組織在一個瀏覽器窗口中顯示。例如在一個框架內(nèi)放置導(dǎo)航欄，另一個框架中的內(nèi)容可以隨單擊導(dǎo)航欄中的鏈接而改變。 表單是用來收集訪問者信息或?qū)崿F(xiàn)一些交互作用的網(wǎng)頁，瀏覽者填寫表單的方式是輸入文本、選中單選按鈕或復(fù)選框、從下拉菜單中選擇選項等。 網(wǎng)頁中除了上述這些最基本的構(gòu)成元素外，還包括橫幅廣告、字幕、懸停按鈕、日戳、計算器、音頻、視頻

8、、Java Applet 等元素。網(wǎng)頁設(shè)計布局 最上面是網(wǎng)站的標題以及橫幅廣告條，接下來就是網(wǎng)站的主要內(nèi)容，左右分列一些兩小條內(nèi)容，中間是主要部分，與左右一起羅列到底，最下面是網(wǎng)站的一些基本信息、聯(lián)系方式、版權(quán)聲明等。 與與國字型國字型類似、上類似、上面是標題及廣告橫幅，面是標題及廣告橫幅，接下來的左側(cè)是一窄接下來的左側(cè)是一窄列鏈接等，右列是很列鏈接等，右列是很寬的正文，下面也是寬的正文，下面也是一些網(wǎng)站的輔助信息。一些網(wǎng)站的輔助信息。在這種類型中，一種在這種類型中，一種很常見的類型是最上很常見的類型是最上面是標題及廣告，左面是標題及廣告，左側(cè)是導(dǎo)航鏈接側(cè)是導(dǎo)航鏈接 這種類型即最上面是標題或類

9、似的一些東西，下面是正文，比如一些文章頁面或注冊頁面等就是這種類。 這種類型基本上是出現(xiàn)在一些網(wǎng)站的首頁，大部分為一些精美的平面設(shè)計結(jié)合一些小的動畫，放上幾個簡單的鏈接或者僅是一個“進入”的鏈接甚至直接在首頁的圖片上做鏈接而沒有任何提示。這種類型大部分出現(xiàn)在企業(yè)網(wǎng)站和個人主頁，如果說處理的好，會給人帶來賞心悅目的感覺。 所謂“T”結(jié)構(gòu)布局，就是指網(wǎng)頁上邊和左邊相結(jié)合，頁面頂部為橫條網(wǎng)站標志和廣告條，左下方為主菜單，右面顯示內(nèi)容，這是網(wǎng)頁設(shè)計中用得最廣泛的一種布局方式。在實際設(shè)計中還可以改變“T”結(jié)構(gòu)布局的形式。 這是一個形象的說法，指頁面上下各有一個廣告條，左邊是主菜單，右邊是友情鏈接等，中間

10、是主要內(nèi)容。 采取左右或上下對稱的布局，一半深色、一半淺色，一般用于設(shè)計型站點 多用于國外站點，特點頁面上橫向兩條色塊，將頁面整體分割成四部分，色塊中大多放廣告條。 POP源自廣告術(shù)語，指頁面布局像一張宣傳海報，以一張精美圖片作為頁面的設(shè)計中心。常用于時尚類網(wǎng)站，優(yōu)點是漂亮吸引人，缺點是速度慢網(wǎng)頁版式的基本類型網(wǎng)頁版式的基本類型 網(wǎng)頁版式的骨骼型是一種規(guī)范的、理性的分割方法，類似于報刊的版式。常見的骨骼有豎向通欄、雙欄、三欄、四欄和橫向的通欄、雙欄、三欄和四欄等。一般以豎向分欄為多。這種版式給人以和諧、理性的美。幾種分欄方式結(jié)合使用，既理性、條理，又活潑而富有彈性。 頁面以圖像充滿整版。主要以

11、圖像為訴求點，也可將部分文字壓置于圖像之上。視覺傳達效果直觀而強烈。滿版型給人以舒展、大方的感覺。隨著寬帶的普及，這種版式在網(wǎng)頁設(shè)計中的運用越來越多。 把整個頁面分成上下或左右兩部分，分別安排圖片和文案。兩個部分形成對比：有圖片的部分感性而具活力，文案部分則理性而平靜?？梢哉{(diào)整圖片和文案所占的面積，來調(diào)節(jié)對比的強弱。 沿瀏覽器窗口的中軸將圖片或文字作水平或垂直方向的排列。水平排列的頁面給人穩(wěn)定、平靜、含蓄的感覺。垂直排列的頁面給人以舒暢的感覺。 圖片、文字在頁面上作曲線的分割或編排構(gòu)成，產(chǎn)生韻律與節(jié)奏。 頁面主題形象或多幅圖片、文字作傾斜編排，形成不穩(wěn)定感或強烈的動感，引人注目。 焦點型的網(wǎng)頁

12、版式通過對視線的誘導(dǎo)，使頁面具有強烈的視覺效果。 自由型的頁面具有活潑、輕快的風格。 網(wǎng)頁各視覺元素呈三角形排列。正三角形（金字塔型）最具穩(wěn)定性，倒三角形則產(chǎn)生動感。側(cè)三角形構(gòu)成一種均衡版式，既安定又有動感。 對稱的頁面給人穩(wěn)定、嚴謹、莊重、理性的感受。 對稱分為絕對對稱和相對對稱。一般采用相對對稱的手法，以避免呆板。左右對稱的頁面版式比較常見。1.文件新建：400*200px、分辨率：72、RGB模式、2.選用文字工具，并設(shè)置文字的顏色為“C:100， M:98，Y:44，K:0”；其中字母的大小為“60 點”，文字的大小為“48 點”、字體為“Rockwell Extra Bold”。3.

13、 選中文檔中的文字，單擊鼠標右鍵，從彈出的快捷菜單中選擇【仿斜體】命令，將文字設(shè)置 為斜體效果。4. 打開隨書光盤中的“素材ch26汽車筆觸.psd”圖片。5. 使用【移動工具】 將“筆觸”文件中的圖像拖曳到“公司 Logo”文件中，然后按【Ctrl+T】 組合鍵，調(diào)整筆觸的位置、大小和圖層的順序。6. 在工具箱上選擇【自定形狀工具】 ，然后在首選項單擊【點擊可打開“自定形狀”拾色器】 按鈕，打開系統(tǒng)預(yù)設(shè)的形狀列表框，從中選擇需要的形狀樣式。7. 在【圖層】調(diào)板中單擊【新建圖層】按鈕，新建一個圖層，然后在該圖層中繪制形狀。8.在【圖層】調(diào)板中選中【形狀 1】圖層，單擊鼠標右鍵，從彈出的快捷菜單

14、中選擇【柵格化 圖層】命令，即可將該形狀轉(zhuǎn)化換為圖層。 9.在【圖層】調(diào)板中選中文字圖層，按【Ctrl】鍵，單擊【形狀 1】和【圖層 1】圖層，選中這 3 個圖層，然后單擊鼠標右鍵，從彈出的快捷菜單中選擇【合并圖層】命令，將這 3 個圖層 合并成一個。 10.雙擊【背景】圖層后面的鎖圖標，彈出【新建圖層】對話框，單擊【確定】按鈕，將【背景】 圖層轉(zhuǎn)換成普通圖層。然后使用【魔棒工具】 選擇白色背景，按【Delete】鍵刪除背景。新建圖層5繪制豎線，新建圖層6，繪制橫線。選擇直線工具（填充像素、大小：3）繪制相應(yīng)直線。1.Ctrl+N新建文件：22.58*2.26厘米、分辨率：72像素/英寸、名稱

15、：網(wǎng)頁導(dǎo)航欄2.在工具箱中單擊【漸變工具】，然后在首選項欄中 單擊【漸變編輯器】按鈕，打開【漸變編輯器】對話框，從中設(shè)置漸變的顏色。3. 選擇【網(wǎng)頁導(dǎo)航欄】文件的上邊緣，按下鼠標左鍵不放，向下拖動漸變填充文件。4. 選擇工具箱中的【橫排文字工具】 ，在其中輸入文字，并設(shè)置文字的顏色為“C:76，M:29， Y:0，K:0”，字體大小為“18 點”，字體為“楷體_GB2312”。5. 雙擊【網(wǎng)站首頁】圖層，打開【圖層樣式】對話框，選擇【投影】選項，從中設(shè)置相關(guān)的參 數(shù)。6. 單擊【確定】按鈕，即可為文字添加投影效果。7. 按照上述方式，輸入網(wǎng)頁導(dǎo)航欄中的其他文字信息，并同樣設(shè)置投影效果，不同的是

16、將其他 的文字設(shè)置為“黑色” 8. 在工具欄中單擊【自定形狀工具】 ，再在首選項單擊【點擊可打開“自定形狀”拾色器】 按鈕，在彈出的列表框中選擇預(yù)設(shè)的形狀，在網(wǎng)頁導(dǎo)航欄中繪制相關(guān)的形狀，并設(shè)置形狀的 顏色為“C:85，M:50，Y:15，K:0”。9. 使用相同的方法，在導(dǎo)航欄中的其他位置繪制形狀。10. 打開隨書光盤中的“素材ch26汽車水晶按鈕.psd”圖像，使用【移動工具】 將該水晶按 鈕拖曳至導(dǎo)航欄中，并調(diào)整其位置和大小，以及圖層的順序，效果如圖所示。1.Ctrl+N新建文件：256*221px ，分辯率：“72 像素/ 英寸”，名稱：企業(yè)介紹。2. 選擇工具箱中的【橫排文字工具】 ，

17、在文檔中輸 入“企業(yè)介紹”，并設(shè)置文字的字體為“隸書”，字體大小為“18 點”，顯示方式為“仿斜體”。3. 在【圖層】調(diào)板中雙擊文字所在的圖層，打開【圖層樣式】對話框，選擇【投影】選項，并 設(shè)置相關(guān)的參數(shù)。4單擊【確定】按鈕，為文字添加投影效果。5. 在工具箱中選擇【自定形狀工具】 ，再在首選項單擊【點擊可打開“自定形狀”拾色器】 按鈕，打開系統(tǒng)預(yù)設(shè)的形狀列表框，從中選擇需要的形狀樣式，在文檔中繪制一個形狀。6. 打開隨書光盤中的“素材ch26汽車辦公大樓.jpg”圖像。7. 使用【移動工具】 將辦公大樓拖至“企業(yè)介紹.psd”文件中，按【Ctrl+T】組合鍵，自由 變換“辦公大樓”至合適的大

18、小和位置。8. 選擇工具箱中的【橫排文字工具】 ，在“企業(yè)介紹”文件中輸入有關(guān)該企業(yè)的相關(guān)介紹性 信息。9. 再次使用【橫排文字工具】，在文件中輸入“Read more”，并繪制“”圖標。10. 參照上述制作“企業(yè)介紹”文檔的方式，制作“精品展示.psd”、“購車常識.psd”、“汽車維護.psd” 等文檔。1.Ctrl+N新建文件：1024*56px、名稱：狀態(tài)欄、分辨率：“72 像素/ 英寸”。2. 單擊【確定】按鈕，即可創(chuàng)建一個空白文檔。3. 選擇工具箱中的【漸變工具】 ，然后在首選項欄中單擊【漸變編輯器】按鈕，打開【漸變編輯器】對話框，設(shè)置漸變的顏色。單擊【狀態(tài)欄】文件的下邊緣，按下鼠

19、標左鍵不放， 向上拖動漸變填充文件。4. 選擇工具箱中的【橫排文字工具】 ，在其中輸入“版權(quán)信息、地址、電話”等相關(guān)文字信 息，并設(shè)置文字的字體為“Adobe 黑體 Std”，字號大小為“14”，斜體顯示。5. 雙擊【圖層】調(diào)板中的文字圖層，打開【圖層樣式】對話框，選擇【投影】和【外發(fā)光】選 項，并分別設(shè)置相關(guān)的參數(shù)。6. 單擊【確定】按鈕，應(yīng)用圖層樣式。至此，企業(yè)網(wǎng)頁的狀態(tài)欄設(shè)置完成。（一）新建文件1.Ctrl+N新建：1024*1000px、分辨率：“72 像素/英寸”、RGB 模式2.單擊【確定】按鈕，創(chuàng)建一個“汽車網(wǎng)頁”空白文檔。（二）設(shè)置輔助線1. 選擇【視圖】【新建參考線】菜單命令

20、，在彈出的【新建參考線】對話框中進行如圖所示 設(shè)置。2. 同理，設(shè)置水平方向 3.5 厘米處的參考線。3. 同理，設(shè)置其他水平方向和垂直方向處的參考線。（三）使用素材1. 選擇工具箱中的【漸變工具】 ，然后在首選項欄中單擊【漸變編輯器】按鈕，打開【漸 變編輯器】對話框，從中設(shè)置漸變的顏色。 2. 單擊“狀態(tài)欄”文件的上邊緣，按下鼠標左鍵不放，向下拖至 3.5 厘米處漸變填充文件。3. 打開隨書光盤中的“素材ch26汽車公司 Logo.psd”、“素材ch26汽車背景.jpg”、“素材ch26 汽車網(wǎng)頁導(dǎo)航欄.jpg”等圖片，然后選擇【移動工具】 ，將素材拖曳到新建文檔中。4. 按【Ctrl+T

21、】組合鍵調(diào)整位置和大小,并調(diào)整圖層的順序。5. 打開隨書光盤中的“素材ch26汽車精品展示.jpg”、“素材ch26汽車企業(yè)介紹.jpg”、“素材 ch26汽車汽車維護.jpg”、“素材ch26汽車購車常識.jpg”等圖片，然后選擇【移動工具】 ， 然后將素材文字拖曳到新建文檔中，并調(diào)整位置和順序。6. 按【Ctrl+T】組合鍵調(diào)整位置和大小,并調(diào)整圖層的順序。7. 在【圖層】調(diào)板中雙擊【精品展示】所在的圖層，打開【圖層樣式】對話框，選擇【描邊】 選項，設(shè)置描邊的樣式、大小等參數(shù)。 8. 單擊【確定】按鈕，即可為【精品展示】圖層添加描邊效果。使用相同的方法，為【企業(yè)介 紹】、【汽車維護】、【購

22、車常識】等圖層添加相同的描邊效果。 9. 打開隨書光盤中的“素材ch26汽車汽車 14.jpg”圖像，選擇【移動工具】 ，將素材拖 曳到“汽車網(wǎng)頁”文檔中，然后按【Ctrl+T】組合鍵，調(diào)整位置、大小和圖層的順序。10. 打開隨書光盤中的“素材ch26汽車狀態(tài)欄.jpg”圖像，選擇【移動工具】 ，將素材拖曳 到“汽車網(wǎng)頁”文檔中，然后按【Ctrl+T】組合鍵調(diào)整位置、大小和圖層的順序。（四）添加橫條素材1. 打開隨書光盤中的“素材ch26汽車橫條.jpg”圖像，選擇【移動工具】 將素材拖曳到“汽 車網(wǎng)頁”文檔中，按住【Ctrl+T】組合鍵調(diào)整位置、大小和圖層的順序。2. 在【圖層】調(diào)板中選中橫

23、條所在的圖層，單擊鼠標左鍵，將其拖曳至【新建圖層】按鈕 之 上，復(fù)制一個橫條圖層。3. 選擇【移動工具】 ，將復(fù)制的橫條移至“狀態(tài)欄”上頂端，按【Ctrl+T】組合鍵調(diào)整位置、 大小和圖層的順序。至此，就完成了“汽車網(wǎng)頁”的設(shè)計。（五）保存汽車網(wǎng)頁1. 選擇【文件】【存儲為 Web 和設(shè)備所用格式】菜單命令。2. 彈出【存儲為 Web 和設(shè)備所用格式】對話框，根據(jù)需要設(shè)置相關(guān)的選項。3. 單擊【存儲】按鈕，彈出【將優(yōu)化結(jié)果存儲為】對話框，設(shè)置文件保存的位置，在【格式】 下拉列表中選擇【HTML 和圖像】選項。4. 單擊【保存】按鈕，即可將“汽車網(wǎng)頁”以 HTML 和圖像的格式保存起來。5. 雙

24、擊其中的“汽車網(wǎng)頁.html”文件，即可在 IE 瀏覽器中打開“汽車網(wǎng)頁”。 在設(shè)計網(wǎng)頁時，應(yīng)根據(jù)網(wǎng)站的類型來決定整體的色調(diào)和畫面布局以及字體的類型。由 于本網(wǎng)頁是一個汽車網(wǎng)頁，因此，將網(wǎng)頁的基本色調(diào)確定為藍色，其中的文字使用較多的 是比較簡單規(guī)整的字體樣式。1.打開“素材ch26房產(chǎn)背景.psd”圖片，然后按【Ctrl+R】組合鍵添加標尺。2. 選擇【視圖】【新建參考線】菜單命令，在打開的【新建參考線】對話框中進行如圖所示 的設(shè)置。3. 同理，設(shè)置水平方向 6.5 厘米處的參考線。4. 按照上述設(shè)置水平和垂直參考線的方法，添加其他的參考線。1. 打開隨書光盤中的“素材ch26房產(chǎn)背景.psd

25、”和“素材ch26房產(chǎn)公司 Logo.psd”兩張圖片。2. 選擇【移動工具】 ，將素材拖曳到“背景”文檔中，然后按【Ctrl+T】組合鍵調(diào)整位置和 大小，并調(diào)整圖層的順序。3. 打開隨書光盤中的“素材ch26房產(chǎn)導(dǎo)航欄背景.psd”和“素材ch26房產(chǎn)廣告背景.psd”和 “素材ch26房產(chǎn)背景 2.psd”等 3 張圖片。4. 選擇【移動工具】 ，將素材拖曳到“背景”文檔中，然后按【Ctrl+T】組合鍵調(diào)整位置和 大小。5. 打開隨書光盤中的“素材ch26房產(chǎn)上色塊.psd”圖片。6. 選擇【移動工具】 ，將素材拖曳到“背景”文檔中，然后按【Ctrl+T】組合鍵調(diào)整位置和 大小，并設(shè)置【上

26、色塊】圖層的【不透明度】為“50%”。7. 打開隨書光盤中的“素材ch26房產(chǎn)下色塊.psd”圖片。8. 選擇【移動工具】，將素材拖曳到“背景”文檔中，然后按【Ctrl+T】組合鍵調(diào)整位置和大小，并設(shè)置【下色塊】圖層的【不透明度】為“37%”。9.打開隨書光盤中的“素材ch26房產(chǎn)公告欄.psd”和“素材ch26房產(chǎn)左下框.psd”兩張圖片。10.選擇【移動工具】 ，將素材拖曳到“背景”文檔中，然后按【Ctrl+T】組合鍵調(diào)整位置和 大小。1. 在工具欄上選擇【橫排文字工具】 ，在“背景.psd”文檔中輸入導(dǎo)航欄信息，字體為“隸 書”，大小為“18 點”，顏色為“C:71，M:67，Y:100

27、，K:42”。2. 在【圖層】調(diào)板中雙擊導(dǎo)航欄文字所在的圖層，打開【圖層樣式】對話框，選擇【投影】選 項并設(shè)置相關(guān)參數(shù)，再選擇【內(nèi)發(fā)光】選項并設(shè)置相關(guān)參數(shù)。3. 單擊【確定】按鈕，應(yīng)用圖層樣式效果。1. 在工具欄上選擇【橫排文字工具】 ，在“背景.psd”文檔中輸入“匯成公告”，字體為“華 文行楷”，大小為“18 點”，顏色為“C:71，M:67，Y:100，K:42”。按照相同的方式，輸入“更 多”，并設(shè)置文字的大小、字體和顏色。2. 打開隨書光盤中的“素材ch26房產(chǎn)公司公告.psd”圖片，然后按【Ctrl+T】組合鍵調(diào)整位置 和大小。3. 在工具箱中選擇【自定形狀工具】 ，再在首選項單擊

28、【點擊可打開“自定形狀”拾色器】 按鈕，打開系統(tǒng)預(yù)設(shè)的形狀列表框，從中選擇需要的形狀樣式，在文檔中繪制一個形狀。4. 在工具欄上選擇【橫排文字工具】 按鈕，在“背景.psd”文檔中輸入“新聞快訊”，字體為 “宋體”，大小為“14 點”，顏色為“C:92，M:88，Y:88，K:79”。5. 在【圖層】調(diào)板中選擇“更多”文字所在的圖層，按鼠標左鍵不放將該圖層拖曳至【新建圖層】按鈕上，復(fù)制圖層“更多副本”，然后使用【移動工具】移動該圖層至合適的 位置。6. 打開隨書光盤中的“素材ch26房產(chǎn)圖 03.psd”圖片，按【Ctrl+T】組合鍵調(diào)整位置和大小。7. 在工具箱中選擇【直線工具】 ，在文檔中

29、繪制一個直線，然后復(fù)制 4 條直線，并調(diào)整它們 的位置。8. 在工具欄中選擇【橫排文字工具】 ，在“背景.psd”文檔中輸入新聞快訊的相關(guān)文字，字 體為“宋體”，大小為“10 點”，顏色為“C:92，M:88，Y:88，K:79”。9. 打開隨書光盤中的“素材ch26房產(chǎn)圖 02.psd”圖片，按【Ctrl+T】組合鍵調(diào)整位置和大小。 按照上述的方法，制作樓盤介紹的相關(guān)內(nèi)容。1. 復(fù)制【形狀 1】和【新聞快訊】兩個圖層，調(diào)整其位置，然后修改“新聞快訊”為“樓盤搶 先看”。2. 打開隨書光盤中的“素材ch26房產(chǎn)圖 01.psd”圖片，按【Ctrl+T】組合鍵調(diào)整位置和大小。1. 復(fù)制【形狀 1

30、】和【新聞快訊】兩個圖層，調(diào)整其位置，修改“新聞快訊”為“樓盤展示-匯成 1 期”。按照相同的方式，制作“樓盤展示-匯成 2 期”、“樓盤展示-匯成 3 期”和“樓盤 展示-匯成 4 期”。2. 打開隨書光盤中的“素材ch26房產(chǎn)匯成 1 期.jpg”、“素材ch26房產(chǎn)匯成 2 期.jpg”、“素材ch26房產(chǎn)匯成 3 期.jpg”、“素材ch26房產(chǎn)匯成 4 期.jpg”等 4 張圖片，然后按【Ctrl+T】組 合鍵調(diào)整位置和大小。3. 在工具欄中單擊【橫排文字工具】 ，在“背景.psd”文檔中輸入樓盤展示的相關(guān)文字，字 體為“宋體”，大小為“10 點”，顏色為“C:92，M:88，Y:8

31、8，K:79”。1. 在工具欄中選擇【橫排文字工具】 ，在“背景.psd”文檔中輸入“擁有匯成，投資生活美 好前程！”文字，字體為“華文行楷”，大小為“18 點”，顏色為“C:72、M:0，Y:100，K:0”， 顯示效果為“仿斜體”。2. 選中“擁有匯成，投資生活美好前程！”文字信息，單擊屬性欄中的【變形文字】按鈕 ， 打開【變形文字】對話框，在【樣式】下拉列表中選擇【旗幟】選項，參數(shù)設(shè)置如圖所示， 設(shè)置完畢。單擊【確定】按鈕，即可將文字變形。3. 雙擊“擁有匯成，投資生活美好前程！”文字所在的圖層，打開【圖層樣式】對話框，選擇 【投影】選項，設(shè)置投影的相關(guān)參數(shù)如圖所示，然后單擊【確定】按鈕，即可應(yīng)用圖層樣式。4. 在工具欄中選中【橫排文字工具】 ，在“背景.psd”文檔中輸入“匯成.上東”文字，字體 為“華文琥珀”，大小為“32.25 點”，顏色為“C:91，M:86，Y:87，K:77”。5. 雙擊“匯成.上東”文字所的在圖層，打開【圖層樣式】對