(相關資料圖)
制作自己的網頁首先應該對自己的網頁有一個整體的規劃，是建一個什么類型的網站，網站主色調使用哪種顏色、布局采用什么樣的方式等。下面介紹怎樣制作自己的網頁，希望可以為您帶來幫助。
確定網頁的主體色調風格。
我們制作自己的網頁首先應該對自己的網頁有一個整體的規劃，是建一個什么類型的網站，網站主色調使用哪種顏色、設計布局采用什么樣的方式等，這些都需要有一個很好的規劃。
規劃網站的整體布局 導航、按鈕、圖片、文字的排版方式。
做什么事都不能盲目的沒有目的的進行，那樣只能浪費時間浪費精力，在我們制作網頁之前一定要對網頁的基本元素進行一些設計。可以簡單的畫草圖，或者瀏覽幾個自己比較喜歡的網站學習借鑒。
準備和歸類素材 圖片、音頻、視屏、文章等。
制作一個網頁需要大量的文件，我們必須先將這些不同類型的文件進行歸類放置，整理到一個文件夾中。
打開Dreamweaver軟件，新建一個站點，然后在站點下建立不同的文件夾存放素材。
建立自己的主頁，按照之前的定的風格設計布局。
不要急著添加圖片和文字，先將導航欄，標題欄和內容欄都規劃好然后在進行素材的導入。注意無論是文件夾的名還是素材名最好使用英文而不是中文。中文狀態很容易報錯，文件添加后就不要更改文件路勁了，否則會導致文件的丟失。
制作網頁是一個非常復雜的過程，如果想從頭到尾自己制作一個網頁的話是很難說清楚的，所以這里就分享一個很簡單的方法。
找到一個適合自己風格或是自己比較喜歡的網頁，右擊鼠標 另存為。
這時瀏覽器就會將這個網頁中的所有的元素都復制下來，存放到一個文件夾中。
打開Dreamweaver軟件代開剛剛下載的網頁，這時Dreamweaver中就會顯示你下載網頁的所有元素，不會出現丟失的情況。
替換網頁中的元素即可。
選擇需要進行修改的圖片或是文字直接更換即可。選擇一個元素然后在下面的屬性欄中進行更換即可。同時還可以更換圖片的大小和其他的屬性。
按下F12進行預覽效果即可。不滿意的地方進行修改，一定要注意隨時保存文件。
2怎么制作簡單的網頁 首先下載安裝Dreamweaver，打開后，新建一個網頁，一般選擇 HTML 建立網頁。選擇 經典 界面，有助于我們更便捷使用這個軟件。
下面選擇這三個界面，代碼、拆分、設計，一般默認設計界面，對于新手這個功能具有可視化，能更好的制作網頁。
下面我們來制作網站站點，在上建一個文件作為根目錄。我們所建網站的所有文件和網頁都保存在這個文件中。站點的作用就是使你的網站網頁之間框架清晰。同時給站點起個名字。
然后再在站點根目錄下建立一個專門儲存網站圖片的文件，并設置默認。這樣你添加到這個網站的所有圖片都自動保存到這個文件，不會丟失。注意文件命名要用英文。下面我用我建立的(籃球資訊網)來介紹，點擊右下方籃球資訊網 下拉點擊管理站點 點擊高級設置 設置默認圖像文件夾為剛建立的images。保存。
下面我們來制作這個網站首頁，先學習添加圖片。插入 圖像 選擇素材添加。點擊圖片，下面屬性可以編輯修改圖片大小，添加超鏈接等等。下面我修改圖片大小做示范。
下面學習添加文本。編輯 籃球資訊網 ，下面屬性可以設置文本字體、添加超鏈接等等，點擊頁面屬性，可以詳細編輯文本屬性。
網頁基本就是文字和圖片的組合，添加視頻還需要學習者好好搜索Dreamweaver 的使用視頻加以學習。最后制作完一個網頁要記得保存。左上角文件 保存。
最后我們學習添加超鏈接。我用建立的第二個網頁來做示范。選中籃球資訊網文本，點擊頁面下方屬性 鏈接 點文件小按鈕 選中第一個網頁，這樣籃球資訊網文本變成藍色。這是網站內部鏈接，相反就有外部鏈接。添加如圖，一定要寫http://......就可以了。
最后我們瀏覽網頁。左上角文件 在瀏覽器中瀏覽網頁，點擊網頁中兩個鏈接都能到達指定網頁。
移動網頁設計要注意什么
1. 內容優先
桌面站點可以有1024*768的分辨率，而智能機僅有320*480分辨率，如何在如此小的分辨率中，在不降低用戶體驗效果前提下進行設計是很有挑戰性的。桌面站點常常包涵更廣的內容，而移動站點僅包涵一些符合使用情境的主要功能和特征，Orbitz的桌面站點和移動站點。移動站點應該通過移動設備將用戶更需要的內容和特征展現給用戶。一些站點內容，信息架構和屏幕布局都是在深度理解客戶需求的前提下設計的。
2. 垂直瀏覽取代水平瀏覽
在呈現數據結構和數據內容時，水平導航是一種廣泛采用的導航方式。用戶可以從左到右，點擊不同的站點鏈接來瀏覽。至于頂端時，用戶可以更容易聚焦于頁面的內容，而在兩側時，會很容易干擾用戶視線。在我的研究中，90%的移動站點采用垂直導航的方式取代水平導航，包括Urban Outfitters移動站點。
3. 導航條，標簽和超文本
超鏈接是因特網站點的主要組成部分，然而，在移動站點中，我們則很少看到超鏈接。并不是在移動站點中沒有超鏈接，而是被一些導航條，標簽和按鈕等取代了。用戶使用手指來操作移動設備是產生垂直導航方式的原因之一。
在電腦上，移動鼠標，點擊超鏈接是很理想的查看信息的方式，但是在移動設備中，通過手指觸摸屏幕來打開超鏈接就不那么容易了。用戶可以很容易激活一個鏈接，進入一個新頁面，但，這并不是用戶期望的頁面，如果這樣的話，會產生非常差的體驗效果。Fitts定律告訴我們使用指點設備達到一個目標的時間與設備當前的位置和目標位置的距離，以及目標的大小有移動的關系。在一些大的手機站點中，導航條，標簽和按鈕會吸引更多的注意力。
4.移動網頁中的廣告
相對于其他廣告形式，移動網絡廣告，借助于移動終端所特有的硬件或傳感器特性，可以具有更強的達到率、互動性、定位能力、傳播性、交易能力廣告特點，如AR，二維碼，藍牙廣告，LBS基于位置的營銷活動互動、與其他媒體的網絡互動廣告。
單頁設計有什么作用
1、減少帶寬占用
盡管不像從前，對服務器而言已經不成問題，不過想想近年來有多少用戶通過移動設備訪問你的網站。減少網站的帶寬占用，會贏得流量有限的用戶的感激。
2、消滅了移動版網站
當然，響應式設計不只限于單頁網站。但即使采用了響應式設計，網站越復雜，讓它適應小屏幕還是愈發困難。單頁網站并不復雜，這是必然的。運用響應式設計總體來說更容易。簡化導航和類似改變，也更容易成就適用于小屏幕的設計。
3、分割內容
單個頁面不代表一整個冗長部分。實際上也不該如此。將內容根據邏輯劃分為幾大塊，用戶才能更容易找到他們所需。
4、讓所有的背景都有所作為
單頁網站常常有大幅背景。當然，有時候這些背景很樸素，或帶有平鋪紋理;不過也有單頁網站利用所有的空間來揮灑創意。前面提到了，這也有助于劃分內容。背景未必要是單一的圖片。可以是一系列圖片，如果這樣做與內容更相符的話。
以上是整理的怎樣制作自己的網頁全部內容。
尚訓網
