a级毛片免费全部播放-a级毛片免费观看在线播放-a级毛片免费观看网站-a级毛片免费看-国产成人精品在视频-国产成人精品在线

歡迎來到培訓無憂網!

全國切換

咨詢熱線 400-001-5729

位置:培訓無憂網 > 新聞資訊 > 電腦/IT > 網頁制作 >  長沙學網頁設計排版技巧分享

長沙學網頁設計排版技巧分享

來源:培訓無憂網 發布人:裴裴

2022-11-15 16:23:04|已瀏覽:109次

網頁設計排版技巧分享

網頁設計排版技巧分享

網頁設計排版技巧分享1、糾正行高

最常見的網頁布局錯誤之一是定義了不正確的行高。行高是定義一行文本的高度,所以我們必須按照文本字體大小來設定行高。

一般來說,在設置文本行高的時候,我經常在字體大小的基礎上加上7個像素(對12-17像素的字體而言)

body{

font-size:14px;

line-height:21px; /* 14px + 7px */

}

網頁設計排版技巧分享2、糾正標題margin值

另外一個常見的錯誤是標題周圍不正確的margin值。標題其實是與它下面的段落是相關聯的,而不僅僅是兩個段落的分 割符。這就是為什么標題的margin-top比margin-bottom要寬。

網頁設計排版技巧分享3、不要使用過多的字體

為了確保可讀性和專業性,你的網頁上不應該使用超過3種字體。使用過多的字體會干擾你的用戶而且讓你的網站看起 來很亂。相反,較少的字體讓你的網站顯得干凈易讀。你可以標題使用一種字體,正文使用一種字體,最后 logo或副標題使用另外的字體。

4、代碼部分使用等寬字體

如果你是一位開發者(就像大部分讀這篇博客的人)你可能想貼一些代碼在你的博客里。如果是這樣,請使用等寬字體。 那么,什么是等寬字體?它就是字母和字符占相同水平寬度的字體。

那么在網站的代碼段你應該使用哪種字體呢? 到目前為止 Courier字體是最流行的,那么嘗試一下最新的一些字體像 Consolas或 Monaco怎么樣呢?那你一定要看看這里咯。這里

5、關注對比

即使你的網站有很好的排版了,另一個需要注意的是對比。如果你的頁面背景是中灰色(#999999),那么不要使用深灰色(#333333)的文本,否則你的內容很難看清,尤其是對一些年紀比較大的或視力差的人。

總之,除非你的網站是關于黑客、黑帽seo或哥特搖滾的,不然你應該使用淺色背景和深色字體來保證清晰的對比度增加你網站的可讀性。

6、只給鏈接的文本加下劃線

在我上網的12年中,瀏覽器用在鏈接的默認樣式一直是藍色文本加下劃線。雖然這個藍色經常被改成另外的顏色,但下劃線一直被當做是鏈接的常規樣式。這就是為什么除了鏈接你不要給其他的東西加上下劃線的原因。否則,這可能對你的用戶造成很大的困惑。

7、創建樣式庫

讓你的網站產生視覺震撼的一個簡單高效的方法是給特殊的頁面創建特殊的樣式。例如,創建一個.warning的CSS類來向 你的用戶顯示“警告”。

8、按級別來排列標題和文本

為了增加可讀性,給標題、介紹段落和常規文本創建標簽層級是很重要的,這樣你的用戶可以看清你的文章結構并能很 快的找到他們感興趣的部分。

9、大膽留白

我認為最重要的排版技巧之一是“大膽留白”。留白是指空白區或沒有使用的空間,它會使你的設計整齊而專業。許多人 喜歡蘋果網站的原因是:它盡管簡單但很精致,而且有很多留白。

10、正確使用標點符號

如果你想提升你的排版水平不容忽視的一點是正確使用標點符號。例如,引號經常用雙撇符號代替(譯者注:我想作者要表達的意思應該是全角符號和半角符號的區別,就像中文的引號和英文的引號不同一樣)。

注意區分雙撇符號:

He said "Hello".

同樣的文本,使用引號:

He said “Hello”.

這樣更好,不是嗎?如果你是WordPress用戶,你可能很樂意知道你最喜歡的博客平臺自動將雙撇號轉換為智能的引號 。否則,你得使用HTML字符編碼。如下所示:

He said &s;ldquo;Hello”.

      注:尊重原創文章,轉載請注明出處和鏈接 http://m.dedgn.cn/news-id-68647.html 違者必究!部分文章來源于網絡由培訓無憂網編輯部人員整理發布,內容真實性請自行核實或聯系我們,了解更多相關資訊請關注網頁制作頻道查看更多,了解相關專業課程信息您可在線咨詢也可免費申請試課。關注官方微信了解更多:150 3333 6050

留下你的信息,課程顧問老師會一對一幫助你規劃更適合你的專業課程!
  • 姓名:

  • 手機:

  • 地區:

  • 想學什么:

  • 培訓無憂網
免 費 申 請 試 聽
提交申請,《培訓無憂網》課程顧問老師會一對一幫助你規劃更適合你的專業課程!

主站蜘蛛池模板: 日本精品一区二区三区在线视频 | 国产精品午夜免费观看网站 | 99精品久久99久久久久 | 国产成人精品一区二三区在线观看 | 亚洲一级黄色毛片 | 视频一二三区 | 久久国产成人亚洲精品影院老金 | 女bbbbxxxx毛片视频0 | 成人免费一级片 | 67194欧美成l人在线观看免费 | 日韩特级黄色片 | 国产免费专区 | 久久在线国产 | 久久久久亚洲精品影视 | 欧美成人精品三级网站 | 2021国内自拍| 色老头一区二区三区在线观看 | 欧美一级毛片无遮挡 | 欧美一区二区三区不卡片 | 99精品视频一区在线视频免费观看 | jizjiz日本 | 黄黄的网站在线观看 | 日韩在线国产精品 | 韩国福利影视一区二区三区 | 亚洲欧美视频一区二区三区 | 97视频在线看 | 精品手机在线 | 91无套极品外围在线播放 | 欧美综合自拍亚洲综合百度 | 欧美精品久久久久久久久大尺度 | 精品视频在线免费看 | 亚洲精品久久久久午夜三 | 九九99视频在线观看视频观看 | 国产精品亚洲二线在线播放 | 欧美aaa大片 | 亚洲伊人色综合网站亚洲伊人 | 香蕉成人国产精品免费看网站 | 成人综合在线视频免费观看 | cao美女视频网站在线观看 | 亚洲成人黄色在线 | 日韩免费一区二区三区在线 |