在沒有好思路的時(shí)候，就動(dòng)手制作網(wǎng)站通常會(huì)步履艱辛 。因?yàn)闆]有很清晰的藍(lán)圖，你不知道網(wǎng)站將會(huì)做成什么樣子。這里上海網(wǎng)站建設(shè)潤(rùn)滋介紹一種很好用的方法，讓你很快就能上手制作出精美的網(wǎng)站。

我們平時(shí)在瀏覽網(wǎng)站時(shí)會(huì)看到許多制作精美的網(wǎng)站，而這些精美的網(wǎng)站就是可用資源。我們可以利用這些網(wǎng)站創(chuàng)建一個(gè)類似的網(wǎng)站。從網(wǎng)頁(yè)上復(fù)制代碼然后粘貼到Dreamweaver中進(jìn)行編輯修改制成屬于自己的網(wǎng)站。

 

步驟說(shuō)明-上海網(wǎng)站建設(shè)

1. 打開瀏覽器輸入你心儀的網(wǎng)站登錄該網(wǎng)站。找到網(wǎng)站源代碼并進(jìn)行復(fù)制。這里需要看是你使用的是什么瀏覽器，不同的瀏覽器源代碼在不同的地方。

a) 火狐：在火狐瀏覽器頂部點(diǎn)擊““查看”菜單。在查看的下拉菜單中，選擇倒數(shù)第二個(gè)選項(xiàng)“查看源代碼”，會(huì)彈出一個(gè)HTML源代碼的頁(yè)面。找到“編輯”鍵，選擇“全選”，再在同菜單點(diǎn)擊“復(fù)制”按鈕

b) IE瀏覽器：在瀏覽器頂部找到“查看”字樣, 選擇在子菜單接近底部部分的“源代碼”。之后會(huì)彈出一個(gè)獨(dú)立的HTML源代碼對(duì)話框。在對(duì)話框頂部找到“編輯”，選擇“全選”，再選擇“復(fù)制”功能鍵。也可以使用快捷鍵操作。

2. 打開一個(gè)Dreamwearver HTML空白頁(yè)面。確保打開的頁(yè)面是在“代碼”頁(yè)面，而不是在“設(shè)計(jì)”頁(yè)面。你可以在空白頁(yè)面頂部查看三種呈現(xiàn)形式：“代碼”，“拆分”，“設(shè)計(jì)”。點(diǎn)擊“代碼”，你就可以看到HTML基本架構(gòu)了。如圖中所示。

3. 全選整個(gè)頁(yè)面然后刪除HTMl基本架構(gòu)。把之前復(fù)制的代碼粘貼到這當(dāng)中。接下來(lái)，選擇“設(shè)計(jì)”呈現(xiàn)方式，你就可以看到頁(yè)面的設(shè)計(jì)了。現(xiàn)在你就可以免費(fèi)對(duì)源代碼進(jìn)行編輯修改，或者把它當(dāng)作是自己網(wǎng)站的模板進(jìn)行修改了。

小貼士

1.  Dreamweaver 提供許多插件程序，幫助你把網(wǎng)站建的更具動(dòng)態(tài)性。

2.  如果你要?jiǎng)?chuàng)建自己的網(wǎng)站，非常重要的一點(diǎn)是，你可以復(fù)制源代碼，但不可以照搬所有，需要對(duì)網(wǎng)站進(jìn)行處理，讓它成為自己的網(wǎng)站。否則將被視為是抄襲行為。