文字加圖片簡潔設計

Ⅰ 簡單的圖片上面添加文字怎麼用ps設計類似下面的導航條，請高手指教，多謝

ps是用photoshop軟體製作的簡稱，如果有現成的底圖，用系統自帶的畫圖工具都可以做到，但文字會比較生硬，沒有文字特效而已（漸變填充，陰影等）。

photoshop操作也比較簡單，把需要添加文字的圖用photoshop打開

選這個工具

如果想做文字框內部有填充效果，需要長按那個T字按鈕，用文字虛框按鈕，產生一文字形的選區，對選區進行填充效果就可以了，

操作完成將你附加的圖層和底層融合（ctrl+E）就可以保存（ctrl+S）了

事關photoshop操作，網上教程一抓一大把，樓主輕抬貴手隨便找度娘就可以。

Ⅱ 如何才能讓圖形與文字完美結合到標志設計中

每個人都有自己喜歡使用的字體，但你喜歡的字體並不可能在任何時候都適合使用。只有樣式特點與合適的圖案相結合時，才能發揮出字體的力量感。有時候你無意中看到某種字體便一見鍾情，希望立即就將這種字體用在你自己的設計上。但在你決定使用之前，你是否了解這種字體的線條、形狀及細節是否也適用於其它的設計上呢？我們如何作出決定？有時觀察一種字體就象在觀察一個人的面孔。雖然每個人都有著相同的五官，但我們往往是通過一些細節來辨認某個人的，如眼眉，嘴唇及性格等。同樣的，我們需要讓某種字體與其它元素互補時，才能真正發揮字體的個性及魅力，否則你使用的字體可能會顯得不合事宜，或者僅僅是有趣而已。 University Roman字體： 走在蒙特里著名的罐頭廠街的游覽勝地時，你會看到University Roman字體出現在這家精品店的招牌上。但這種字體給人的感覺與這家商店卻並不搭配，University Roman的字母呈現一種不規則、繁瑣的捲曲線及非常幼細的襯線，倒象是你一身狂歡節的打扮去參加一個政治或科學的課程班。這種字體可不是用在這里，它可是要去參加舞會的！讓我們看看如何才能在恰當的地方使用這種字體。 細節觀察：University Roman字體飄逸的結構使其呈現一種手寫體、充滿聖誕節氣息的特質，這種字體非常適用於在一些奇幻或浪漫的主題中使用。 優點與缺點：University Roman字母的構成顯得非常不規則，而且有很多裝飾細節，這註定了這種字體具有良好的展示性及討人喜歡的面孔，但卻並不適合作為正文閱讀。要確保在使用時字體尺寸夠大。 從上面的比較中我們可以輕易看到，University Roman如果作為正文，將會讓人看得抓狂，正文的字體我們一般要採用具有固定節奏感的而且不過於張揚的中性字體才最合適。University Roman作為非常簡短的標題或提要時則完全可以勝任（如上圖下所示），但如果你的文字超過一句話，你還是少用為妙。 （一個春季大減價的宣傳卡片設計） 上面兩個卡片都設計得非常漂亮。無論是字體的線條、形狀還是顏色都與圖形元素緊密配合，整體上都呈現一種自然和諧的氣息。單獨的文字及單獨的圖形都有各自的力量，但如果兩者搭配，完全可以達到一加一大於二的效果。 尋找文字與圖形的共性： 圓形：對於一些本身就是呈圓弧形的字母我們可以輕易地發現圓形的存在，但也請你留意一些細節，對於一些字母中的留白空間、曲線包圍的區域等同樣也具有圓形的結構特點。 圖片下方的說明文字我們是採用另一種字體（Futura字體）作為正文，這種字體沒有這么花俏，適合於尺寸比較小及文字比較多的時候閱讀。有趣之處在於，雖然這種字體與University Roman相差非常大，但圓弧形的結構仍然是這兩種字體的共同特點。 圖案中那些滴珠狀的元素與S這些字母中裡面的負空間區域是非常相似的。 利用顏色及「邊緣」結合文字與圖形 在這個設計中，文字與圖形粗看是分開擺放的，但其中的文字區域與圖案的邊緣是緊密結合的，然後再用漂亮的漸變色來聯結兩者。 使用顏色結合：紫黃漸變及青綠漸變都顯得清新明亮。從圖案中分別取色然後在包含文字的整個圖形上應用漸變色，使整個版面都透著一種自然的光輝，也將所有的元素都完美地結合在一起。 使邊緣結合：將文字緊靠圖案邊緣使兩者產生渾然一體的感覺。你並不需要使用精細的參考線去做，只需憑你的眼睛的感覺完成即可。這樣的結合還使圖形邊緣處一些過於瑣碎繁雜的細小元素被忽略。在卡片上排版： 版面意味著一種限制及約束！我們通過在對角復制一個小元素來平衡整個結構。 現在我們來看看第二張卡片的設計過程： 對於第二個設計，整個設計充滿一種宮廷、神秘及奇幻的氣息。我們所使用的University Roman字體在這個化妝舞會的邀請卡名設計中同樣發揮出色。 現在我們來看看第二張卡片的設計過程： 對於第二個設計，整個設計充滿一種宮廷、神秘及奇幻的氣息。我們所使用的University Roman字體在這個化妝舞會的邀請卡名設計中同樣發揮出色。 選擇正確的圖片是關鍵的第一步：在一個以化妝舞會為主題的設計中，採用面具來表達是一種很自然的選擇。但問題是：選擇那一個面具？在圖片搜索中我們可以搜索到大量的相關圖片，都各有特點。 我們最終選擇的這張圖片，其細節與我們所使用的University Roman字體具有非常多的相似之處，兩者都呈現一種花紋、華麗及細節豐富的視覺效果。字體採用金色能夠與圖案產生直接的聯系，加強整個構圖的力量感。象上圖左邊第三個面具圖片，色彩華麗，也非常有吸引力，但它必須放置在一個舞台的背景上才能發揮作用。而如果採用過於真實的臉部圖片（上圖左第二張圖片），又會使設計的吸引力被轉移，觀看的人會在想：她是誰？這並不是我們在設計中想要的。 一張充滿魅力的圖片，再加上合適的顏色及字體，直接放在版面上，就已經可以形成一個獨特及強有力的設計。 在面具上取一明一暗的兩種金色作為漸變色應用於文字。整體呈現的質感及光亮照射感完美地與圖片在視覺上取得一致。 在現實生活中，有些設計師會只憑個人喜好來使用版式、顏色、字體，而忽略對實際情況的深入考慮。希望本文能夠給你帶來一些啟發。

