《網(wǎng)頁設(shè)計(jì)與制作-Dreamweaver CS3》項(xiàng)目07 制作論壇網(wǎng)頁

網(wǎng)頁設(shè)計(jì)與制作——DreamweaverCS3項(xiàng)目七制作論壇網(wǎng)頁任務(wù)一創(chuàng)建論壇框架網(wǎng)頁任務(wù)二

設(shè)置論壇框架網(wǎng)頁項(xiàng)目七：

制作論壇網(wǎng)頁網(wǎng)頁設(shè)計(jì)與制作DreamweaverCS3任務(wù)一小結(jié)任務(wù)二實(shí)訓(xùn)任務(wù)一創(chuàng)建論壇框架網(wǎng)頁

本任務(wù)將介紹使用框架創(chuàng)建論壇網(wǎng)頁的基本方法，用到的基礎(chǔ)知識主要包括創(chuàng)建框架、拆分框架、保存框架等。DreamweaverCS3網(wǎng)頁設(shè)計(jì)與制作項(xiàng)目七：

制作論壇網(wǎng)頁任務(wù)一小結(jié)任務(wù)二實(shí)訓(xùn)操作一

創(chuàng)建框架DreamweaverCS3網(wǎng)頁設(shè)計(jì)與制作本操作主要介紹創(chuàng)建論壇網(wǎng)頁框架的基本方法。通過本操作的學(xué)習(xí)，應(yīng)該掌握的內(nèi)容主要有：

1.創(chuàng)建框架網(wǎng)頁的方法（1）在【歡迎屏幕】中選擇【從模板創(chuàng)建】/【框架集】命令或通過【文件】/【新建】菜單命令，打開/【新建文檔】對話框，依次選擇【示例中的頁】/【框架集】中的相關(guān)命令。項(xiàng)目七：

制作論壇網(wǎng)頁任務(wù)一小結(jié)任務(wù)二實(shí)訓(xùn)操作一

創(chuàng)建框架DreamweaverCS3網(wǎng)頁設(shè)計(jì)與制作項(xiàng)目七：

制作論壇網(wǎng)頁任務(wù)一小結(jié)任務(wù)二實(shí)訓(xùn)操作一

創(chuàng)建框架DreamweaverCS3網(wǎng)頁設(shè)計(jì)與制作（2）在當(dāng)前網(wǎng)頁中通過【插入】/【布局】面板中的【框架】工具按鈕。項(xiàng)目七：

制作論壇網(wǎng)頁任務(wù)一小結(jié)任務(wù)二實(shí)訓(xùn)操作一

創(chuàng)建框架DreamweaverCS3網(wǎng)頁設(shè)計(jì)與制作（3）在當(dāng)前網(wǎng)頁中通過【插入記錄】/【HTML】/【框架】命令。項(xiàng)目七：

制作論壇網(wǎng)頁任務(wù)一小結(jié)任務(wù)二實(shí)訓(xùn)操作一

創(chuàng)建框架DreamweaverCS3網(wǎng)頁設(shè)計(jì)與制作（4）通過【查看】/【可視化助理】/【框架邊框】命令顯示出當(dāng)前網(wǎng)頁的邊框，然后手動(dòng)設(shè)計(jì)。項(xiàng)目七：

制作論壇網(wǎng)頁任務(wù)一小結(jié)任務(wù)二實(shí)訓(xùn)DreamweaverCS3網(wǎng)頁設(shè)計(jì)與制作操作一

創(chuàng)建框架2.編輯框架的方法

雖然DreamweaverCS3已預(yù)先提供了多種框架集，但并不一定能夠滿足實(shí)際需要，許多時(shí)候要根據(jù)實(shí)際情況對框架集進(jìn)行編輯。將光標(biāo)置于某一框架內(nèi)，在【插入】/【布局】面板中單擊【框架】按鈕，從中選擇要插入的框架類型。也可以在主菜單欄中選擇【修改】/【框架頁】/【拆分上框架】或【拆分下框架】等命令來拆分框架。3.刪除多余框架的方法

如果要?jiǎng)h除多余的框架，用鼠標(biāo)將其邊框拖到父框架邊框上或拖離頁面即可。項(xiàng)目七：

制作論壇網(wǎng)頁任務(wù)一小結(jié)任務(wù)二實(shí)訓(xùn)操作二

保存框架DreamweaverCS3網(wǎng)頁設(shè)計(jì)與制作

每一個(gè)框架都包含1個(gè)文檔，因此1個(gè)框架集會包含多個(gè)文件。在保存文件的時(shí)候，不能只簡單地保存1個(gè)文檔，要將整個(gè)網(wǎng)頁文檔都保存下來。本操作將介紹保存框架網(wǎng)頁的基本方法。通過本操作的學(xué)習(xí)，應(yīng)該掌握的內(nèi)容主要有：

