在開始制作之前,讓我們分析一下這個頁面??纯催@個頁面用了什么。
1.網(wǎng)頁頂部的標題我的主頁是一段文字。
2.網(wǎng)頁中間是圖片?!跸露说臍g迎詞是一段。
3.網(wǎng)頁的背景是深紫色的。我們可以開始構(gòu)思網(wǎng)頁的結(jié)構(gòu)。解決方案和步驟:
1.首先啟動Dreamweaver,確保您已經(jīng)用網(wǎng)站管理器建立了一個網(wǎng)站(根目錄)。為了方便制作,請?zhí)崆按蜷_資源管理器,并將圖片收集到網(wǎng)站目錄images文件夾內(nèi)。2.然后點擊創(chuàng)建新項目HTML,下面常用的有javascrpt,和CSS樣式。
3.進入頁面編輯設計視圖狀態(tài)。一般情況下,編輯器默認左對齊,光標在左上角閃爍,光標位置為插入點。如果要插入文字居中,可以點擊屬性面板居中按鈕。啟動中文輸入法輸入我的主頁四個字。沒關(guān)系,我們可以設置它。4.使用插入欄:單擊插入欄對象按鈕>選擇按鈕,彈出選擇圖像源文件對話框,其余操作相同。
5.使用面板組的資源面板(如下圖所示):點擊按鈕,展開根目錄的圖片文件夾,選擇文件,用鼠標拖動到工作區(qū)的合適位置。
6.單擊圖片右側(cè)空白處,返回車輛換行。按照上述方法,輸入文本歡迎??然后用屬性面板設置文本。保存頁面。就這樣編輯了一個簡單的頁面。7.在頁面編輯器中預覽網(wǎng)頁效果。網(wǎng)站的**頁,即主頁,我們通常在存盤時命名index.htm。很多時候,我們都需要它html靜態(tài)頁面代碼,然后我們介紹靜態(tài)頁面代碼。網(wǎng)站主頁怎么制作。
<html></html>:靜態(tài)網(wǎng)頁源代碼的結(jié)構(gòu)標記顯示了網(wǎng)頁的所有內(nèi)容
<bodybgcolor>=背景色;</body>:網(wǎng)頁主體部分制作一個小型網(wǎng)站。
<title></title>:網(wǎng)頁臺頭的標題名顯示在標簽中,用于標簽<head></head>標簽之內(nèi)
<metaname=關(guān)鍵字content=IT,教育,網(wǎng)絡>:設置搜索關(guān)鍵字
○布局提示
○色彩的搭配
○字體設置和表格嵌套網(wǎng)站首頁制作代碼。
○細微之處見功力html網(wǎng)頁設計作品代碼。
○考慮不同的瀏覽器和分辨率PSAPP首頁制作。
○設計好你的banner和位置
○meta標簽的重要性
○主頁設計建議怎么制作小網(wǎng)站。
這只是主頁設計的介紹。讓我們對主頁設計的步驟有一個大致的了解。
主頁,從根本上說是全站內(nèi)容的目錄,是一個索引。但僅僅列出目錄顯然是不夠的。如何設計主頁?一般步驟如下:
●確定主頁的功能模塊
●設計主頁布局
●處理技術(shù)細節(jié)
一).確定主頁的功能模塊。
主頁內(nèi)容模塊是指您需要在主頁上實現(xiàn)的主要內(nèi)容和功能。一般網(wǎng)站都需要這樣的模塊:
網(wǎng)站名稱(logo),一鍵免費生成網(wǎng)頁的網(wǎng)站。
廣告條(banner),
主菜單(menu),
新聞(what's
new),html網(wǎng)頁制作案例及素材。
搜索(search),
友情鏈接(links),an首頁制作。
郵件列表(maillist),計數(shù)器(count),
版權(quán)(copyright).
首先要確定選擇哪些模塊,實現(xiàn)哪些功能,是否需要添加其他模塊。個人導航網(wǎng)制作。
二).設計主頁布局制作網(wǎng)站首頁界面圖片。
確定功能模塊后,開始設計主頁布局。就像積木一樣,每個模塊都是一個單元積木。如何建造一座漂亮的房子取決于你的創(chuàng)造力和想象力。
設計布局的**方法是找一張白紙和一支筆,先勾勒出你理想的草圖,然后用網(wǎng)頁制作軟件。
三).處理技術(shù)細節(jié)
如何在不同的分辨率下保持主頁不變形?IE和NC它看起來不太丑,如何設置字體和鏈接顏色...等等。
主頁設計是整個網(wǎng)站設計的難點和關(guān)鍵,總結(jié)出一套合理易學的設計方法,從一個例子中得出推論,使我們更容易完成整個網(wǎng)站的設計和生產(chǎn)。