Ⅲ 如何做好字圖穿插，讓海報更有設計感

字體與人穿插—通過人物與字體在視覺上形成穿插關系，營造一種動靜結合、具有空間感的獨特視覺效果，非常具有視覺感染力。 字體與物穿插—除了與人物進行穿插，這種手法同樣適用於與動物或靜物進行穿插，就像下面的這些案例，有字體與花，字體與魚、鳥等動物，還有字體與樂器等，通過這樣一種穿插的手法營造出了豐富的空間層次關系，具有很好的視覺效果。 案例實操—接下來通過一個實操案例來學習一下如何應用字圖穿插的手法來設計一張海報。海報文案信息： 圖片選取—第一步：在圖片素材網站通過檢索關鍵詞 「舞蹈」、「Dance」，選取一張人物形體、舞姿及角度都不錯的圖片作為海報的主圖。 字圖疊加—第二步：選擇一個合適的字體疊加在圖片上方，字體的大小和位置要考慮與人物可以形成較好的穿插關系。 字圖穿插—第三步：將字體的部分地方刪去，形成與人物的穿插關系，具體方法是使用鋼筆工具沿著人體結構，將要刪去的字體部分選中，建立選區後刪掉該部分。 文字信息排版—第四步：對文字信息進行排版，在字體的選擇上使用具有文藝氣質的宋體，按照信息的主次編排文字的位置和大小，注意編排信息時考慮節奏感以及與畫面主體的關系。 完成海報—第五步：將文字信息與畫面主體相結合，這種海報作品就完成了，需要注意的是，要確保文字信息在畫面上清晰可見，因此部分圖片區域需要做調整，如圖片的底部做了暗化處理，否則主辦方和協辦方的信息在較亮的圖片上將難以閱讀。

Ⅳ 圖片加文字的排版樣式有哪些

排版設計有以下13種類型：骨骼型、滿版型、上下分割型、左右分割型、中軸線、曲線型、傾斜型、對稱型、重心型三角型、並置型、自由型、四角型。今天雲天和大家分享一下常用的幾種。
骨骼型
骨骼型是一種規范的理性的分割方法。常見的骨骼有豎向通欄、雙欄、三欄、四欄和橫向通欄、雙欄、三欄和四欄等。一般以豎向分欄為多。在圖片和文字的編排上則嚴格按照骨骼比例進行編排配置, 給人以嚴謹、和諧、理性的美。
滿版型
版面以圖象充滿整版，主要以圖象為訴求，視覺傳達直觀而強烈。文字的配置壓置在上下、左右或中部的圖象上。滿版型給人以大方、舒展的感覺，是商品廣告常用的形式。
上下分割型
把整個版面分為上下兩個部分，在上半部或下半部配置圖片，另一部分則配置文案。上下部分配置的圖片可以是-幅或多幅。
左右分割型
把整個版面分割為左右兩個部分，分別在左或右配置文案。當左右兩部分形成強弱對比時，則造成視覺的不平衡。也自然不如上下分割的視覺流程自然。不過，倘若將分割線虛化處理，或用文字進行左右重復或穿插，左右圖文則變得自然和諧。
版式設計中，不管怎麼排版，都是吸引用戶視線的。想要吸引用戶的眼球，那麼就一定要有一處優勢，不管是圖片還是文字排版等各種方式，只要能吸引到用戶就可以啦！

Ⅳ 如何把圖片和文字組合在一起

01 、借用圖形中相近的形狀

圖人物的輪廓是凹凸起的注意圖片的右邊是筆直的，我們把文字放在些處沒有

擋住人物的視線。順著視線向下視覺的焦點就是文字區域的位置

02、根據圖片設計文字

