dreamweaver教程2

《dreamweaver教程2》由會員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在教育資源-天天文庫。

1、Dreamweaver8教程二-本地站點(diǎn)的搭建與管理時間:2009-10-0114:00來源:未知作者:大寶庫點(diǎn)擊:4627次閱讀工具：字體：大中小-　　要制作一個能夠被大家瀏覽的網(wǎng)站，首先需要在本地磁盤上制作這個網(wǎng)站，然后把這個網(wǎng)站傳到互聯(lián)網(wǎng)的web服務(wù)器上。放置在本地磁盤上的網(wǎng)站被稱為本地站點(diǎn)，位于互聯(lián)網(wǎng)web服務(wù)器里的網(wǎng)站被稱為遠(yuǎn)程站點(diǎn)。Dreamweaver8提供了對本地站點(diǎn)和遠(yuǎn)程站點(diǎn)強(qiáng)大的管理功能?！　?、規(guī)劃站點(diǎn)結(jié)構(gòu)　　網(wǎng)站是多個網(wǎng)頁的集合，其包括一個首頁和若干個分頁，這種集合不是簡單的集合。為了達(dá)到最佳效果，在創(chuàng)建任何Web站點(diǎn)頁面之前

2、，要對站點(diǎn)的結(jié)構(gòu)進(jìn)行設(shè)計(jì)和規(guī)劃。決定要創(chuàng)建多少頁，每頁上顯示什么內(nèi)容，頁面布局的外觀以及各頁是如何互相連接起來的?！　∥覀兛梢酝ㄟ^把文件分門別類的放置在各自的文件夾里，使網(wǎng)站的結(jié)構(gòu)清晰明了，便于管理和查找?！　?、創(chuàng)建站點(diǎn)　　在Dreamweave8中可以有效的建立并管理多個站點(diǎn)。搭建站點(diǎn)可以有兩種方法，一是利用向?qū)瓿?，二是利用高級設(shè)定來完成?！　≡诖罱ㄕ军c(diǎn)前，我們先在自己的電腦硬盤上建一個以英文或數(shù)字命名的空文件夾?！　。?）選擇菜單欄——站點(diǎn)——管理站點(diǎn)，出現(xiàn)“管理站點(diǎn)”對話框。點(diǎn)擊“新建”按鈕，選擇彈出菜單中的“站點(diǎn)”項(xiàng)。　　在打開的窗口上方

3、有“基本”和“高級”兩個標(biāo)簽，可以在站點(diǎn)向?qū)Ш透呒壴O(shè)置之間切換。下面選擇“基本”標(biāo)簽?！　≡谖谋究蛑?，輸入一個站點(diǎn)名字以在Dreamweaver8.0中標(biāo)識該站點(diǎn)。這個名字可以是任何你需要的名字。單擊“下一步”。出現(xiàn)向?qū)У南乱粋€界面，詢問是否要使用服務(wù)器技術(shù)?！　∥覀儸F(xiàn)在建立的是一個靜態(tài)頁面，所以選擇“否”?！　↑c(diǎn)下一步，在文檔框設(shè)置本地站點(diǎn)文件夾的地址?！　↑c(diǎn)下一步，進(jìn)入站點(diǎn)定義，我們將在站點(diǎn)建設(shè)完成后在與FTP鏈接，這里選擇“無”?！　螕簟巴瓿伞卑粹o，結(jié)束“站點(diǎn)定義“對話框的設(shè)置?！　螕簟巴瓿伞卑粹o，文件面板顯示出剛才建立的站點(diǎn)。　　到此，我

