1.3網頁的常見布局
1.“國”字形布局
“國”字形布局也稱為“同”字形布局，是一些大型網站經常使用的布局類型。網頁的上面通常是網站的標題和橫幅廣告欄，接下來是網站的主要導航，左右分別列一些小的導航內容或其他鏈接，中間是主要內容，與左右的內容一起羅列到底，下面是與網站有關的一些基本信息、聯繫方式、版權聲明等。這種頁面容納的內容多，信息量大，類似的還有“T”字形布局、“三”字形布局等，如圖1-1、圖1-2、圖1-3 所示。
2. 對稱、對比布局
網頁的上下或者左右對稱、對比的布局如圖1-4 所示。這種布局的特點是視覺衝擊力強、對比明顯，給人以深刻的印像。
3. 封面型布局
封面型布局是指用一大幅精美圖片作為頁面的設計中心，如圖1-5 所示。常用於時裝類、遊戲類、藝術類網站或個人網站，優點是外觀精美，極具整體感、統一感，缺點是下載速度慢。
4. 響應式布局
響應式布局是指網頁的布局可以根據用戶所使用的設備環境或用戶行為而產生響應和調整。通常是指網頁的布局能針對不同的顯示設備的屏幕尺寸、屏幕方向做出相應的變化，如圖1-6 所示。
1.4網站制作的基本流程
網站建設是一個嚴格而復雜的過程，在動手制作網頁之前，需要做好需求分析和資料采集工作，無論是布局策劃還是網站正式上線和維護，都需要細心的設計和安排，任何一個步驟出現問題都會影響網站的質量以及設計進度，給後期的工作帶來麻煩。網站制作的基本流程如下：
（1）前期準備：與客戶交流，獲取其需求和喜好，確定主題。
（2）素材搜集，網站策劃與頁面設計。
（3）內容填充。
（4）網站發布與檢測。