• 
• 
• 
• 
• 
• 
• 

知識(shí)普及 ? DW制作網(wǎng)頁(yè)的基本步驟

DW制作網(wǎng)頁(yè)的基本步驟

佚名 于2010-01-26 16:38發(fā)表 閱讀次數(shù) 16076次

本教程主要是針對(duì)初學(xué)者，如何使用Dreamweaver制作一個(gè)網(wǎng)頁(yè)？這個(gè)教程具體詳細(xì)講解了制作網(wǎng)頁(yè)的步驟，及注意的問題，并且拿一個(gè)實(shí)例來(lái)給大家做了一下詳細(xì)講解！  　　創(chuàng)建網(wǎng)頁(yè)頁(yè)面 　　1、在Dreamveaver“文件－新建－常規(guī)－基本頁(yè)－HTML”，這樣就建好了一個(gè)頁(yè)面，英文版的默認(rèn)的文件名為untitled.htm。中文版的的默認(rèn)的文件名為“無(wú)標(biāo)題文檔”。htm就表示這個(gè)網(wǎng)頁(yè)文件是一個(gè)靜態(tài)的HTML文件。給它改名為index.htm。 　　 　　 注：網(wǎng)站第一頁(yè)的名字通常是index.htm或index.html。其它頁(yè)面的名字可以自己取。這也就是主頁(yè)，上傳后打開網(wǎng)頁(yè)默認(rèn)連接到此頁(yè)。    轉(zhuǎn)自：奈薇建站網(wǎng)（www.nev.cn） 　　2、在標(biāo)題空格里輸入網(wǎng)頁(yè)名稱，點(diǎn)擊修改－頁(yè)面屬性，打開“頁(yè)面屬性”窗口。在這里可以設(shè)置網(wǎng)站的標(biāo)題、背景顏色或背景圖像，超級(jí)鏈接的顏色（一般默認(rèn)即可），其他都保持默認(rèn)即可。 　　3．此時(shí)光標(biāo)位于左上角，可輸入一句話，如“歡迎來(lái)到我的主頁(yè)”。選取文字，用菜單“窗口/屬性”打開屬性面板，選取文字大小為6，再使文字居中，然后在文字前用幾個(gè)回車使其位于頁(yè)面中間等。 　　4．如要選取字體，則選擇字體中的最后一項(xiàng)：編輯字體列表。然后在對(duì)話框中選+號(hào)，接著在“可用字體”欄中選擇需要加入到字體列表中的一種字體，點(diǎn)擊中間的按鈕就可以加入了。 　　 注：在網(wǎng)頁(yè)上最常用的是宋體字。不要將特殊的字體加到列表中使用，因?yàn)閯e人電腦上未裝就看不到。如果需要用的話，要做成圖片后再使用。 　　 注：在網(wǎng)頁(yè)上打入空格的辦法是：把輸入法調(diào)為全角。 　　 注：在網(wǎng)頁(yè)上換行的辦法是：shift+Enter。只按Enter則為換段。 　　下面拿一個(gè)現(xiàn)成的例子來(lái)給大家講解一下：   　　在開始制作之前，我們先對(duì)這個(gè)頁(yè)面進(jìn)行一下分析?？纯催@個(gè)頁(yè)面用到了哪些東西。 　　 網(wǎng)頁(yè)頂端的標(biāo)題“我的主頁(yè)”是一段文字。 　　 網(wǎng)頁(yè)中間是一幅圖片。 　　 最下端的歡迎詞是一段文字。 　　 網(wǎng)頁(yè)背景是一深紫紅顏色。 　　 構(gòu)思好這個(gè)網(wǎng)頁(yè)的結(jié)構(gòu)，我們就可以開始制作了。 　　 首先啟動(dòng)Dreamweaver，確保你已經(jīng)用站點(diǎn)管理器建立好了一個(gè)網(wǎng)站（根目錄）。 　　 為了制作方便，請(qǐng)您事先打開資源管理器，把要使用的圖片收集到網(wǎng)站目錄images文件夾內(nèi)。 　　【插入標(biāo)題文字】 　　 進(jìn)入頁(yè)面編輯設(shè)計(jì)視圖狀態(tài)。在一般情況下，編輯器默認(rèn)左對(duì)齊，光標(biāo)在左上角閃爍，光標(biāo)位置就是插入點(diǎn)的位置。如果要想讓文字居中插入，點(diǎn)屬性面板居中按鈕即可。啟動(dòng)中文輸入法輸入“我的主頁(yè)”四個(gè)字。字小不要緊，我們可以對(duì)它進(jìn)行設(shè)置。 　　【設(shè)置文字的格式】 選中文字，在上圖屬性面板中將字體格式設(shè)置成默認(rèn)字體，大小可任意更改字號(hào)。并選中“B”將字體變粗。 　　【設(shè)置文字的顏色】首先選中文字，在屬性面板中，單擊顏色選擇圖標(biāo)，在彈出的顏色選擇器中用滴管選取顏色即可。 　　        【設(shè)置網(wǎng)頁(yè)的標(biāo)題和背景顏色】 　 　 點(diǎn)擊“修改”菜單選“頁(yè)面屬性”。系統(tǒng)彈出頁(yè)面屬性對(duì)話框 　　請(qǐng)?jiān)跇?biāo)題輸入框填入標(biāo)題“我的主頁(yè)”。 　　 設(shè)置背景顏色：　網(wǎng)頁(yè)背景可以是圖片，也可以是顏色。此例是顏色。如上圖打開背景顏色選擇器進(jìn)行選取。如果背景要設(shè)為圖片，點(diǎn)擊背景圖象“瀏覽”按鈕，系統(tǒng)彈出圖片選擇對(duì)話框，選中背景圖片文件，點(diǎn)擊確定按鈕。 　　設(shè)計(jì)視圖狀態(tài)，在標(biāo)題“我的主頁(yè)”右邊空白處單擊鼠標(biāo)，回車換一行，按照以下的步驟插入一幅畫圖片，并使這張圖片居中。您也可以通過(guò)屬性面板中的左對(duì)齊按鈕讓其居左安放。 　   【插入圖像】 選擇以下任意一種方法： 　?。?）使用插入菜單：在“插入”菜單選“圖像”，彈出“選擇圖像源文件”對(duì)話框，選中該圖像文件，單擊確定。 　    （2）使用插入欄：?jiǎn)螕舨迦霗趯?duì)象按鈕>選 按鈕，彈出“選擇圖像源文件”對(duì)話框，其余操作同上。 　?。?）使用面板組“資源”面板（如下圖）：點(diǎn)按鈕，展開根目錄的圖片文件夾，選定該文件，用鼠標(biāo)拖動(dòng)至工作區(qū)合適位置。 　　注：為了管理方便，我們把圖片放在“images”文件夾內(nèi)。如果圖片少，您也可以放在站點(diǎn)根目錄下。注意文件名要用英文或用拼音文字命名而且使用小寫，不能用中文，否則要出現(xiàn)一些麻煩。 　　 一個(gè)圖片就插入完畢了。（插入*.swf動(dòng)畫文件，選擇“插入”菜單＞媒體＞Flash）。 　　【輸入歡迎文字】 　　 在圖片右邊空白處單擊，回車換行。仍然按照上述方法，輸入文字“歡迎您……”然后，利用屬性面板對(duì)文字進(jìn)行設(shè)置。 　　保存頁(yè)面。 　　一個(gè)簡(jiǎn)單的頁(yè)面就這樣編輯完畢了。 　　【預(yù)覽網(wǎng)頁(yè)】在頁(yè)面編輯器中按F12預(yù)覽網(wǎng)頁(yè)效果。 　　網(wǎng)站中的第一頁(yè)，也就是首頁(yè)，我們通常在存盤時(shí)取名為index.htm。 　　【小結(jié)】我們制作了一個(gè)簡(jiǎn)單的網(wǎng)頁(yè)。 　　　 內(nèi)容有四：    轉(zhuǎn)自：奈薇建站網(wǎng)（www.nev.cn） 　　　 ①圖片插入和對(duì)齊設(shè)置； 　　　 ②文字的格式、顏色和加粗等設(shè)置； 　　　 ③背景顏色的設(shè)置； 　　　 ④預(yù)覽網(wǎng)頁(yè)，查看實(shí)際效果。  　　　不僅要掌握還要舉一反三反復(fù)練習(xí)。