在如上圖中，整個圖形的形式是由下往上的走勢文字側很中規中矩的排版，這樣就和畫面中的整個走勢產生沖突

如上圖中主要的走勢走向是由下往上的走向為了配合整個圖片的搭配，所以整個文字的排版以類似這種圖片的由下往上方向走勢排版就能完美的融入的在圖片中。

如下圖圖所示排版

03、打斷圖形

我們的視線沿著線條移動，線到哪裡，我們就看到哪裡。所以文字世可以順著線條就可以表現出活力和動感。如果傳過線條，側表現疑問和緊張感。並且線條末端就是視覺的焦點，也就是圖片最突出的位置。

順著線條走

有的線條的地方就有動因 事情，如圖中快遞行駛的跑車非常有速度感，自然我們視覺焦點就會順著速度感前進，我們就把文字排版與跑車的一個水平線上，這樣子更加的體現畫面跑車的速度感，最終將人們的視覺焦點引入到文字的區域上面！

製造停頓的感覺

如圖是一片茂密的樹葉，整片樹葉形成了一個非常鮮明的輪廓。自然人們的視線就會從上往下的瀏覽。此時加上一般長文字階段次線，就會形成很強的視覺焦點，挑選呼應樹葉的圓融字體，巧妙的將文字和畫面融為一體。

線條的末端

所謂線的末端就是整個畫面線條把你的視線帶到終點之處，文字落入在這里具有顯著的效果。當人們看完文字的意思之後就會對整個畫面有了個全新的認識！

04、讓圖片和文字融合在一起

我們在圖片上面加上像屏幕一樣的文字，向讀者介紹頁面的內容。

我們一邊一邊閱讀文字，一邊欣賞圖片，為一張平淡無奇的圖片添加了無窮的魅力！

簡單一目瞭然是最好的！上面的圖片畫面比較干凈，飽和度不高，所以在整個畫面配上飽和度如屏幕般的文字，就會是畫面有品質感。

05、平衡創造寧靜的表達方式

我們需要將文字和圖片實現互補的感覺，不是越大越好，如果文字排版整個畫面，那整個畫面的效果，就不是那麼好了。

以線構型

畫面中的模特身體就形成了一條清晰的垂直交叉點剛好和模特的身體相互平衡，這樣讓整個畫面充滿寧表與簡潔，剛好恰 到好處。

06、配圖文字為版面的中心

將文字進行垂直水平居中對齊，讓文字成為畫面中的主角，無時無刻的讓用戶注視她，傳達出最重要的信息

視線

畫面中男人雙眼盯著下面的棋子，這中間就有一條望著棋子的視線，只要能隔斷這根視線，就能介入圖視覺藝中的故事，這樣就能讓文字和畫面完美的結合。

Ⅵ 如何給圖片加上文字

用圖曰（yue)app就可以的，使用起來非常方便的

一、用什麼APP？

圖曰的功能很完成的，適合各種各樣的人群。喜歡簡單的，就可以一鍵加字。喜歡自己設計的也可以慢慢嘗試。

大家覺得好的話，就保存使用吧。

Ⅶ 在一張圖片里加上文字,怎樣做最簡單,謝謝

用美圖秀秀，打開，找到你要編輯的圖，然後點文字 輸入文字，如要修改圖片尺寸點尺寸，圖片保存與分享，圖片格式可以JPG，夠簡單了吧。

Ⅷ 在圖片中插入文字，要簡單一點的方法

我建議你更加深入去學習front page,只要你把front page 玩精玩透了,其它的網頁設計軟體不在話下很快上手,下面提供一些技巧給你繼續提高

以下是筆者在自學FrontPage98設計個人網頁中遇到的好些問題及疑難，同時經過實踐找到了答案，現把問題整理如下，希能與眾電腦愛好者互相交流接搓。

1.我在一行後按下回車鍵就跳到隔一行的段落上，有辦法可以很好地控制行距嗎？

有，辦法是在一段落結束後先按著[Shift]鍵，再按回車就可以不隔行跳到下一個段落上，[Shift+Enter]是一個很好控制一段與段落關系的快捷鍵。

2.如何給我的一段文字加上背景？

先把游標移到要定義的段落（若果段與段之間沒有硬回車,表示都給這幾個段落加上同一個背景），按滑鼠右鍵，選擇[段落屬性]中的[樣式]，在[顏色]項我們可以看到背景與前景顏色，還有[背景圖象]選擇。註：硬回車表示在一段後直接按下回車到達另一行（隔一行），利用1的方法我們可以控制段與段落。

3.如何使一個框架中的幾個頁面之間沒有邊界？

選擇總菜單[框架]中的[框架頁面屬性]，在最後一個我們看到的是選項[框架]，把[顯示邊界]項的鉤去掉就可以實現，當用瀏覽器瀏覽時就會看不到各頁面間有任何的痕跡了。

4.如何使兩幅圖片重疊？

一種方法是如上所講，先給段或段落加上背景，再在段上插入圖片就行了。第二種方法是先畫一個表格，把圖片或文字放進去，游標移到表格里，按下滑鼠右鍵選擇[表格屬性]，把[布局]中的[邊框線寬度]、[單元格邊、間距]改成[0]，在[自定義背景]項選擇[使用背景圖象]就可以使兩幅以上的圖片重疊了。

