環(huán)球報(bào)道:怎么制作網(wǎng)站詳細(xì)流程_怎么制作網(wǎng)站

如何制作網(wǎng)頁？如何做一個(gè)自己喜歡的網(wǎng)站？看到別人有自己的網(wǎng)站是不是有點(diǎn)羨慕？當(dāng)然可以。更復(fù)雜的網(wǎng)站需要大量的技術(shù)知識。比如javascrpt，jquery，ajax，flash等等！這些只是為了讓網(wǎng)站的頁面好看。讓靜態(tài)網(wǎng)站變得動(dòng)態(tài)。如何制作一個(gè)簡單的網(wǎng)頁？然后用Dreamweaver和Frontpage做，然后用Homesite和Hotdog修改細(xì)節(jié)，用fireworks、Adobe ImageReady和Flash做Photoshop動(dòng)畫，然后申請空間和域名，大部分是收費(fèi)的，最后用軟件上傳。

在開始制作之前，我們先來分析一下這個(gè)頁面。查看本頁所用內(nèi)容。

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

【資料圖】

2.網(wǎng)頁中間有一張圖片。下方的歡迎詞是一段文字。

3.網(wǎng)頁的背景是深紫色。設(shè)計(jì)好這個(gè)網(wǎng)頁的結(jié)構(gòu)后，我們就可以開始制作了。

解決方案和步驟：

1.首先啟動(dòng)Dreamweaver，并確保您已經(jīng)用站點(diǎn)管理器設(shè)置了一個(gè)網(wǎng)站(根目錄)。為了制作方便，請?zhí)崆按蜷_資源管理器，把要用的圖片收集到網(wǎng)站目錄的images文件夾中。

2.然后單擊創(chuàng)建新項(xiàng)目下的HTML。下面常用的是javascrpt和CSS樣式。

3.進(jìn)入頁面編輯設(shè)計(jì)視圖狀態(tài)。一般情況下，編輯器默認(rèn)左對齊，光標(biāo)在左上角閃爍。光標(biāo)位置是插入點(diǎn)的位置。如果希望文本居中插入，只需單擊屬性面板中的“居中”按鈕。啟動(dòng)中文輸入法，輸入“我的主頁”這個(gè)詞。字小沒關(guān)系，我們可以設(shè)置。

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

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

6.在圖片右側(cè)空白處點(diǎn)擊，回車喂。還是按照上面的方法，輸入單詞“Welcome”然后用屬性面板設(shè)置單詞。保存頁面。這樣就編輯了一個(gè)簡單的頁面。

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

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

Html/html:靜態(tài)網(wǎng)頁源代碼開頭和結(jié)尾的結(jié)構(gòu)標(biāo)記，網(wǎng)頁的所有內(nèi)容都在代碼中呈現(xiàn)。

Bodycolor=背景色；/body:網(wǎng)頁的主要部分。

Title/title:網(wǎng)頁頁眉的標(biāo)題名顯示在標(biāo)簽中，用在head/head標(biāo)簽中。

Metaname=keyword content=IT，education，network”:設(shè)置搜索關(guān)鍵字。

本文到此結(jié)束，希望對大家有所幫助。

關(guān)鍵詞：