如何制作網(wǎng)頁-初學(xué)者入門HTML+CSS

時(shí)間：2023-10-02 15:30:01 | 來源：網(wǎng)站運(yùn)營

時(shí)間：2023-10-02 15:30:01 來源：網(wǎng)站運(yùn)營

如何制作網(wǎng)頁-初學(xué)者入門HTML+CSS：

如何制作網(wǎng)頁

如何制作網(wǎng)頁?如何做一個(gè)自己喜歡的網(wǎng)站呢?看到別人有自己的網(wǎng)站是不是有點(diǎn)羨慕呢?當(dāng)然。比較復(fù)雜的網(wǎng)站就需要很多技術(shù)上面的知識(shí)咯。比如javascrpt、jquery、ajax、flash等等!這些都只是讓網(wǎng)站的頁面好看。使靜態(tài)的網(wǎng)站變?yōu)閯?dòng)態(tài)的。那如何制作個(gè)簡單的網(wǎng)頁呢?那么先用Dreamweaver ，F(xiàn)rontpage做,然后細(xì)節(jié)用Homesite，Hotdog修改,圖片用Photoshop動(dòng)畫用fireworks ，Adobe ImageReady ，F(xiàn)lash然后申請空間，域名，大多數(shù)都是收費(fèi)的，最后用軟件上傳就成了。

在開始制作之前，我們先對這個(gè)頁面進(jìn)行一下分析。看看這個(gè)頁面用到了哪些東西。

1.網(wǎng)頁頂端的標(biāo)題“我的主頁”是一段文字。

2.網(wǎng)頁中間是一幅圖片。 □最下端的歡迎詞是一段文字。

3.網(wǎng)頁背景是一深紫紅顏色。 構(gòu)思好這個(gè)網(wǎng)頁的結(jié)構(gòu)，我們就可以開始制作了。







解決方法與步驟：

1.首先啟動(dòng)Dreamweaver，確保你已經(jīng)用站點(diǎn)管理器建立好了一個(gè)網(wǎng)站(根目錄)。 為了制作方便，請您事先打開資源管理器，把要使用的圖片收集到網(wǎng)站目錄images文件夾內(nèi)。







2.然后在創(chuàng)建新項(xiàng)目下面點(diǎn)擊HTML，下面常用到的有javascrpt，和CSS樣式。

3.進(jìn)入頁面編輯設(shè)計(jì)視圖狀態(tài)。在一般情況下，編輯器默認(rèn)左對齊，光標(biāo)在左上角閃爍，光標(biāo)位置就是插入點(diǎn)的位置。如果要想讓文字居中插入，點(diǎn)屬性面板居中按鈕即可。啟動(dòng)中文輸入法輸入“我的主頁”四個(gè)字。字小不要緊，我們可以對它進(jìn)行設(shè)置。







4.使用插入欄：單擊插入欄對象按鈕>選按鈕，彈出“選擇圖像源文件”對話框，其余操作同上。

5.使用面板組“資源”面板(如下圖)：點(diǎn)按鈕，展開根目錄的圖片文件夾，選定該文件，用鼠標(biāo)拖動(dòng)至工作區(qū)合適位置。

6.在圖片右邊空白處單擊，回車換行。仍然按照上述方法，輸入文字“歡迎您??”然后，利用屬性面板對文字進(jìn)行設(shè)置。保存頁面。 一個(gè)簡單的頁面就這樣編輯完畢了。







7.在頁面編輯器中按F12預(yù)覽網(wǎng)頁效果。 網(wǎng)站中的第一頁，也就是首頁，我們通常在存盤時(shí)取名為index.htm。







在很多時(shí)候，我們都需要html的靜態(tài)頁面代碼，那么我們介紹一下靜態(tài)頁面的代碼。

：靜態(tài)網(wǎng)頁源代碼首尾結(jié)構(gòu)標(biāo)記，代碼內(nèi)呈現(xiàn)網(wǎng)頁所有內(nèi)容




=背景色；：網(wǎng)頁主體部分




：標(biāo)簽內(nèi)顯示出網(wǎng)頁臺(tái)頭的標(biāo)題名，用于標(biāo)簽之內(nèi)

：設(shè)定搜索關(guān)鍵字