5.FrontPage98的標題廣告管理器有什麼作用？

FrontPage98的[標題廣告管理器]作用是把好幾幅圖片安排成輪流播放，還可以做成一個超級連接模式，連接到另一個網頁。

6.為什麼我使用了[標題廣告管理器]後頁面沒有反應？

這其實是一個Java程式的應用，在FrontPage98的[瀏覽]狀態下我們可以觀看到效果，但實際上我們存了檔就會發覺頁面不能正常瀏覽顯示，使頁面處於[HTML]的狀態，會看到有這樣一句文字<applet code="fprotate.class" codebase="_fpclass"......>，這是臨時狀態產生的文件，需要把fprotate.class此文件到你存檔的網頁目錄下(文件在x:\Program Files\Microsoft FrontPage\fpclass目錄下，亦可以通過Windows的查找功能查找)，同時把這句codebase="_fpclass"刪除存檔，頁面就可正常瀏覽了。

7.為什麼我的搜索表單等上載後沒有什麼作用？

因為它需要伺服器上CGI程序的支持。

8.怎樣設置計數器與留意本？

同樣需伺服器的CGI程序，通常有好些提供個人主頁空間的服務商有提供，例如網易，把提供的一段程序到網頁合適的位置，參照說明相應改成自己申請的名字，但要注意計數器只有網頁上載後才能顯示。其實現時很多提供免費個人空間的網路服務商都是用UNIX系統的，所以需要這樣的程序，Fp98下所提供的計數器設計是專為Windows NT所用的，在UNIX下不能用。

9.為什麼有些頁面在[瀏覽]狀態下，會顯示[該頁可能不能正常預覽,因為它的...]？

因為Microsoft在FrobtPage98中採用了自己獨有的動態HTML技術(Dynamic HTML)，以至有可能使其它的網路瀏覽器不能很好地支持，導致不能正常瀏覽。

10.我可以將我的平面圖片變成立體嗎？（有圖，tools.gif）

可以，我們可以在總菜單[查看]選擇[圖象工具欄]，會出現一個工具條，如下圖，我們可以對其實現圖象某一部分的超級連接，圖片亮度的調整、反轉，甚至某一部分的透明處理、圖象的淡化，營造一個清談的背景十分的有用，若果是其它如BMP格式的圖片，系統會自動轉換成GIF或者JPG格式的圖片，記得變換後將原圖片刪除，否則無謂地佔用空間，上載了也沒有用處，注意動態的GIF是不能進行處理的。
附：
動態的GIF圖象真的不能進行立體的處理嗎？辦法還是有的，在[圖象屬性]的[常規]項的右下角可看到[樣式]，單擊它，出現含有[邊框線]的幾個選項，改變[邊框線]里的[樣式]、[顏色]、[寬度]就能實現到，若背景是透明的，改變[顏色]項的功能還能做出不同的效果。

11. FrontPage98的字體屬性中的特殊樣式有什麼用？

可以對一行中的文字進行上移、下移以及其它移位，做出一些不同的效果。

12.為什麼我在菜單的格式下設置了頁面特效，但還是沒有一點反應？

我試過有時第一次可以正常看到效果，以後就不能實現，以及從此頁面進入另一頁面時效果正常，還有用FrontPage98的[預覽]也能看到反應，不知為什麼。我想可能需要上載到伺服器上問題才不會出現吧！

13.為什麼使用插入動態按鈕後我的頁面沒有按鈕出現?？

同樣需要Java的支持，使頁面處於[HTML]狀態下，可以看到以下這一段<applet code="fphover.class" codebase="_fpclass"......>，把="_fpclass"此句刪除，再把fphover.class文件到目標目錄下。

14.怎樣構造一幅背景透明且的會活動的圖片？

這需要一些圖形處理工具才可實現，這里介紹一個專門製作網頁中的動態GIF文件的好軟體：Paint Shop Pro 5中附送的Animation Shop就是一個好工具，它能很容易地實現除圖片中的某一圖形不透明外，其它變為透明。

15.我想把圖象按排在文字的旁邊,怎麼才能做到？

先選擇菜單[查看]下的[格式工具欄]，可以看到以下的工具條有3個六條橫線的，作用分別為左對齊、居中、右對齊功能的工具項，我們知道這能在行中實現一段文字的居中、左右的對齊方式，倘若我們在一張圖片旁邊放有幾段文字，先點擊此圖片，再按左或右對齊鍵，文字就會乖乖地排在圖片的兩邊了。第二種方法是利用表格功能，先畫一個沒有邊界表格出來，再在其中插入單元格，把圖片放到其中一個單元格中，文字放到另一個格中，就可以做到了。

16.我用FrontPage98設計網頁，怎樣使文字字體自動適應瀏覽器，而不會導致亂碼？

如果你裝的是簡體Windows，FrontPage98會自動對其進行編碼，我們可以單擊滑鼠右鍵選[頁面屬性]的[語言]，就可以看到系統已經自動地採用簡體、自動的編碼方式了。

