1.8　應(yīng)用案例

在Dreamweaver中規(guī)劃和建立一個名為“Tourism”的本地站點(diǎn)，并建立一個網(wǎng)頁文件news.html，瀏覽效果如圖1-20所示。

1.規(guī)劃站點(diǎn)結(jié)構(gòu)

擬規(guī)劃“精品推薦”“旅游快訊”“特色線路”“特色景點(diǎn)”“特色美食”5個欄目，建立文件夾pages存放這5個欄目的頁面，每個欄目獨(dú)立建立一個子文件夾。建立文件夾images存入圖片素材，其他素材根據(jù)需求建立相應(yīng)的文件夾。網(wǎng)頁文件index.html在站點(diǎn)的根文件夾下。站點(diǎn)目錄結(jié)構(gòu)如圖1-21所示。

2.在Dreamweaver中建立站點(diǎn)

按照1.7.2小節(jié)的介紹，在Dreamweaver中創(chuàng)建本地站點(diǎn)，創(chuàng)建完成后的站點(diǎn)結(jié)構(gòu)如圖1-21所示。

3.在Dreamweaver中建立網(wǎng)頁文件news.html

本案例在Dreamweaver的設(shè)計(jì)視圖下完成。

①在Dreamweaver的設(shè)計(jì)視圖下，修改標(biāo)題文本框中的文字為“花花旅游在線”。

②插入圖片，并適當(dāng)調(diào)整圖片的大小。圖片文件存放在站點(diǎn)根目錄下面的images文件夾中。

③輸入文字“旅游快訊”，并在“屬性”面板中設(shè)置格式為“標(biāo)題3”。

④輸入文字。

⑤保存后在瀏覽器中預(yù)覽。

本案例在Dreamweaver的設(shè)計(jì)視圖下完成，網(wǎng)頁上元素的格式控制還沒有很好地實(shí)現(xiàn)。例如，沒有設(shè)置文字、圖片元素居中，沒有設(shè)置文字的字間距和行間距，文字的首行縮進(jìn)沒有實(shí)現(xiàn)。這些內(nèi)容，需要學(xué)習(xí)后面章節(jié)中的HTML和CSS之后再來完成。