- 相關(guān)推薦
怎么制作自己的網(wǎng)頁(yè)
網(wǎng)頁(yè)是我們上網(wǎng)就會(huì)看到的一種信息的載體,不同的網(wǎng)頁(yè)設(shè)計(jì)的風(fēng)格是不一樣的。我們都有自己的空間,那都是別人為我們?cè)O(shè)計(jì)好然后我們直接添加控件即可,那么我們?cè)撊绾沃谱髯约旱木W(wǎng)頁(yè)呢?下面分享一下制作網(wǎng)頁(yè)的基本過(guò)程。
工具/原料
1.電腦
2.Dreamweaver
方法/步驟
確定網(wǎng)頁(yè)的主體色調(diào)風(fēng)格
我們制作自己的網(wǎng)頁(yè)首先應(yīng)該對(duì)自己的網(wǎng)頁(yè)有一個(gè)整體的規(guī)劃,是建一個(gè)什么類型的網(wǎng)站,網(wǎng)站主色調(diào)使用哪種顏色、設(shè)計(jì)布局采用什么樣的方式等這些都需要有一個(gè)很好的規(guī)劃。
2.規(guī)劃網(wǎng)站的整體布局——導(dǎo)航、按鈕、圖片、文字的排版方式。
做什么事都不能盲目的沒(méi)有目的的進(jìn)行,那樣只能浪費(fèi)時(shí)間浪費(fèi)精力,在我們制作網(wǎng)頁(yè)之前一定要對(duì)網(wǎng)頁(yè)的基本元素進(jìn)行一些設(shè)計(jì)?梢院(jiǎn)單的畫(huà)草圖,或者瀏覽幾個(gè)自己比較喜歡的網(wǎng)站學(xué)習(xí)借鑒。
3.準(zhǔn)備和歸類素材——圖片、音頻、視屏、文章等。
制作一個(gè)網(wǎng)頁(yè)需要大量的文件,我們必須先將這些不同類型的文件進(jìn)行歸類放置,整理到一個(gè)文件夾中。
打開(kāi)Dreamweaver軟件,新建一個(gè)站點(diǎn),然后在站點(diǎn)下建立不同的文件夾存放素材。
4.建立自己的主頁(yè),按照之前的定的風(fēng)格設(shè)計(jì)布局。
不要急著添加圖片和文字,先將導(dǎo)航欄,標(biāo)題欄和內(nèi)容欄都規(guī)劃好然后在進(jìn)行素材的導(dǎo)入。注意無(wú)論是文件夾的名還是素材名最好使用英文而不是中文。中文狀態(tài)很容易報(bào)錯(cuò),文件添加后就不要更改文件路勁了,否則會(huì)導(dǎo)致文件的丟失。
制作網(wǎng)頁(yè)是一個(gè)非常復(fù)雜的過(guò)程,如果想從頭到尾自己制作一個(gè)網(wǎng)頁(yè)的話是很難說(shuō)清楚的,所以這里就分享一個(gè)很簡(jiǎn)單的方法。
找到一個(gè)適合自己風(fēng)格或是自己比較喜歡的網(wǎng)頁(yè),右擊鼠標(biāo)——另存為。
這時(shí)瀏覽器就會(huì)將這個(gè)網(wǎng)頁(yè)中的所有的元素都復(fù)制下來(lái),存放到一個(gè)文件夾中。
打開(kāi)Dreamweaver軟件代開(kāi)剛剛下載的網(wǎng)頁(yè),這時(shí)Dreamweaver中就會(huì)顯示你下載網(wǎng)頁(yè)的所有元素,不會(huì)出現(xiàn)丟失的情況。
替換網(wǎng)頁(yè)中的元素即可。
選擇需要進(jìn)行修改的圖片或是文字直接更換即可。選擇一個(gè)元素然后在下面的屬性欄中進(jìn)行更換即可。同時(shí)還可以更換圖片的大小和其他的屬性。
按下F12進(jìn)行預(yù)覽效果即可。不滿意的地方進(jìn)行修改,一定要注意隨時(shí)保存文件。
【怎么制作自己的網(wǎng)頁(yè)】相關(guān)文章:
如何制作自己的網(wǎng)頁(yè)02-21
dreamweaver怎么制作網(wǎng)頁(yè)03-09
fireworks怎么制作網(wǎng)頁(yè)03-21
怎么用Dreamweaver制作網(wǎng)頁(yè)05-01
Dreamweaver怎么制作網(wǎng)頁(yè)模板05-16
用Dreamweaver怎么制作網(wǎng)頁(yè)05-01
怎樣制作網(wǎng)頁(yè) 制作網(wǎng)頁(yè)詳細(xì)操作步驟01-23