我們上網時常常會開啟一些網頁，一副副精彩的網頁會呈現在我們面前，那麼，網頁精彩與否的因素是什麼呢？色彩的搭配、文字的變化、圖片的處理等，這些當然是不可忽略的因素，除了這些，還有一個非常重要的因素：網頁佈局。本文就來說說 WooCommerce 獨立站網頁設計好的網站第一屏怎麼設計？
所謂第一屏，是指我們到達一個網站在不拖動捲軸時能夠看到的部分。那麼第一屏有 多 “大” 呢？其實這是未知的。一般來講，在 800*600 的螢幕顯示模式 (這也是最常用的) 下，IE 安裝後預設的狀態 (即工具欄位址列等沒有改變) 下，IE 視窗內能看到的部分為 778px*435px，一般來講，我們以這個大小為標準就行了，畢竟，在無法適合所有人的情況下，我們只能為大多數考慮了。跨飛獨立站，專業 WordPress 外貿獨立站網站建設、 WordPress 站群網站最佳化、 logo 設計、品牌設計、印刷等產品服務，新上線企業 VI 設計套餐和 WordPress 站群網站營銷推廣系統（強），歡迎新老顧客前來諮詢！
說了那麼多，無非是一個標準的問題，其實接下來不用我說大家也能想到，第一屏當然要放最主要的內容，關鍵要知道的是，我們要對第一屏能顯示的面積要有個估計，而不要僅僅以自己的機器為準。其實網頁製作的一個很麻煩的地方就是瀏覽者的機器是未知的。導航欄能讓我們在瀏覽時容易的到達不同的頁面，是網頁元素非常重要的部分，所以導航欄一定要清晰、醒目，一般來講，導航欄要在 “第一屏” 能顯示出來，但是有時第一屏可能會小於上面所說的 435px，積於這點考慮，那種橫向放置的導航欄要優於縱向的導航欄考慮，原因很簡單：如果瀏覽者的第一屏很矮，橫向的仍能全部看到，而縱向的就很難說了，因為 視窗的寬度一般是不會受瀏覽器設定影響的，而縱向的則不確定性要大的多。
這是初學者可能會問的問題。其實這要具體情況具體分析的：比如如果內容非常多，就要考慮用 “國字型” 或拐角型；而如果內容不算太多而一些說明性的東西比較多，則可以考慮標題正文型；那幾種框架結構的一個共同特點就是瀏覽方便，速度快，但結構變化不靈活；而如果是一個 WordPress 企業網站想展示一下企業形象或個人主頁想展示個人風採，封面性是首選；Flash 型更靈活一些，好的 Flash 大大豐富了網頁，但是它不能表達過多的文字資訊。還沒有提到的就是變化型了，我只是想把這個留給讀者了，因為，只有不斷的變化才會提高，才會不斷豐富我們的網頁。 關於網頁的佈局大致就說這些，希望您有所啟發。