如何制作網(wǎng)頁?如何做一個自己喜歡的網(wǎng)站?看到別人有自己的網(wǎng)站是不是有點羨慕?當然可以。更復(fù)雜的網(wǎng)站需要大量的技術(shù)知識。比如javascrpt,jquery,ajax,flash等等!這些只是為了讓網(wǎng)站的頁面好看。讓靜態(tài)網(wǎng)站變得動態(tài)。如何制作一個簡單的網(wǎng)頁?然后用Dreamweaver和Frontpage做,然后用Homesite和Hotdog修改細節(jié),用fireworks、Adobe ImageReady和Flash做Photoshop動畫,然后申請空間和域名,大部分是收費的,最后用軟件上傳。
在開始制作之前,我們先來分析一下這個頁面。查看本頁所用內(nèi)容。
1.網(wǎng)頁頂部的標題“我的主頁”是一段文字。
(相關(guān)資料圖)
2.網(wǎng)頁中間有一張圖片。下方的歡迎詞是一段文字。
3.網(wǎng)頁的背景是深紫色。設(shè)計好這個網(wǎng)頁的結(jié)構(gòu)后,我們就可以開始制作了。
解決方案和步驟:
1.首先啟動Dreamweaver,并確保您已經(jīng)用站點管理器設(shè)置了一個網(wǎng)站(根目錄)。為了制作方便,請?zhí)崆按蜷_資源管理器,把要用的圖片收集到網(wǎng)站目錄的images文件夾中。
2.然后單擊創(chuàng)建新項目下的HTML。下面常用的是javascrpt和CSS樣式。
3.進入頁面編輯設(shè)計視圖狀態(tài)。一般情況下,編輯器默認左對齊,光標在左上角閃爍。光標位置是插入點的位置。如果希望文本居中插入,只需單擊屬性面板中的“居中”按鈕。啟動中文輸入法,輸入“我的主頁”這個詞。字小沒關(guān)系,我們可以設(shè)置。
4.使用插入欄:點擊插入欄對象按鈕選擇按鈕,彈出“選擇圖像源文件”對話框。其余操作同上。
5.使用面板組“資源”面板(如下圖):點擊按鈕,展開根目錄下的圖片文件夾,選擇文件,用鼠標拖動到工作區(qū)的適當位置。
6.在圖片右側(cè)空白處點擊,回車喂。還是按照上面的方法,輸入單詞“Welcome”然后用屬性面板設(shè)置單詞。保存頁面。這樣就編輯了一個簡單的頁面。
7.在頁面編輯器中按F12預(yù)覽網(wǎng)頁效果。網(wǎng)站的第一頁,也就是首頁,我們保存的時候通常會命名為index.htm。
很多時候,我們需要html靜態(tài)頁面代碼,那么我們就來介紹一下靜態(tài)頁面代碼。
Html/html:靜態(tài)網(wǎng)頁源代碼開頭和結(jié)尾的結(jié)構(gòu)標記,網(wǎng)頁的所有內(nèi)容都在代碼中呈現(xiàn)。
Bodycolor=背景色;/body:網(wǎng)頁的主要部分。
Title/title:網(wǎng)頁頁眉的標題名顯示在標簽中,用在head/head標簽中。
Metaname=keyword content=IT,education,network”:設(shè)置搜索關(guān)鍵字。
本文到此結(jié)束,希望對大家有所幫助。