DW制作網(wǎng)頁(yè)的基本步驟相關(guān)標(biāo)簽：做網(wǎng)站，網(wǎng)站設(shè)計(jì)，網(wǎng)站搭建，開發(fā)網(wǎng)站

相關(guān)熱點(diǎn)推薦

為什么網(wǎng)站制作價(jià)格越來(lái) 網(wǎng)頁(yè)配色密碼 響應(yīng)式網(wǎng)頁(yè)你了解嗎？ 如何創(chuàng)建一個(gè)用戶體驗(yàn)良 店鋪推廣之SEO入門 寫給在職設(shè)計(jì)師們 分類目錄 一個(gè)好的網(wǎng)站應(yīng)該同時(shí)具 網(wǎng)頁(yè)設(shè)計(jì)制作應(yīng)注意的問 網(wǎng)頁(yè)界面設(shè)計(jì)教程四：色 化妝品的網(wǎng)站策劃分析 網(wǎng)站設(shè)計(jì)如何做好風(fēng)格統(tǒng) 網(wǎng)站重建怎么保護(hù)已有的 頻繁改版引發(fā)的合意性思 迅速提高網(wǎng)站流量的方法 企業(yè)建站誤區(qū) 防止IE主頁(yè)被修改的辦 WEB設(shè)計(jì)經(jīng)驗(yàn) 網(wǎng)站推廣技巧之鏈接策略 如何做出創(chuàng)意設(shè)計(jì)的網(wǎng)站 網(wǎng)頁(yè)的版式設(shè)計(jì)—文字的 平度網(wǎng)站設(shè)計(jì)公司哪家好 搜索引擎的算法 一個(gè)網(wǎng)站，5個(gè)目標(biāo) 軟件與網(wǎng)站設(shè)計(jì)的區(qū)別 如何挑選專業(yè)的網(wǎng)站建設(shè) 個(gè)人主頁(yè)作用 生動(dòng)的設(shè)計(jì) 如何處理和把握網(wǎng)頁(yè)設(shè)計(jì) 有趣且相當(dāng)實(shí)用的Pho 中國(guó)中小企業(yè)網(wǎng)站建設(shè)規(guī) 網(wǎng)站建設(shè)時(shí)，設(shè)計(jì)首頁(yè)時(shí) 專業(yè)網(wǎng)站建設(shè)準(zhǔn)則 企業(yè)網(wǎng)站需要做哪些內(nèi)容 添加新網(wǎng)頁(yè)速度不要太快 企業(yè)網(wǎng)站建設(shè)的常見誤區(qū) 網(wǎng)站設(shè)計(jì)的前期溝通之重 行之有效的網(wǎng)絡(luò)推廣方式

奈薇建站網(wǎng)青島網(wǎng)站建設(shè)公司/青島網(wǎng)站制作公司，專業(yè)提供"氣質(zhì)"型網(wǎng)站建設(shè)及精美網(wǎng)站制作服務(wù)，同時(shí)歡迎各地網(wǎng)站建設(shè)公司、網(wǎng)站制作公司代理我們的奈薇建站系統(tǒng)共同發(fā)展

熱點(diǎn)地區(qū)：青島網(wǎng)站建設(shè)價(jià)格 青島即墨網(wǎng)站制作公司 開發(fā)區(qū)信息港 山東在線門戶