網(wǎng)頁試題及答案和用ps制作網(wǎng)頁

1、（A）是網(wǎng)頁與網(wǎng)頁之間聯(lián)系的紐帶，也是網(wǎng)頁的重要特色。（A）導(dǎo)航條（B）表格（C）框架（D）超鏈接2、繪制網(wǎng)站頁面，可使用的繪圖工具有（D）。（A）Authorware（B）VisualBasic（C）Flash（D）Fireworks3、在編輯完首頁之后，會(huì)保存首頁文件，下列哪個(gè)不是首頁文件常用的文件名（D）。（A）index.asp（B）default.htm（C）index.php（D）index1.htm4、在HTML中，〈pre〉的作用是（B）。（A）標(biāo)題標(biāo)記（B）預(yù)排版標(biāo)記（C）轉(zhuǎn)行標(biāo)記（D）文字效果標(biāo)記5、在HTML中，〈pre〉的作用是（A）。（A）標(biāo)題標(biāo)記（B）預(yù)排版標(biāo)記（C）轉(zhuǎn)行標(biāo)記（D）文字效果標(biāo)記6、制作無序號(hào)列表應(yīng)該使用標(biāo)簽（A）。（A）〈UL〉和〈/UL〉（B）〈OL〉和〈/OL〉（C）〈ML〉和〈/ML〉（D）〈br〉7、在網(wǎng)頁中添加換行符應(yīng)用以下哪個(gè)按鍵？（D）（A）【Enter】（B）【Ctrl】+【Enter】（C）【Alt】+【Enter】（D）【Shift】+【Enter】8、下列各項(xiàng)中不是CSS樣式表優(yōu)點(diǎn)的是（B）。（A）CSS對于設(shè)計(jì)者來說是一種簡單,靈活,易學(xué)的工具,能使任何瀏覽器都聽從指令,知道該如何顯示元素及其內(nèi)容（B）CSS可以用來在瀏覽器的客戶端進(jìn)行程序編制,從而控制瀏覽器等對象操作,創(chuàng)建出豐富的動(dòng)態(tài)效果（C）一個(gè)樣式表可以用于多個(gè)頁面,甚至整個(gè)站點(diǎn),因此具有更好的易用性和擴(kuò)展性（D）使用CSS樣式表定義整個(gè)站點(diǎn),可以大大簡化網(wǎng)站建設(shè),減少設(shè)計(jì)者的工作量9、有關(guān)CSS，下面說法錯(cuò)誤的是（C）。（A）CSS，中文譯為層疊樣式表（B）是一種標(biāo)簽式語言（C）相同的CSS效果，在各種不同的瀏覽器上，顯示效果是一樣的（D）同一個(gè)CSS文件，可以應(yīng)用到整個(gè)網(wǎng)站的所有頁面中10、在DreamWeaver中，可以在“CSS樣式”面板中管理CSS樣式并應(yīng)用到網(wǎng)頁中。對此，下列說法錯(cuò)誤的是（B）。（A）首先選擇要應(yīng)用樣式的內(nèi)容（B）也可以使用標(biāo)簽選擇器來選擇要使用樣式的內(nèi)容（C）選擇要使用樣式的內(nèi)容，在“CSS樣式”面板中單擊要應(yīng)用的樣式名稱，就可以應(yīng)用樣式了（D）應(yīng)用樣式的內(nèi)容可以是文本或者段落等頁面元素11、在DreamWeaver中，可以在“CSS樣式”面板中管理CSS樣式并應(yīng)用到網(wǎng)頁中。對此，下列說法錯(cuò)誤的是（A）。（A）首先選擇要應(yīng)用樣式的內(nèi)容（B）也可以使用標(biāo)簽選擇器來選擇要使用樣式的內(nèi)容（C）選擇要使用樣式的內(nèi)容，在“CSS樣式”面板中單擊要應(yīng)用的樣式名稱，就可以應(yīng)用樣式了（D）應(yīng)用樣式的內(nèi)容可以是文本或者段落等頁面元素12、下述關(guān)于FLASH的說法正確的是（B）。（A）FLASH的文件格式主要有兩種:.SWF和.SRC（B）每一個(gè)FLASH對象都會(huì)有一個(gè).swf文件與與之對應(yīng)（C）只能在預(yù)覽頁面文件時(shí),才能看到FLASH按鍵的播放效果（D）為保證品質(zhì),FLASH對象的大小寬高,在插入后不能被修改13、在Dreamweaver中，保持層處于被選擇狀態(tài)，用鍵盤進(jìn)行微調(diào)，按下ctrl鍵加四個(gè)方向鍵，其表示（B）。（A）可以對層做十個(gè)像素的移動(dòng)（B）可以對層進(jìn)行一個(gè)像素的大小改變（C）可以對層做十個(gè)像素為單位的大小改變（D）對層做一個(gè)像素的移動(dòng)14、下面對切片說法正確的是（B）。（A）切片技術(shù)的應(yīng)用不能改變圖像的下載時(shí)間（B）能對切片對象進(jìn)行自動(dòng)命名（C）在導(dǎo)出的時(shí)候，只能對切片對象生成圖像文件（D）不能在切片對象上添加彈出菜單15、Flash中，與位圖相比，矢量圖形的優(yōu)點(diǎn)是（A）。（A）變形、縮放不影響圖形顯示質(zhì)量（B）豐富多彩（C）圖像所占空間大（D）圖像質(zhì)量好16、以下有關(guān)庫項(xiàng)目，說法錯(cuò)誤的是（A）。（A）庫項(xiàng)目不可在不同網(wǎng)頁中重復(fù)使用（B）庫項(xiàng)目文件的擴(kuò)展名是“.lbi”（C）要打開庫項(xiàng)目，可在“庫”面板中，雙擊打開（D）可將庫項(xiàng)目與源文件分離17、下述關(guān)于庫的說法錯(cuò)誤的是（D）。（A）所謂庫項(xiàng)目實(shí)際上是一些重復(fù)使用的頁面元素（B）每一個(gè)庫項(xiàng)目都會(huì)有一個(gè)擴(kuò)展名為.lbi的文件與之對應(yīng)（C）在庫面板中,可以操作刪除某個(gè)庫項(xiàng)目（D）庫項(xiàng)目與頁面文件分離后,刪除該庫項(xiàng)目,頁面文件也會(huì)隨之刪除該庫項(xiàng)目內(nèi)容18、使用模板有不少優(yōu)點(diǎn)，下列哪一個(gè)不是模板的優(yōu)點(diǎn)（A）。（A）一個(gè)網(wǎng)頁內(nèi)容太多，用模板比較容易設(shè)計(jì)（B）設(shè)計(jì)多個(gè)風(fēng)格相同的網(wǎng)頁，可省去了重復(fù)勞動(dòng)（C）修改共同的頁面元素，不必一個(gè)一個(gè)修改（D）要更換網(wǎng)頁風(fēng)格變得很容易19、要在瀏覽器的不同區(qū)域同時(shí)顯示幾個(gè)網(wǎng)頁，可用下列（B）方法。（A）表格（B）框架（C）表單（D）單元格20、一個(gè)有三個(gè)框架的Web頁，實(shí)際上獨(dú)立的HTML文件的有（C）。（A）2個(gè)（B）3個(gè)（C）4個(gè)（D）5個(gè)21、“frame”在HTML中表示的是“框架”。下面關(guān)于框架的構(gòu)成及設(shè)置的說法錯(cuò)誤的是（A）。（A）框架不能嵌套（B）將一個(gè)頁面插入框架時(shí)，可以將原來的頁面定義成主框架的內(nèi)容（C）框架集網(wǎng)頁用于定義框架的結(jié)構(gòu)（D）可以將框架排列成“目”字形22、在框架中，如果要設(shè)置文檔在mainFrame框架中出現(xiàn)，應(yīng)該在（C）選擇mainFrame。（A）鏈接文件（B）源文件（C）目標(biāo)（D）框架23、制作表格的一行的標(biāo)簽為（A）。（A）〈tr〉和〈/tr〉（B）〈td〉和〈/td〉（C）〈table〉和〈/table〉（D）〈tel〉和〈/tel〉24、在DreamweaverMX中,下面關(guān)于排版表格屬性的說法錯(cuò)誤的是（D）。（A）可以設(shè)置寬度（B）可以設(shè)置高度（C）可以設(shè)置表格的背景顏色：（D）可以設(shè)置單元格之間的距離但是不能設(shè)置單元格內(nèi)部的內(nèi)容和單元格邊框之間的距離25、在DreamWeaver中，選擇菜單欄中的“插入|表格”命令，可以“插入表格”對話框，設(shè)置表格的參數(shù)，但不包括（C）。（A）水平行數(shù)目（B）垂直行數(shù)目（C）每個(gè)單元格的寬度（D）表格的預(yù)設(shè)寬度26、設(shè)置表格居中對齊所應(yīng)使用的屬性是（C）。（A）center（B）right（C）align（D）left27、通常，比較好的建立站點(diǎn)目錄的習(xí)慣是（A）。（A）在根目錄下建立一個(gè)總的IMAGE目錄放置圖象文件（B）直接把圖象文件放置在各欄目的目錄下（C）為各欄目建立一個(gè)單獨(dú)的IMAGE目錄放置圖象文件（D）在每個(gè)目錄下建立一個(gè)IMAGE目錄放置圖象文件28、某單位想做一個(gè)網(wǎng)點(diǎn)來向外宣傳自己的產(chǎn)品，下列那一個(gè)可以是不必要的（D）。（A）應(yīng)做好網(wǎng)站文件結(jié)構(gòu)的合理規(guī)劃（B）在本地設(shè)計(jì)好網(wǎng)頁，再上傳到網(wǎng)站服務(wù)器（C）申請域名。（D）先投入資金，建立機(jī)房，配備服務(wù)器及相關(guān)設(shè)備。29、在Dreamweaver中,下面關(guān)于定義站點(diǎn)的說法不正確的是（D）。（A）通過“站點(diǎn)-〉新建站點(diǎn)”命令可以建立本地站點(diǎn)（B）在“站點(diǎn)定義為”對話框中可以設(shè)置站點(diǎn)名稱（C）在“站點(diǎn)定義為”對話框中可以設(shè)置本地網(wǎng)站的根文件夾（D）在“站點(diǎn)定義為”對話框中不可以設(shè)置默認(rèn)圖像文件夾30、一個(gè)網(wǎng)點(diǎn)的作用是（A）相關(guān)網(wǎng)頁資源。（A）儲(chǔ)存（B）瀏覽（C）鏈接（D）處理31、標(biāo)簽〈A〉可以在頁面中插入一個(gè)超鏈接，使得訪問者可以快速地轉(zhuǎn)到另一個(gè)目標(biāo)上。該標(biāo)簽的屬性內(nèi)容不包括（C）。（A）鏈接指向的對象（B）鏈接的目標(biāo)窗口（C）鏈接文字的顏色（D）B和C32、建立超鏈接要在新窗口顯示需要加入的標(biāo)簽標(biāo)簽屬性為（B）。（A）target（B）border（C）name（D）#33、在網(wǎng)頁中，更改已訪問過的鏈接的顏色的屬性是（B）。（A）alink（B）vlink（C）link（D）text34、下述關(guān)于超鏈接的說法錯(cuò)誤的是（D）。（A）在一幅圖像中，允許存在多個(gè)熱點(diǎn)區(qū)域，（B）允許圖像和圖像中的熱點(diǎn)區(qū)域鏈接向不同的目標(biāo)（C）文字鏈接的顏色在不同的情況下，可能會(huì)發(fā)生變化（D）在路徑的設(shè)置上，“..”代表根目錄35、以下哪個(gè)不是HTML標(biāo)簽屬性align的屬性值（B）。（A）left（B）title（C）right（D）center36、網(wǎng)頁是用（C）編寫，通過WWW傳播，并被WEB瀏覽器翻譯成為可以顯示出來的集文本、超鏈接、圖片、聲音和動(dòng)畫、視頻等信息元素為一體的頁面文件。（A）c語言（B）Basic語言（C）HTML語言（D）c++語言37、下列關(guān)于HTML的說法錯(cuò)誤的是（C）。（A）HTML的全稱是超文本標(biāo)記語言（B）HTML語言是制作網(wǎng)頁的基礎(chǔ)（C）HTML所創(chuàng)建的網(wǎng)頁文檔需要經(jīng)過編譯才能用瀏覽器打開（D）可以使用Windows操作系統(tǒng)下的“記事本”程序來編寫HTML文件38、網(wǎng)頁背景圖片要在哪個(gè)屬性對話框中（B）設(shè)置。（A）圖片屬性對話框（B）網(wǎng)頁屬性對話框（C）表格屬性對話框（D）單元格屬性對話框39、在插入圖片標(biāo)記中，對插入的圖片進(jìn)行文字說明使用的標(biāo)記是（D）。（A）SHIFT（B）CTRL（C）CAPS（D）ALT40、在網(wǎng)頁中插入圖片，必需的一個(gè)屬性為（D）。（A）width（B）height（C）alt（D）src41、下述說法正確的是（ABD）。（A）行為=事件+動(dòng)作（B）OnLoad是指頁面加載事件（C）同一個(gè)頁面元素上,不允許有多個(gè)行為并存（D）鼠標(biāo)晃過某個(gè)頁面元素,相當(dāng)于發(fā)生了兩個(gè)事件OnMouseOver和OnMouseOut42、下面那些標(biāo)簽是可以單獨(dú)使用的。AB（A）〈P〉（B）〈br〉（C）〈body〉（D）〈font〉43、網(wǎng)頁中的超級鏈接可以鏈接到ABCD。（A）鏈接到本網(wǎng)站中的其他網(wǎng)頁。（B）鏈接到本文件中某錨點(diǎn)位置。（C）可以其他站點(diǎn)中的某個(gè)位置。（D）可以鏈接到某網(wǎng)站中的某個(gè)文件對象。44、向服務(wù)器上傳網(wǎng)站內(nèi)容的可行方法有___ABC____。（A）使用Dreamweaver上傳文件。（B）使用IE瀏覽器上傳文件。（C）使用專業(yè)FTP工具上傳文件。（D）使用發(fā)郵件方式向服務(wù)器發(fā)送文件。45、可以用來控制表格的邊框的屬性有______BCD_______（A）bgcolor（B）border（C）cellspacing（D）cellpadding46、下列關(guān)于設(shè)置文本格式說法正確的是:____BC___.（A）CSS是中文網(wǎng)頁專用的文本格式化方式（B）HTML樣式是DreamweaverMX自身攜帶的一個(gè)更為方便的工具，它呆以把多個(gè)HTML屬性組合在一起形成一個(gè)HTML樣式，幫助用戶對文本格式進(jìn)行批量設(shè)置（C）可通過參數(shù)的設(shè)置，達(dá)到設(shè)置文本格式的目的（D）使用[屬性]面板設(shè)置文本格式是設(shè)置文本格式的惟一方法47、網(wǎng)頁中的超級鏈接根據(jù)所鏈接的對象不同包括ABCD（A）空鏈接（B）圖像鏈接（C）熱區(qū)鏈接（D）Flash鏈接48、在Dreamweaver中，下列哪些操作可以通過添加行為創(chuàng)建：___BD____。（A）Flash按鈕。（B）彈出消息。（C）Flash文本。（D）拖動(dòng)層。49、HTML中表示文字粗體的標(biāo)簽對有：____BC___。（A）〈I〉〈/I〉（B）〈B〉〈/B〉（C）〈STRONG〉〈/STRONG〉（D）〈EM〉〈/EM〉50、關(guān)于框架，說法正確的是（C）。（A）框架可以在頁面中自由移動(dòng)（B）框架一旦創(chuàng)建就無法刪除（C）框架的邊框可以設(shè)置為紅色（D）框架只可以作為導(dǎo)航條使用51、“模板”可以創(chuàng)建統(tǒng)一風(fēng)格的網(wǎng)站頁面，它也可直接作為頁面來使用。F52、Dreamweaver屬性面板上的內(nèi)容會(huì)隨著選擇對象的不同而改變。T53、使用“〈linkhref=1.csstype=text/cssrel=stylesheet〉”語句，可以將1.CSS文件鏈接到頁面中。T54、若將模板應(yīng)用到一個(gè)已經(jīng)存在的文檔中，前提條件是文檔中的可編輯區(qū)域必須與模板中的可編輯區(qū)域一一對應(yīng)。T55、每個(gè)框架都有自己獨(dú)立網(wǎng)頁文件。T56、圖像只能作為網(wǎng)頁的內(nèi)容而不可以作為網(wǎng)頁的背景。F57、通常在開發(fā)網(wǎng)站的時(shí)候，并不是把所有的網(wǎng)站文件都保存在一個(gè)站點(diǎn)根目錄下面，而是使用不同的文件夾來存放不同性質(zhì)的文件。T58、每個(gè)網(wǎng)頁可以有多個(gè)導(dǎo)航條。F59、對于表格，在單元格插入圖像和插入背景圖像是一樣的。F60、在網(wǎng)頁中要顯示無序號(hào)列表，需要用標(biāo)簽〈OL〉和〈/OL〉，每個(gè)列表項(xiàng)前使用〈LI〉。F61、CSS（CascadingStyleSheet），中文譯為（___層疊樣式表____），是用于控制網(wǎng)頁樣式并允許將樣式信息與網(wǎng)頁內(nèi)容分離的一種標(biāo)簽性語言。62、如果要通過工具欄面板插入特殊字符，應(yīng)該將插入工具欄切換到（___文本____）選項(xiàng)卡。63、在HTML標(biāo)簽語言中插入圖片的標(biāo)簽為〈img〉〈/img〉,有代碼〈imgsrc=“06.jpg”alt=“一朵花”〉，其中alt屬性的意義是（___文字代替圖片____）。64表格單元格的標(biāo)簽是（____td___）。注：標(biāo)簽符號(hào)“〈〉”不要加上。65、創(chuàng)建好模板后，網(wǎng)站會(huì)自動(dòng)把模板文件保存在（___Templates____）文件夾中。66、“〈tr〉”和“〈/tr〉”標(biāo)簽標(biāo)識(shí)表格的一（____行___）。67、（___圖層____）是頁面元素的一種定位工具，在頁面瀏覽狀態(tài)下也可被鼠標(biāo)任意拖動(dòng)。68、Dreamweaver中的“行為”實(shí)際上是一些JavaScript的程序，它由（___事件____）和動(dòng)作兩部分組成。69、希望在一個(gè)圖片上添加多于1個(gè)鏈接可通過創(chuàng)建（___熱點(diǎn)____）來實(shí)現(xiàn)。70、使用(__TITLE______)標(biāo)簽可使文件標(biāo)題顯示在瀏覽器窗口的左上角。注：標(biāo)簽符號(hào)“〈〉”不要加上。題號(hào)：1答案：A試卷：A題號(hào)：2答案：D試卷：D題號(hào)：3答案：D試卷：C題號(hào)：4答案：B試卷：B題號(hào)：5答案：A試卷：A題號(hào)：6答案：A試卷：A題號(hào)：7答案：D試卷：B題號(hào)：8答案：B試卷：B題號(hào)：9答案：C試卷：C題號(hào)：10答案：B試卷：B題號(hào)：11答案：A試卷：B題號(hào)：12答案：B試卷：B題號(hào)：13答案：B試卷：B題號(hào)：14答案：B試卷：B題號(hào)：15答案：A試卷：A題號(hào)：16答案：A試卷：A題號(hào)：17答案：D試卷：D題號(hào)：18答案：A試卷：D題號(hào)：19答案：B試卷：B題號(hào)：20答案：C試卷：C題號(hào)：21答案：A試卷：A題號(hào)：22答案：C試卷：C題號(hào)：23答案：A試卷：A題號(hào)：24答案：D試卷：D題號(hào)：25答案：C試卷：D題號(hào)：26答案：C試卷：C題號(hào)：27答案：A試卷：A題號(hào)：28答案：D試卷：D題號(hào)：29答案：D試卷：D題號(hào)：30答案：A試卷：A題號(hào)：31答案：C試卷：C題號(hào)：32答案：B試卷：A題號(hào)：33答案：B試卷：B題號(hào)：34答案：D試卷：C題號(hào)：35答案：B試卷：B題號(hào)：36答案：C試卷：C題號(hào)：37答案：C試卷：C題號(hào)：38答案：B試卷：B題號(hào)：39答案：D試卷：B題號(hào)：40答案：D試卷：D題號(hào)：41答案：ABD試卷：ABD題號(hào)：42答案：AB試卷：B題號(hào)：43答案：ABCD試卷：ABD題號(hào)：44答案：ABC試卷：ABC題號(hào)：45答案：BCD試卷：BC題號(hào)：46答案：BC試卷：BC題號(hào)：47答案：ABCD試卷：ABC題號(hào)：48答案：BD試卷：ABD題號(hào)：49答案：BC試卷：BC題號(hào)：50答案：C試卷：AC在本教程中，你將學(xué)會(huì)如何在photoshop中制作一個(gè)漂亮的綠色的干凈的網(wǎng)頁效果圖。你將學(xué)會(huì)一些很時(shí)髦的設(shè)計(jì)技巧，像是如何制作3D絲帶，或者是如何設(shè)置看上去很專業(yè)的漸變色。出自:翻譯:蘇打蘇塔設(shè)計(jì)量販鋪?zhàn)罱K效果圖看一看我們最終的效果圖吧，看上去還不錯(cuò):>在photoshop中新建文檔1在photoshop中新建一個(gè)文檔，尺寸為980px×830px.2如果你在photoshop軟件界面中，沒有看到在畫布的周圍看到標(biāo)尺，點(diǎn)擊試圖>標(biāo)尺(Ctrl+R)可以顯示標(biāo)尺。3在畫布的四個(gè)邊，分別拖拽四條標(biāo)尺線。在這四條線中間，我們將繪制我們的頁面創(chuàng)建頁面背景4選擇圓角矩形工具(U),設(shè)置圓角半徑為10px，設(shè)置顏色為#E0E0AC,在你的整個(gè)畫布中拖拽一個(gè)圓角矩形。設(shè)置這個(gè)圖層名字為“bg“.5好了，現(xiàn)在，我們將擴(kuò)大我們的畫布。首先，縮小我們的畫布視圖(ctrl+-)，然后點(diǎn)擊圖像>畫布尺寸(Alt+Ctrl+C)，然后根據(jù)下面的截圖設(shè)置參數(shù)。6再一次選擇圖像>畫布尺寸(Alt+Ctrl+C)，然后根據(jù)下面的截圖設(shè)置參數(shù)。7在圖層面板中點(diǎn)擊背景圖層，設(shè)置前景色為#6C821C，用油漆桶(G)填充背景8在背景圖層上面創(chuàng)建一個(gè)新圖層，命名為”gradient“.9在工具欄中選擇漸變工具(G)，從畫布頭部開始向下拖拽出一個(gè)從白色到黑色的漸變。10設(shè)置該圖層渲染模式為顏色加深,然后設(shè)置圖層圖層透明度為10%.11保持該圖層仍為選定狀態(tài)，點(diǎn)擊圖層>圖層蒙版>顯示全部。12在工具欄中選擇漸變工具(G)，從你的畫布底部向上拖拽一個(gè)從黑色到透明的漸變?？梢愿鶕?jù)下面的截圖進(jìn)行拖。13右鍵單擊圖層“gradient”,在彈出的菜單中，設(shè)定轉(zhuǎn)換為智能元件。14點(diǎn)擊濾鏡>雜點(diǎn)>添加雜點(diǎn)。根據(jù)下圖設(shè)置參數(shù)。15新建一個(gè)圖層，用畫筆工具(B)，選擇白色的軟筆刷，直徑為300px,在你的畫布頂端，畫一條白線。16設(shè)置這個(gè)圖層的透明度為50%,并命名該圖層為“highlight“.17在bg圖層上面，新建圖層。點(diǎn)擊鍵盤上的D，設(shè)置成默認(rèn)的前景背景色(前景白色，背景黑色)，然后點(diǎn)擊濾鏡>渲染>云彩。18在圖層面板上，右鍵單擊該圖層，在彈出的菜單中，設(shè)置該圖層為智能元件。命名該圖層為“texture“.19保持圖層”texture”仍未選定狀態(tài)。點(diǎn)擊濾鏡>模糊>動(dòng)感模糊，根據(jù)截圖進(jìn)行參數(shù)設(shè)定20然后點(diǎn)擊濾鏡>銳化>銳化。21給圖層”texture”添加蒙版，點(diǎn)擊圖層>圖層蒙版>顯示全部。22選擇漸變工具(G),從畫布底部到頂端，拖拽一個(gè)黑色到透明的漸變。23設(shè)置圖層渲染模式為疊加，設(shè)置圖層透明度為40%。設(shè)置主要內(nèi)容的背景24雙擊“bg”圖層，打開圖層屬性面板。根據(jù)下圖進(jìn)行外發(fā)光的參數(shù)設(shè)定。25新建圖層，設(shè)置前景色為#2A2009,選擇畫筆工具(B),用一個(gè)比較硬的直徑為25px的畫筆，在你的圓角矩形的下邊緣，畫一個(gè)圓。26在圖層面板中右鍵單擊該圖層，設(shè)置圖層為智能對象。27然后點(diǎn)擊編輯>自由變化(Ctrl+T),根據(jù)下圖進(jìn)行變形。28點(diǎn)擊濾鏡>模糊>高斯模糊，按照下圖進(jìn)行參數(shù)設(shè)定。29設(shè)置該圖層的渲染模式為整片疊底，透明度為30%。最后，給該圖層命名為”shadow“,把這個(gè)圖層放在bg圖層的上面。創(chuàng)建導(dǎo)航條30好了，接下來，我們來做導(dǎo)航條。選擇矩形工具(U)，設(shè)置顏色為#D8D8A5.31在你之前創(chuàng)建的那個(gè)大的圓角矩形中，創(chuàng)建一個(gè)高為60px的矩形，命名該圖層為“navigationbar“.Note:打開信息面板(F8),這樣你就會(huì)看到你所創(chuàng)建的矩形的高度。32雙擊圖層“navigationbar”打開圖層屬性面板，按照下圖設(shè)置參數(shù)33你可能注意到，我們剛剛創(chuàng)建的矩形并沒有圓角。為了糾正這個(gè)小的細(xì)節(jié)，我們應(yīng)用剪輯蒙板(clippingmask)這個(gè)概念。右鍵點(diǎn)擊圖層“navigationbar”layer,選擇創(chuàng)建剪切蒙版。34好了，我們接下來要做的是，創(chuàng)建當(dāng)前頁的按鈕。選擇矩形工具(U),設(shè)置顏色為#A6A43F,創(chuàng)建一個(gè)高為60px的矩形。35設(shè)置透明度為15%，命名該圖層為”currentpagebutton“.36然后向下設(shè)置剪輯蒙板。37選擇剛剛的四個(gè)圖層，點(diǎn)中ctrl然后分別在圖層面板中點(diǎn)擊這四個(gè)圖層，然后點(diǎn)擊Ctrl+G群組。設(shè)置這個(gè)群組名為“bg&navigationbar“.38選擇文字工具(T)，給導(dǎo)航添加一些文字，用顏色#A6A43F.在這次的設(shè)計(jì)中，我用的字體是AvenirLT65Medium。如果你沒有這個(gè)字體，可以用你喜歡的字體代替。給“特色項(xiàng)目”部分，自定義一個(gè)圖案39好了，我們要?jiǎng)?chuàng)建一個(gè)圖案。新建一個(gè)文檔，文件>新建(Ctrl+N),尺寸是5px*5px,透明背景。40設(shè)置前景色為#2A2009,在工具欄中選擇鉛筆工具(B)，在你的畫布中間，畫一個(gè)1px大小的方框。41點(diǎn)擊編輯>定義圖案。命名這個(gè)圖案，然后點(diǎn)擊ok。好了，你可以關(guān)閉這個(gè)文件了。創(chuàng)建“特色項(xiàng)目”區(qū)域42選擇矩形工具(U),創(chuàng)建一個(gè)高為330px的任何顏色的矩形。43在圖層面板上，雙擊該圖層，打開圖層屬性面板。按照下圖進(jìn)行參數(shù)設(shè)定。44命名這個(gè)圖層為“pattern“.45選擇圓角矩形工具(U),設(shè)置圓角半徑8px,顏色#A6A43F,創(chuàng)建一個(gè)寬940px高240px的圓角矩形。46設(shè)置圖層透明度為50%，命名該圖層為“featuredprojectbg“.47選擇矩形工具(U),設(shè)置顏色#A6A43F,創(chuàng)建一個(gè)尺寸為610px*220px的矩形。這個(gè)將會(huì)是“特色項(xiàng)目”的圖片的位置。，命名該圖層為“imagebg.”48導(dǎo)入任何你喜歡的圖片。(我用的是網(wǎng)站Envatowebsite的截圖).49把圖片放在你剛剛創(chuàng)建的矩形的上面，在圖層面板上單擊創(chuàng)建圖層剪切蒙版。命名這個(gè)圖層為“image“.50選擇文字工具(T)，在右邊添加一些文字。按照下圖進(jìn)行書寫。群組這些文字，命名該群組為“text“.創(chuàng)建按鈕call-to-action51好了，我們要在“特色項(xiàng)目”的底部創(chuàng)建兩個(gè)按鈕。選擇圓角矩形工具(U),設(shè)置半徑為8px，顏色為#A6A42F,創(chuàng)建一個(gè)小矩形。命名該圖層為“button1“.52我們希望按鈕的上面不是圓角。按照下面的操作進(jìn)行：確定圖層”button1″的蒙版是選中的。選擇直接選擇工具(A)，在你看到的路徑上單擊。好了，這時(shí)候你將看到在每個(gè)圓角上都有兩個(gè)錨點(diǎn)。選擇轉(zhuǎn)換點(diǎn)工具(默認(rèn)圖標(biāo)是個(gè)小鋼筆頭，在這一組工具中可以找到)，單擊這四個(gè)錨點(diǎn)。再次選擇直接選擇工具(A)，按住shift鍵創(chuàng)建直角邊。53設(shè)置該圖層透明度