- 相關推薦
怎么制作自己的網頁
網頁是我們上網就會看到的一種信息的載體,不同的網頁設計的風格是不一樣的。我們都有自己的空間,那都是別人為我們設計好然后我們直接添加控件即可,那么我們該如何制作自己的網頁呢?下面分享一下制作網頁的基本過程。
工具/原料
1.電腦
2.Dreamweaver
方法/步驟
確定網頁的主體色調風格
我們制作自己的網頁首先應該對自己的網頁有一個整體的規劃,是建一個什么類型的網站,網站主色調使用哪種顏色、設計布局采用什么樣的方式等這些都需要有一個很好的規劃。
2.規劃網站的整體布局——導航、按鈕、圖片、文字的排版方式。
做什么事都不能盲目的沒有目的的進行,那樣只能浪費時間浪費精力,在我們制作網頁之前一定要對網頁的基本元素進行一些設計。可以簡單的畫草圖,或者瀏覽幾個自己比較喜歡的網站學習借鑒。
3.準備和歸類素材——圖片、音頻、視屏、文章等。
制作一個網頁需要大量的文件,我們必須先將這些不同類型的文件進行歸類放置,整理到一個文件夾中。
打開Dreamweaver軟件,新建一個站點,然后在站點下建立不同的文件夾存放素材。
4.建立自己的主頁,按照之前的定的風格設計布局。
不要急著添加圖片和文字,先將導航欄,標題欄和內容欄都規劃好然后在進行素材的導入。注意無論是文件夾的名還是素材名最好使用英文而不是中文。中文狀態很容易報錯,文件添加后就不要更改文件路勁了,否則會導致文件的丟失。
制作網頁是一個非常復雜的過程,如果想從頭到尾自己制作一個網頁的話是很難說清楚的,所以這里就分享一個很簡單的方法。
找到一個適合自己風格或是自己比較喜歡的網頁,右擊鼠標——另存為。
這時瀏覽器就會將這個網頁中的所有的元素都復制下來,存放到一個文件夾中。
打開Dreamweaver軟件代開剛剛下載的網頁,這時Dreamweaver中就會顯示你下載網頁的所有元素,不會出現丟失的情況。
替換網頁中的元素即可。
選擇需要進行修改的圖片或是文字直接更換即可。選擇一個元素然后在下面的屬性欄中進行更換即可。同時還可以更換圖片的大小和其他的屬性。
按下F12進行預覽效果即可。不滿意的地方進行修改,一定要注意隨時保存文件。
【怎么制作自己的網頁】相關文章:
如何制作自己的網頁08-20
怎樣制作網頁 制作網頁詳細操作步驟09-02
網頁設計網頁制作的流程分析08-26
網頁制作教學設計06-29
如何制作網頁設計09-17
Dreamweaver如何制作網頁08-13
Dreamweaver制作網頁的技巧10-06
網頁制作練習試題06-01
網頁設計的制作步驟06-30