1。使用網格系統使用網格系統允許某種頁面平衡。網格系統是印刷設計遺留下來的經典布局方法。近年來，網格系統幫助設計師完成了大量的在線設計工作，並成功地將網格系統的概念移植到數字媒體中。利用網格系統規劃不同元素在頁面上的位置，可以建立和促進頁面上不同元素之間的關系，在頁面上營造強烈的平衡感，為受眾提供清晰的結構參考。2.選擇焦點尋找布局中的焦點，是打造平衡布局最有效的方法之壹。比如設計中常用的大圖，就是頁面上最大的單個焦點元素。良好的視覺效果可以將受眾吸引到頁面上，並在頁面周圍安排其他內容。如果有多個視覺元素，結合格式塔理論的鄰近原則，符合排列原則。或者標題或參考字幕也可以是焦點。壹個好的標題也可以有很強的視覺吸引力，可以用來在上面安排其他元素，從而形成壹個平衡的頁面布局。3.使用二分法。三角學也是創建平衡頁面布局的有效方法。簡而言之，三分法就是把頁面縱橫分成三分之壹，網格線相交的點就是現成的焦點。常見的三等分方法是將最重要的元素放在頁面的上(下)三分之壹，對齊主焦點以匹配其中壹個交叉點，然後將關鍵元素對齊四個點，這樣構圖就令人滿意了。網頁設計與制作流程？
分析如下:
1.首先下載並安裝Dreamweaver。打開後，創建壹個新網頁。壹般選擇“HTML”來創建網頁。選擇“經典”界面將有助於我們更方便地使用該軟件。
2.選擇以下三個接口:編碼、拆分和設計。壹般設計默認界面，對於初學者來說比較直觀，可以把網頁做的更好。
3.我們做壹個網站，在電腦上建壹個文件作為根目錄。我們網站的所有文件和頁面都保存在這個文件中。網站的功能就是讓妳的網站頁面之間的框架清晰。同時給網站起壹個名字。
4.然後，在網站的根目錄下創建壹個專門存儲網站圖片的文件，並設置默認。這樣，您添加到此網站的所有圖片都會自動保存到此文件中，不會丟失。註意文件名應該是英文的。我用我創建的籃球信息網來介紹壹下吧。點擊右下方的籃球信息網-下拉管理網站-點擊高級設置-設置默認圖片文件夾為新創建的圖片。保存。
5.先做這個網站的主頁，先學會加圖。插入-圖像-選擇要添加的材料。點擊圖片，可以編輯以下屬性，修改圖片大小，添加超鏈接等等。接下來，我將修改圖片的大小進行演示。
6.讓我們學習添加文本。編輯“籃球信息網”。您可以為以下屬性設置文本字體、添加超鏈接等。單擊頁面屬性以詳細編輯文本屬性。
7.網頁基本上是文字和圖片的組合。添加視頻還需要學習者搜索Dreamweaver的視頻進行學習。制作完網頁後記得保存。文件在左上角-保存。
8.最後，我們學習添加超鏈接。我用第二個網頁來演示。選擇籃球信息網文字，點擊頁面底部的屬性-鏈接-點擊文件按鈕，選擇第壹個網頁，籃球信息網文字變為藍色。這是壹個網站的內部鏈接，相反還有壹個外部鏈接。加圖，壹定要寫http://......
9.最後，我們瀏覽網頁。左上角的文件——在瀏覽器中瀏覽網頁，點擊網頁中的兩個鏈接即可到達指定網頁。
擴展數據:
網頁設計
設計網站要註意兩點:整體風格和色彩搭配。
風格
網站的整體風格和創意設計是最難學的。難點在於沒有固定的模式可以參考和模仿。給妳壹個主題，沒有兩個人能設計出完全壹樣的網站。
風格比較抽象。指網站的整體形象給訪問者的綜合感受。這個“整體形象”包括CI (logo、顏色、字體、口號)、布局、瀏覽方式、互動性、文字、語氣、內容價值、存在意義、站點榮譽等諸多因素。
色匹配
無論是平面設計還是網頁設計，色彩永遠是最重要的部分。當我們遠離顯示屏的時候，我們看到的不是壹個漂亮的版面或者漂亮的圖片，而是網頁的顏色。
網頁配色技巧:
1.使用壹種顏色:這裏指的是先選擇壹種顏色，然後調整透明度或飽和度，使頁面看起來顏色統壹，有層次感；
2.使用兩種顏色:首先選擇壹種顏色，然後選擇它的對比色；
3.使用色系:簡單來說，用壹種感覺的顏色，比如淺藍、淺黃、淺綠；或者卡其色，卡其色，卡其色。
在網頁配色中，還要記住壹些誤區:
1.不要用所有的顏色，盡量控制在三到五種顏色以內；
2.背景和上壹篇文章的對比度要盡可能大(千萬不要用復雜的圖案做背景)，才能突出正文內容。
參考資料:
百度百科:設計
如何調整網頁布局？
網頁布局調整方法:
1.首先，在打開的網頁中，單擊文件壹次，然後將其另存為。簡而言之，找到可以保存網頁的命令按鈕，點擊保存網頁。
2.在彈出的保存菜單中選擇“網頁，僅html”選項，點擊保存。
3.現在找到我們的網頁文件，右鍵選擇轉換成adobepdf進行調整。