1.保存框架的方法

在主菜單中選擇【文件】/【保存全部】命令，整個(gè)框架邊框的內(nèi)側(cè)會出現(xiàn)一個(gè)陰影框，同時(shí)彈出【另存為】對話框。因?yàn)殛幱翱虺霈F(xiàn)在整個(gè)框架集邊框的內(nèi)側(cè)，所以要求保存的是整個(gè)框架集。輸入文件名，然后保存整個(gè)框架集。接著出現(xiàn)第2個(gè)【另存為】對話框，要求保存另一個(gè)框架，輸入文件名后進(jìn)行保存。以下以此類推。項(xiàng)目七：

制作論壇網(wǎng)頁任務(wù)一小結(jié)任務(wù)二實(shí)訓(xùn)操作二

保存框架DreamweaverCS3網(wǎng)頁設(shè)計(jì)與制作2.在框架內(nèi)打開已有的文檔

新創(chuàng)建的框架網(wǎng)頁，每一個(gè)框架里都是1個(gè)空文檔，需要像制作普通網(wǎng)頁一樣進(jìn)行制作，當(dāng)然也可以在該框架內(nèi)直接打開已經(jīng)預(yù)先制作好的文檔。將光標(biāo)置于框架內(nèi)，在主菜單中選擇【文件】/【在框架中打開】命令，打開預(yù)先準(zhǔn)備好的文檔。3.保存某一個(gè)框架和另存為的方法

如果僅僅是修改了某一個(gè)框架中的內(nèi)容，可以選擇【文件】/【保存框架】命令進(jìn)行保存，如果要改名保存可選擇【文件】/【框架另存為】命令。項(xiàng)目七：

制作論壇網(wǎng)頁任務(wù)一小結(jié)任務(wù)二實(shí)訓(xùn)

論壇框架網(wǎng)頁創(chuàng)建好以后，框架的大小、邊框?qū)挾?、是否有滾動(dòng)條等不一定符合實(shí)際要求，這就需要對其進(jìn)行設(shè)置。本任務(wù)將介紹通過【屬性】面板設(shè)置框架和框架集屬性的基本方法。DreamweaverCS3網(wǎng)頁設(shè)計(jì)與制作任務(wù)二設(shè)置論壇框架網(wǎng)頁項(xiàng)目七：

制作論壇網(wǎng)頁任務(wù)一任務(wù)二小結(jié)實(shí)訓(xùn)操作一設(shè)置框架屬性DreamweaverCS3網(wǎng)頁設(shè)計(jì)與制作

本操作主要介紹框架和框架集屬性的設(shè)置。通過本操作的學(xué)習(xí)，應(yīng)該掌握的內(nèi)容主要有：

1.選定框架集的方法（1）在【框架】面板中用鼠標(biāo)單擊框架集邊框?qū)⒄麄€(gè)框架集選中，在文檔窗口中被選擇的框架集邊框?qū)@示為虛線。

項(xiàng)目七：

制作論壇網(wǎng)頁任務(wù)一任務(wù)二小結(jié)實(shí)訓(xùn)操作一設(shè)置框架屬性DreamweaverCS3網(wǎng)頁設(shè)計(jì)與制作（2）在文檔窗口中，當(dāng)鼠標(biāo)靠近框架集邊框且出現(xiàn)上下箭頭時(shí)，單擊整個(gè)框架集的邊框?qū)⑵溥x擇。

2.選定框架的方法（1）選擇主菜單中的【窗口】/【框架】命令，打開【框架】面板，在面板中單擊要選擇的框架，此時(shí)被選擇的框架邊框內(nèi)側(cè)也會出現(xiàn)虛線。

（2）按下Alt鍵，在欲選擇的框架內(nèi)單擊鼠標(biāo)左鍵將其選擇，此時(shí)【屬性】面板中顯示出該框架的屬性參數(shù)，被選擇的框架邊框內(nèi)側(cè)出現(xiàn)虛線。項(xiàng)目七：

制作論壇網(wǎng)頁任務(wù)一任務(wù)二小結(jié)實(shí)訓(xùn)操作一設(shè)置框架屬性DreamweaverCS3網(wǎng)頁設(shè)計(jì)與制作3.設(shè)置框架集屬性的方法（1）選定框架集后，在【屬性】面板中可以設(shè)置框架集屬性。項(xiàng)目七：