17.怎樣實現頁面中不同位置到另一位置的跳轉？

方法很簡單，這是利用菜單下[編輯]的[書簽]功能實現的。我們假如想從頁面的始端的超級連接[開始]，跳到頁面末端的[結尾]，先定義開始兩字，按下[ctrl+k]（即菜單[編輯]下的[超級連接]），在[選項]可看到[書簽]，在空白位置輸入結尾兩字，第二步是定義頁面的末端結尾兩字，選擇菜單[編輯]的[書簽]，在[書簽名]項輸入結尾兩字，確定後即可。其實書簽的名字可以隨便改名，但都是改為方便表達跳轉到的位置的意思直觀好。用此方法同樣可以做到一頁面跳轉到不同頁面的不同位置，只不過是先選[選項]里的[目標框架]，再製作[書簽]罷了。

18.我可以在自己的網頁上設計一個點歌的菜單嗎？

可以，方法是利用菜單[插入]中[高級]項的[插件]功能，在[數據源]瀏覽選擇已放好的mid或wav文件就行了。

19.為什麼我用FP98中的頁面屬性方式放置背景音樂，在Netscape的較低版本瀏覽器卻沒有聲音？音樂的循環次數是怎樣控制的？

雖然現在已有統一的HTML語言標准，IE與FP98同是微軟的大作，但由於IE與NC是不同的公司製作的，所以大家的源代碼不可能相同，對HTML語言有認識者，可發覺其支持背景標記的代碼是完全不同的，但這在高版本的NC瀏覽器已得到解決，若果你想用FP98的插入背景而又想令一些
低版本的瀏覽器能有背景音樂，解決的辦法如下：使頁面處於[HTML]狀態下，可看到有這樣其中類似的一句：<bgsound src="midi/sound.mid" loop="-1">，這是IE可以接受的源代碼標記，loop="-1"是無限循環的意思，當用插件形式放置背景音樂時，源代碼是：src="file:///sound.wav" align="absmiddle" hidden autostart="true">，hidden是[插件屬性]的[隱藏插件]，而在後面加入的autostart="true"是表示自動播放，但這樣只能播放一次，再在後面加入一句loop="infinite"或者loop="true"都可以，那麼這樣就可使較低版本的不同瀏覽器支持無限播放背景音樂。若果你同時使用這兩種方式放置背景音樂，你會發覺IE4下這兩種聲音竟可以同時播放，如果用循環次數來控制其中一段音樂，另一段無限循環......。

20.怎樣用好FP98的各種功能？

可以把菜單[查看]的各種工具欄選項放到桌面上，然後把每一種功能都試試，你會發覺，其實用FP98編輯網頁就象排版那樣容易，你不需懂得任何HTML語言。

21.我可以使自己的網頁在不同的解析度下大小自動適應嗎？

不能，但有種方法可以試試看，我是在640X480解析度設計自己的網頁，對於文字-不想離行的段落，可以用功能鍵[Shift+Enter]來設置控制長度。對於圖文混排的，如想在兩段文字之間插入圖片（沒有用[Shift+Enter]鍵控制段落），可用[段落]中[段落屬性]，選擇[樣式]的選項[顏色]-[背景圖象]，這樣做會使本來不大的一張圖片鋪滿整段，在不同的解析度就能自動適應，若果你只想在不滿一整行的文字添加背景，不想令到這行的餘下空白位置亦整行鋪滿，方法是先定義這行，按滑鼠右鍵選擇[字體屬性]中的[字體]選項[樣式]，在[顏色]項里放入圖片或者背景顏色就行了，這樣做的好處是靈活度大大高於用段落的形式控制文字的背景，縱使用了[Shift+Enter]來安排段落文字亦無所謂。如果是幾個頁面在一個框架中，而又想在其中一個頁面的圖片或文字處於中間位置的，可把頁面中的內容放在一個無邊界的框框裡面，用[表格屬性]的選項[布局]-[對齊方式]，選擇[居中]，那麼內容就會安排在指定的這個表格里，沒有邊界的表格可把除了[漂浮]外餘下的三個選項設為[0]。

22.我想使多頁面框架中的頁面可以由瀏覽者自由選擇寬度可以嗎？

在框架的指定頁面按下滑鼠右鍵，選擇[框架屬性]，[選項]的[在瀏覽器中調整大小]就是可讓較長的頁面讓瀏覽者自由選擇寬度，而[顯示滾動條]可設置瀏覽屏幕是否需要滾動條。

23.為什麼我用FrontPage98設計的超級連接在[普通]與[預覽]狀態下看到屏幕左下角顯示的是flie:///d:/......？

這其實是沒有關系的，當你把網頁上載之後，它就會自動地改為你在伺服器上的路徑。

24.FP98的瀏覽器有什麼作用？

FrontPage98除了編輯器有這么強大的功能外，利用FP98的瀏覽器對於管理整個網站是非常有用處的，例如它帶有一個檢驗網頁超級連接、製作預訂的頻道等的功能，如果你只個是初學者，請慎用FP98瀏覽器的這些功能，因為它會當你按了某一個不知有什麼用的鍵，就很容易改變它的超級連接路徑以及其它方面的東西，你可先隨便設計一個網頁來試試這些功能，那麼就可百戰百勝。