4、們完成了站點(diǎn)的創(chuàng)建?！　?、搭建站點(diǎn)結(jié)構(gòu)　　站點(diǎn)是文件與文件夾的集合，下面我們根據(jù)前面對xmweb網(wǎng)站的設(shè)計(jì)，來新建xmweb站點(diǎn)要設(shè)置的文件夾和文件?！　⌒陆ㄎ募A，在文件面板的站點(diǎn)跟目錄下單擊鼠標(biāo)右鍵，從彈出菜單中選擇“新建文件夾”項(xiàng)，然后給文件夾命名。這里我們創(chuàng)建新建8個文件夾，分別命名為：img、med、swf、txt、css、js、moan和fy?！　?chuàng)建頁面，在文件面板的站點(diǎn)跟目錄下單擊鼠標(biāo)右鍵，從彈出菜單中選擇“新建文件”項(xiàng)，然后給文件命名。首先要添加首頁，我們把首頁命名為index.html，再分別新建01.html、02.html、

5、03.html、04.html和05.html?！　?、文件與文件夾的管理　　對建立的文件和文件夾，可以進(jìn)行移動、復(fù)制、重命名和刪除等基本的管理操作。單擊鼠標(biāo)左鍵選中需要管理的文件或文件夾，然后單擊鼠標(biāo)右鍵，再彈出菜單中選“編輯”項(xiàng)，即可進(jìn)行相關(guān)操作。Dreamweaver8.0教程-頁面的總體設(shè)置時間:2009-10-0114:07來源:未知作者:大寶庫點(diǎn)擊:3389次閱讀工具：字體：大中小-　我們已經(jīng)描繪了小屋的藍(lán)圖，從現(xiàn)在開始，為我們的小屋添磚加瓦吧。打開01.html，制作一個圖文混排的簡單頁面。　　一、頁面的總體設(shè)置　　1、設(shè)置頁面的頭內(nèi)容

6、　　頭內(nèi)容再瀏覽器中是不可見的，但是卻攜帶著網(wǎng)頁的重要信息，如關(guān)鍵字、描述文字等，還可以實(shí)現(xiàn)一些非常重要的功能，如自動刷新功能?！　∈髽?biāo)左鍵單擊插入工具欄最左邊按鈕旁的下拉小三角，在彈出菜單中選擇“HTML”項(xiàng)，出現(xiàn)“文件頭”按鈕，點(diǎn)開下拉菜單，就可以進(jìn)行頭內(nèi)容的設(shè)置了?！　≡O(shè)置標(biāo)題，網(wǎng)頁標(biāo)題可以是中文、英文或符號，顯示在瀏覽器的標(biāo)題欄中。我們直接在設(shè)計(jì)窗口上方的標(biāo)題欄內(nèi)輸入或更改，就可以完成網(wǎng)頁標(biāo)題的編輯了。　　插入關(guān)鍵字，關(guān)鍵字用來協(xié)助網(wǎng)絡(luò)上的搜索引擎尋找網(wǎng)頁。要想讓更多的人看見你的網(wǎng)站，這項(xiàng)要好好填哦^_^單擊上圖所示的“關(guān)鍵字”項(xiàng)，彈出“關(guān)鍵

7、字”對話框，填入關(guān)鍵字即可?！　〔迦隡ETA，META標(biāo)記用于記錄當(dāng)前網(wǎng)頁的相關(guān)信息，如編碼，作者，版權(quán)等，也可以用來給服務(wù)器提供信息。單擊上圖所示的“META”項(xiàng)，彈出“META”對話框，在“屬性”欄選擇“名稱”屬性，在“值”文本框中輸入相應(yīng)的值，可以定義相應(yīng)的信息?！　uthor—作者信息，copyright—版權(quán)聲明，generator—網(wǎng)頁編輯器?！　?、設(shè)置頁面屬性　　單擊“屬性欄”中的“頁面屬性”按鈕，打開的“頁面屬性”對話框?！　≡O(shè)置外觀，“外觀”是設(shè)置頁面的一些基本屬性。我們可以定義頁面中的默認(rèn)文本字體、文本字號、文本顏色、背景顏色

8、和背景圖像等。我們設(shè)置頁面的所有邊距為0?！　≡O(shè)置鏈接，“鏈接”選項(xiàng)內(nèi)是一些與頁面的鏈接效果有關(guān)的設(shè)置?！版?/p>