網頁里內容的布局和排版都是重要的，網頁中一層又一層的布局里面都需要排版，好的排版給人們的感覺高級，并且受來訪喜愛和推薦。做好網頁的首屏排版，我們的網站會更受歡迎，接下來我們來學習網頁的首屏排版布局。

　　全畫面布局

　　這樣的布局特征為屏幕水平寬度沒有空白寬度，主視覺顯示在整個屏幕上;經常使用有特別令人印象深刻的照片或視頻作為主視覺。

　　上下分離型

　　其特征為主視覺與主視覺文本垂直分開的布局形式。大多數會將主視覺文本放在第一位，然后是主視覺。在此布局中，主要突出主視覺文本，主視覺起輔助作用。為此，主視覺通常作為基礎內容的引導。

　　左右分離型

　　其特征為，通常主視覺文本與主視覺重疊構圖，該布局能使用戶識別主視覺文本與主視覺，這樣有助于圖像容易傳輸，并且可以快速響應。

　　主副型

　　其特征為，排列了主視覺大圖與輔視覺小圖，該布局頁邊距比其他布局要多。為此，通過很好的對圖像與文本編輯，給人一種簡單而時尚的感覺。

　　多畫面型

　　其特征為，同時展示多個主視覺，畫面尺寸相同;其優點是能夠將同級規整，減少幻燈片類型。

　　異形布局

　　其特征為，主視覺在屏幕的整個寬度上，該布局類似“全畫面布局”，其特點是主畫面的形狀呈現其他形狀，這樣的布局有一定的趣味和活力。

　　圓形布局

　　其特征為，一種特殊的布局，主視覺被切為圓形。此布局的目的是同時顯示主視覺與主視覺文本，是“左右分離型”的一種變型應用。

　　劇中布局型

　　其特征為，具有全屏布局的特征，但是左右兩側皆是空白。通常設計上該布局會比“全畫布局”更有靈魂感和設計感。