25.使頁面在幾秒鍾之後自動跳轉到另一頁是怎樣做到的？

我是這樣做的：單擊滑鼠右鍵，選擇[頁面屬性]的選項[自定義]，在[系統變數]處單擊[添加]，[名稱]項添上refresh，[值]項添上2;url=1.htm。2表示要等待的時間（2秒），可以自由更改，url=1.htm表示要跳轉的另一超文本文件名。

26.如何使使用了超級連接的圖象不會出現一個藍色的邊框？

用滑鼠右鍵單擊圖象，選擇[圖象屬性]，選擇選項[外觀]，使[布局]里的[邊框線寬度]為[0]即可，而[對齊方式]里的功能可以控制圖象與文字的關系。

27.怎樣使當圖象不能正常顯示出來時，顯示出圖象的作用的文字？

在圖象上單擊滑鼠右鍵選擇[圖象屬性]，可看到[可替換的表示方式]有[文字]這個選項，填上圖象表示的作用文字就行了。

28.我經常看見一些網頁能使一張圖片在頁面上任意飛行或者一進入頁面就會有歡迎的頁面出現，退出又有再見的畫面，還有提示別人逗留本網頁的時間等等，這又是怎樣實現的呢？

這是因為這些網頁應用了Java script或者Java Applet，由於這些程序較長，所以不能一一列出，下面僅給出退出頁面說再見的Java程序：<body ONUNLOAD="alert(' 小平向你道別：\n\n 朋友，茫茫網海中，能與你相遇相遇！\n\n 我們總算有緣吧！\n\n 希望你有空常來坐坐！">

以上均在FrontPage98編輯器的[普通]狀態下實現。其實使用改變頁面、表格、單元格、字體、圖象等屬性里的各種功能，是能很好地安排頁面文字的位置，甚至可使頁面上的文字在不同的解析度下自動地適應，創造出很多的變化等等，靈活運用FrontPage98，不懂HTML編程語言，照樣能能設計出一個人見人愛網頁。注意有些功能的實現可能需要FP98的補丁程序，可到筆者的網頁中Download，有興趣與作者交流網頁設計心得的朋友請光臨pingnet.yeah.net。
如何用FrontPage98製作動態按鈕

動態按鈕？難道你不知道動態按鈕嗎，如果你從沒見過，那麼你去過的站點就太少了。動態按鈕能使你的頁面奕奕生輝，充滿活力，現在幾乎每個個人主頁頁面上都用上了動態按鈕。當滑鼠拂過鏈接下頁的圖片時，圖片一下就換了顏色、或變了形狀、或動了起來，不是很妙嗎？

從動態按鈕開始出現到現在，總結起來一共有兩大類：一是用 Javascript，二是用 JavaApplet；兩者分別又有幾段不同的語句寫成，大多數業余主頁製作者在自己的個人主頁上用的都是 Javascript 。你可以根據自己的喜歡，選擇不同的方法和效果。但無論你用哪一種方法，都不如用 FrontPage98 帶有的動態按鈕特性來得容易。不信嗎？就跟隨我們的介紹，做一做看便知道了。 FrontPage98 使用的是簡短的 Java 小應用程序。

不管你用哪一種方法，萬變不離其宗的是都要用到一前一後的兩張相關圖片，以產生動態效果。你可以預先做好滑鼠移過一前一後的兩張圖片，那你就可以跳過以下頭幾步。

創建這么Cool的動態按鈕首先一步是選擇一張普通的圖片。

圖片的來源可以是通過掃描儀，數字相機或其他數字輸入設備。你也可以用桌面上的圖片，用 FrontPage98 圖片庫，或從其他網頁上得到圖片。選擇好適當的圖片後，用 FrontPage Explorer 的導入（Import）命令，將其加入你的頁面，並用工具欄上的插入圖片（Insert Image）按鈕將其定位在適當的位置。

定位好後，點中這張圖片文件。 FrontPage98 提供了新的圖片編輯工作來提高圖片質量。比如，可自動做出淡化效果、坡度效果、旋轉效果、裁剪大小等等。這個例子中我們用坡度效果將圖片邊框做出坡度的效果。

在你做好坡度效果後，可通過 Explorer 中的 File 菜單下的保存命令，將修飾好的圖片存入 FrontPage Web 中，你可以選擇原先的圖片文件稍作改動，以表示兩幅圖片的關聯，另存下來。

下一步，再次選擇頁面上做好了坡度效果的圖片，選擇圖片工具欄上的「淡化」（Washout）工具做出暗淡圖片的效果...

再選擇保存按鈕，再次保存「淡化」了的圖片的頁面及「淡化」的圖片，另存一個名字以免覆蓋了原來的坡度效果圖片。

下一步，刪除不用的圖片文件。如果你已准備好前後兩張圖片，可以直接從下一步開始。

要在你的頁面創建動態按鈕，選擇插入（Insert）動態元素（Active Elements） ：動態按鈕（Hover Button）。第一步，鍵入你要這組動態按鈕鏈接至的地址，然後定義圖片在頁面中出現的高度和寬度。然後單擊自定義（Custom）按鈕繼續創建動態按鈕。

