1.首先下載並安裝Dreamweaver。打開後，創建壹個新網頁。壹般選擇“HTML”來創建網頁。選擇“經典”界面將有助於我們更方便地使用該軟件。
2.選擇以下三個接口:編碼、拆分和設計。壹般設計默認界面，對於初學者來說比較直觀，可以把網頁做的更好。
3.我們做壹個網站，在電腦上建壹個文件作為根目錄。我們網站的所有文件和頁面都保存在這個文件中。網站的功能就是讓妳的網站頁面之間的框架清晰。同時給網站起壹個名字。
4.然後，在網站的根目錄下創建壹個專門存儲網站圖片的文件，並設置默認。這樣，您添加到此網站的所有圖片都會自動保存到此文件中，不會丟失。註意文件名應該是英文的。我用我創建的籃球信息網來介紹壹下吧。點擊右下方的籃球信息網-下拉管理網站-點擊高級設置-設置默認圖片文件夾為新創建的圖片。保存。
5.先做這個網站的主頁，先學會加圖。插入-圖像-選擇要添加的材料。點擊圖片，可以編輯以下屬性，修改圖片大小，添加超鏈接等等。接下來，我將修改圖片的大小進行演示。
6.讓我們學習添加文本。編輯“籃球資訊網”。您可以為以下屬性設置文本字體、添加超鏈接等。單擊頁面屬性以詳細編輯文本屬性。
7.網頁基本上是文字和圖片的組合。添加視頻還需要學習者搜索Dreamweaver的視頻進行學習。制作完網頁後記得保存。文件在左上角-保存。
8.最後，我們學習添加超鏈接。我用第二個網頁來演示。選擇籃球信息網文字，點擊頁面底部的屬性-鏈接-點擊文件按鈕，選擇第壹個網頁，籃球信息網文字變為藍色。這是壹個網站的內部鏈接，相反還有壹個外部鏈接。加圖，壹定要寫http://......
9.最後，我們瀏覽網頁。左上角的文件——在瀏覽器中瀏覽網頁，點擊網頁中的兩個鏈接即可到達指定網頁。
擴展數據:
網頁設計
設計網站要註意兩點:整體風格和色彩搭配。
風格
網站的整體風格和創意設計是最難學的。難點在於沒有固定的模式可以參考和模仿。給妳壹個主題，沒有兩個人能設計出完全壹樣的網站。
風格比較抽象。指網站的整體形象給訪問者的綜合感受。這個“整體形象”包括CI (logo、顏色、字體、口號)、布局、瀏覽方式、互動性、文字、語氣、內容價值、存在意義、站點榮譽等諸多因素。
色匹配
無論是平面設計還是網頁設計，色彩永遠是最重要的部分。當我們遠離顯示屏的時候，我們看到的不是壹個漂亮的版面或者漂亮的圖片，而是網頁的顏色。
網頁配色技巧:
1.使用壹種顏色:這裏指的是先選擇壹種顏色，然後調整透明度或飽和度，使頁面看起來顏色統壹，有層次感；
2.使用兩種顏色:首先選擇壹種顏色，然後選擇它的對比色；
3.使用色系:簡單來說，用壹種感覺的顏色，比如淺藍、淺黃、淺綠；或者卡其色，卡其色，卡其色。
在網頁配色中，還要記住壹些誤區:
1.不要用所有的顏色，盡量控制在三到五種顏色以內；
2.背景和上壹篇文章的對比度要盡可能大(千萬不要用復雜的圖案做背景)，才能突出正文內容。
參考資料:
百度百科:設計