制作論壇網(wǎng)頁任務(wù)一任務(wù)二小結(jié)實(shí)訓(xùn)操作一設(shè)置框架屬性DreamweaverCS3網(wǎng)頁設(shè)計(jì)與制作（2）在【屬性】面板中，用鼠標(biāo)單擊框架集預(yù)覽圖底部，然后設(shè)置相應(yīng)參數(shù)。4.設(shè)置框架集屬性應(yīng)該注意的問題（1）用像素為單位設(shè)置框架大小時(shí)，尺寸是絕對的，即這種框架的大小永遠(yuǎn)是固定的。若網(wǎng)頁中其他框架用不同的單位設(shè)置框架的大小，則瀏覽器首先為這種框架分配屏幕空間，再將剩余空間分配給其他類型的框架。項(xiàng)目七：

制作論壇網(wǎng)頁任務(wù)一任務(wù)二小結(jié)實(shí)訓(xùn)操作一設(shè)置框架屬性DreamweaverCS3網(wǎng)頁設(shè)計(jì)與制作（2）用百分比為單位設(shè)置框架大小時(shí)，框架的大小將隨框架集大小按所設(shè)的百分比發(fā)生變化。在瀏覽器分配屏幕空間時(shí)，它比【像素】類型的框架后分配，比【相對】類型的框架先分配。（3）用相對為單位設(shè)置框架大小時(shí)，這種類型的框架在前兩種類型的框架分配完屏幕空間后再分配，它占據(jù)前兩種框架的所有剩余空間。5.設(shè)置框架屬性的方法選定框架，然后在【屬性】面板中設(shè)置相關(guān)參數(shù)。項(xiàng)目七：

制作論壇網(wǎng)頁任務(wù)一任務(wù)二小結(jié)實(shí)訓(xùn)DreamweaverCS3網(wǎng)頁設(shè)計(jì)與制作操作二設(shè)置框架中鏈接的目標(biāo)窗口

本操作主要介紹在框架網(wǎng)頁中設(shè)置超級鏈接目標(biāo)窗口的方法。通過本操作的學(xué)習(xí)，應(yīng)該掌握的內(nèi)容主要有：

1.在框架網(wǎng)頁中設(shè)置超級鏈接目標(biāo)窗口的方法

選中文本，在【屬性】面板的【鏈接】文本框中添加鏈接地址，在【目標(biāo)】下拉列表中選擇要打開文檔的目標(biāo)框架名稱。在使用框架的文檔中，在【目標(biāo)】下拉列表中增加了與框架有關(guān)的目標(biāo)窗口名稱，可以在一個(gè)框架內(nèi)使用鏈接而改變另一個(gè)框架的內(nèi)容。項(xiàng)目七：

制作論壇網(wǎng)頁任務(wù)一任務(wù)二小結(jié)實(shí)訓(xùn)DreamweaverCS3網(wǎng)頁設(shè)計(jì)與制作操作二設(shè)置框架中鏈接的目標(biāo)窗口2.插入浮動(dòng)框架的方法

浮動(dòng)框架是一種較為特殊的框架形式，可以包含在許多元素當(dāng)中，如層、單元格等。方法是選擇主菜單中的【插入】/【標(biāo)簽】命令，打開【標(biāo)簽選擇器】對話框，展開【HTML標(biāo)簽】，在右側(cè)列表中找到“iframe”，單擊【插入】按鈕打開【標(biāo)簽編輯器－Iframe】對話框進(jìn)行設(shè)置。浮動(dòng)框架中包含的文檔通過定制的浮動(dòng)框架顯示出來，可通過拖曳滾動(dòng)條來滾動(dòng)顯示。項(xiàng)目七：

制作論壇網(wǎng)頁任務(wù)一任務(wù)二小結(jié)實(shí)訓(xùn)實(shí)訓(xùn)制作校園論壇框架網(wǎng)頁本項(xiàng)目著重介紹了框架在網(wǎng)頁制作中的應(yīng)用。實(shí)訓(xùn)將使用框架制作如圖所示頁面，以進(jìn)一步鞏固框架的基本操作。

DreamweaverCS3網(wǎng)頁設(shè)計(jì)與制作項(xiàng)目七：

制作論壇網(wǎng)頁【實(shí)訓(xùn)目的】進(jìn)一步掌握創(chuàng)建框架集的基本方法。進(jìn)一步掌握在框架中打開網(wǎng)頁的方法。進(jìn)一步掌握框架集屬性設(shè)置的基本方法。進(jìn)一步掌握框架屬性設(shè)置的基本方法。任務(wù)一任務(wù)二小結(jié)實(shí)訓(xùn)實(shí)訓(xùn)制作校園論壇框架網(wǎng)頁Dreamweaver