在自定義對話框中，輸入滑鼠移過之前的圖片文件名和之後的圖片文件名，同時還可選地作出滑鼠移過該圖片時及點擊時的音響，也可以不用音響，填完後單擊 OK。

這樣你就輕而易舉地完成了第一組動態按鈕！單擊 FrontPage Editor 窗口底部的預覽標簽就可以欣賞自己創建的動態按鈕奇妙的效果了。

用FrontPage輕松製作反饋表單

網上的信息反饋通常使用交互表單來完成。表單主要用於信息調查、收集統計數字等方面。在電子商務流行的今天，表單的作用更是不容忽視，我們可以利用表單來輕松完成各種數據的收集、獲得用戶定單等。對於不懂資料庫的我們，還是先學學FrontPage 2000(以下簡稱FP)中的表單製作方法吧。

第一步：

首先打開「文件」菜單，選擇「新建」，在子菜單中選擇「網頁」命令。在彈出的對話框中點擊「常規」選項卡，然後選擇「表單網頁向導」，並單擊「確定」按鈕。彈出「表單製作向導」對話框後，單擊下一步按鈕，當我們第一次使用表單網頁向導的時候，需要單擊「添加」按鈕來添加問題。彈出對話框後，我們可以在「選擇此問題要收集的輸入類型」列表框中選擇要添加的類型。

單擊「下一步」按鈕後，會出現關於個人信息的對應項目，對各項內容做好選擇後，單擊「下一步」按鈕。

這樣，問題就添加到列表中，如果不想再添加問題，直接單擊「下一步」按鈕繼續製作。在「如何顯示問題列表」下有4個單選鈕，是用來調整問題的顯示方式，我們在這里採用「顯示為普通段落」的顯示方式，然後對其他選項不作改動，單擊「下一步」按鈕。在輸出選項中也有3個單選鈕供我們選擇，我們這里按照系統默認的「將結果保存到Web頁」，然後在「輸入結果文件的基本名稱」後輸入Web頁的名字。

單擊「下一步「按鈕，然後單擊「完成」按鈕。

第二步：

然後我們就可以利用所學的網頁製作基礎知識，對這個表單的頁面進行修飾。

做好這些之後，我們就要設置一下表單的屬性了。右鍵單擊表單的任意一處，在彈出的快捷菜單中選擇「表單屬性」命令，在彈出的對話框中的「發送到」單選鈕後設置填寫發送的地址。在文件名稱後輸入保存表單結果的文件名稱，在這里要輸入一個對應的網頁地址，單擊「瀏覽」按鈕，選擇一個已經存在的網頁的話，會將表單結果附加在該網頁的最後。如果還希望瀏覽者提交的表單能通過E-mail反饋到自己的信箱，就在「電子郵件地址」後的文本框中填寫好自己的電子郵件地址，然後單擊確定按鈕。(在完成好這些設置之後，如果你沒有安裝FrontPage伺服器擴展，系統會自動提示你安裝該擴展。注意：如果沒安裝伺服器擴展功能的話，我們所設置的這些表單也將起不到任何作用。)

接下來設置按鈕。在表單中我們經常用到的按鈕功能就是提交和清除功能，如果我們不想對按鈕的名稱進行修改，利用系統默認的設置即可。如果想對它進行修改，就雙擊該按鈕，彈出對話框後進行設置。在「名稱」後輸入這個按鈕的名稱；在「值/標簽」後輸入按鈕標簽，也就是在瀏覽器中顯示的按鈕字樣。按鈕類型包括三種(選擇「提交」單選鈕，則規定該按鈕的作用為提交表單；選擇「重置」按鈕，規定按鈕的作用為清除填寫內容；如果選擇「普通」單選鈕，就可以自己設置該按鈕的作用了，如加上超鏈接等)，完成按鈕設置後，單擊「確定」按鈕。

做好以上這些之後，一個最簡單的信息反饋表單就製作完成了。在跟著我們做好這些之後，可能讀者們對FP的伺服器擴展功能還不是很了解，在以後筆者將專門對FP的伺服器擴展功能進行講解。

Ⅸ 如何設計簡潔的網頁小廣告

