Frontpage中網頁字型的美化

來源:互聯網
上載者:User
frontpage|網頁   我設計第一篇網頁的時候,就遇到了字型的設定問題。我發現如果用軟體約定的字型大小,則顯示效果會很難看的。

  我是用FrontPage2000作網頁,在這個微軟大加宣傳的網路軟體裡,文本的設定居然是如此令人失望,可能有它的難處,我不知道。總之,當我研究了半天之後,我明白過來:在顯示器上,中文字型的字型大小,最保險的,是9pt,11pt也不錯。

  如果你在Word或Excel裡設定文本的大小,可很容易找到這兩種字型大小。但在FrontPage裡,甭想!除非你手工設定“格式”菜單裡的“樣式”。在“樣式”對話方塊裡,你可以對網頁的各個部分進行較為自由的“修改”。修改的內容就是格式,包括“字型”、“段落”、“邊框”、“編號方式”和“定位”五種。實際上,這些格式內容,在“格式”菜單裡就有的。

  但在“樣式”設定當中,可以得到更大的自主權。不信你就試試。在某一表格內先隨便寫一段中文,然後開啟“格式”菜單裡的“字型”設定對話方塊。看看在字型大小選擇中,是否有9pt?沒有。直接寫上9pt行嗎?不行。沒轍了?別急,請進入“樣式”對話方塊試試,此對話方塊的左邊是“樣式”內容選擇,也就是說,讓你選擇你想手工設定的具體內容。

  比如你可以選擇“td”,即對錶格內容進行設定。“樣式”對話方塊的右邊有一個“修改”按鈕,進入“修改”後,就看到左下角那個討厭的“格式”按鈕了。裡面就是上邊談到的五種選擇。我們選“字型”。在這個字型對話方塊中,你可以輸入自己想要的字型大小值,直接輸入“9pt”,再一路“確定”回來,看看頁面上的字型是否聽話?

  好了,我們總算找到一種完全通過菜單選定字型大小的方法。用這種方法,你可以設定各種尺寸的字型。(這下微軟又有理了:誰說我們的軟體沒擺脫編碼的麻煩?)然而,這還不算麻煩嗎?

  實際上,如果你對編碼這玩意兒不抱成見,肯用心去研究一下,它也不見得有多嚇人。還是以上面這個例子來說吧,我們自訂“td”即表格的字型大小為9pt。那麼,它的編碼是什麼樣的呢?轉到軟體介面左下角的HTML顯示窗,你將看到網頁的HTML編碼。一般都叫它HTML代碼。

  在代碼的上方,區之間,有一句“td{ font-size: 9pt }”。這就是我們剛才費半天勁設定的“表格樣式”代碼。

  現在,我可以告訴你簡單的結果了:在網頁字型的大小設定上,只須在每頁的區之間加入以下一段代碼即可。

  關鍵的問題倒是:究竟我們可以在網頁上用幾種大小的字型?也就是說,顯示器上的網頁中,有幾種字型大小是美觀的。9pt是公認的字型大小,絕大多數網頁都用它,11pt也好看。問題似乎解決了,可是假如你有一段文字想設定得比9pt更小,咋辦?用8pt或7pt行嗎?如果你的顯示器“案頭顯示字型”是大字型,那你會覺得可行。然而且住!大多數不是1024×768解析度的17英寸顯示器,而是800×600或者640×480的14英寸或15英寸的。

  他們的“案頭顯示字型”往往是小字型,這時,8pt或7pt的顯示效果會很難看,而且基本上看不清。有別的辦法嗎?有! 辦法很簡單,告訴你另一種大小的字型標記法,即:“12px”。它比9pt字型大小要小,而且在不同的顯示器上,看上去都挺好。所以,你只要將上面代碼中的9pt改為12px就行了。但你可能會問:我不想要整張網頁都改成12px,而只想讓某一段文字是12px,那又如何辦呢? 對單獨文本的改動可用這樣的方法:在這一段文本的開頭位置(我是指在字碼頁),加入這樣一句代碼:

  如此,這一段文字就是12px的小字型了,OK!

  最後,捎帶著講一下“粘貼代碼”的問題。你肯定會拿這些代碼去粘貼的,因為很方便。我們在製作網頁時,常常需要這樣的粘貼。在粘貼代碼時,如果你的代碼是直接從其它網頁上copy的,則在粘貼時軟體很有可能把代碼看作文本,這時,代碼不起作用,而且,你會在網頁上看到你剛粘貼上的代碼。如果是這種情況,可以先將copy的代碼粘貼到寫字板上,再copy一次,然後貼入網頁代碼區內,問題將得到解決。

相關文章

E-Commerce Solutions

Leverage the same tools powering the Alibaba Ecosystem

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。