第一步：使用簡單的照片對付一些區域狹窄的空間需要涉及一些特別的要求，第一步，就是採用一張簡單但又能傳達很多信息的照片。 一般的廣告總是採用整張圖片加上文字配合，而網頁上一個標準的小廣告的尺寸是 12 0 × 90 象素，解析度為 72dpi 。空間確實很小。你如何在這個小地方加進你想要的東西？象上圖，難道你想讓整個紐約市都塞進這個小空間里？那隻會讓這些建築物變成一個個斑點而已。當我們面對這些小廣告的版面時，並不應該只是將整張圖片簡單縮小――因為空間已經很小，解析度又很低。而一般的網頁上總是充斥著很多混亂的信息，將圖片只是簡單地縮小，那些細微的東西完全不會此起人們的注意。所以我們要思考的是：簡單、醒目及簡短。我們並不需要使用整張紐約市的照片才能代表紐約，我們應該要運用這個城市的一些象徵符號來傳達這種信息，比如：自由女神像，帝國大廈，當然，你還可以自己決定其它的東西。我們要尋找一張具有象徵意味的照片，構圖要簡單，顏色要醒目，角度要明顯，對比要強烈，當然，最好是所有這些因素都能夠在一起。 第二步：簡單的版面使用簡潔的文字，將文字與其它素材簡單結合。 網上培訓課程的登記涉及到很多硬體，但我們並不需要將所有的東西都全部顯露出來，而是…… 上圖左，使用一張簡單且常見的象徵圖片，將背景設為黑色，使其與白色的滑鼠形成強烈對比，但滑鼠本身並不能傳達網上報名注冊這一信息，所以……還要加上文字。只有加上文字，所有的信息才是完整的。大文字同樣採用白色，而大學名稱採用金黃色，使其讓人知道這是兩個不同信息。 我們說排版要盡可能簡單。留意上圖左圖，文字與滑鼠高度相同，使兩者成為了一個整體，而右圖表明，每個元素之間的間隔距離都是相等的。將剪切工具變成一種設計工具通過對圖片進行恰當的剪切，您可以控制圖片所傳達出不同的效果。剪切過程雖然簡單，但在剪切時卻要很多細節要考慮。 上圖大圖是一張漂亮的原始圖片，通過你不同的處理方式，可以讓它傳達不同的信息。如小圖，我們只保留左邊的一半，使到整張圖片變得更加有沖擊力，同時還留出了空間給文字。當然，還有很多種剪切方式： 中心構圖使整張圖片顯得穩定。她的目光直接面對著你，透著一種優雅迷人的氣息。 偏離中心的構圖打破了空間的平衡，傳達了一種略為緊張的氣氛 呈角度的構圖，這使到圖片中人物的眼神變得更加煽情，使你更加容易注意她。 這是一種更強烈的剪切方式，剪切的邊緣去到她的眼睛，而且還呈角度，比上一張更加容易引起人們的注意，張力十足。利用文字來組織圖片在版面非常狹窄的時候，文字與圖片必須謹慎配合，避免讓人產生兩者分離的感覺。事實上，文字與圖片必須形成同一種信息。記住，字體也是一種圖形，所以你可以充分利用字體的樣式、形狀、粗細及顏色來補充和加強圖片的力量。 一張全景圖註定不會簡單，文字 「 EI Capitan 」與這座作為焦點的花崗岩山峰分開。當然，我們可以通過剪切來作進一步的處理，但有一個問題，這座山峰的美麗正是要有一定的距離感及它周圍的細節才體現出來。而下方的那個綠色實色區域使到文字與圖片分離，避免了整張圖片變得過於復雜。 上圖的圖片經過剪切，使其更加收緊。現在山峰給人一種更加強烈的高聳感而不是開闊感。陰影也使圖片形成了縱深。同時採用了一種縮窄的大寫字母，使到文字與圖片形成一個有機的整體，使讀者的眼睛看上一眼就能夠留意。 上圖採用名信片的設計樣式，盡管圖片沒有改變，但這種處理方式卻使整個設計顯得更加寧靜，也更有畫廊的氣息。灰色的字體在白色區域上仍然能夠容易被辨認，開闊的白色區域也使到圖片有一種水平感。再來看一下實際大小的效果： 讓我們進一步來探討上述的設計： 首先將一張大圖片縮小到合適的尺寸（ 1 ）。 將圖片的寬度變成標準的 120px ，而圖片高度要少於 90px ，因為我們下方還要加上文字區域（ 2 ）。用一種實色填充下方區域，同時這個區域也與圖片有一些重疊。顏色來自於圖片，用吸管在圖片取色（ 3 ）。最後加上文字（ 4 ）。當您要面對一種復雜的或者有太多細節的圖片時，這種處理方式是比較理想的。 這里，我們對圖片進行剪切，為該圖片創造出一個視覺焦點。然後再尋找一種能夠加強該圖片傳達的字體。在這個例子中，我們採用一種又高又窄的字體填滿下方整個區域來加強這座山峰的特點。留意上方的那行細字，山峰是疊在這行文字上方的，加強了圖片的層次感。也使到這座花崗岩山峰有更加靠前的感覺。利用文字來補充圖片在這里，我們這張充滿動感的圖片由於受到背景的影響而削弱了對比的強度。背景與人物都呈同一種色調，同時背景也還有很多細節，使到圖中人物不能成為焦點圖案，挽救的途徑是利用文字來對這張圖片進行補充。 創造焦點的第一步是通過剪切，盡可能將注意力放在這個滑板的運動員身上（ 1 ），背景雖然顯得有點雜亂，但在視覺也挺有趣，你可以直接在背景上加文字（ 2 ）。出來的效果雖然有藝術感，但文字並不容易閱讀。 為了彌補這種缺陷，我們將背景換成高對比度的黑色（ 3 ），同時仍保留（ 2 ）的字體圖案。（ 4 ）是另一種選擇，為了進一步改善視覺效果及強調原來的背景圖案，我們可以直接將原來背景的圖案用在文字中。本文所用顏色數值如下：