Dreamweaver制作網(wǎng)頁(yè)的技巧
黑發(fā)不知勤學(xué)早,白首方悔讀書遲,以下是小編為大家搜索整理的Dreamweaver制作網(wǎng)頁(yè)的技巧,希望能給大家?guī)韼椭?更多精彩內(nèi)容請(qǐng)及時(shí)關(guān)注我們應(yīng)屆畢業(yè)生考試網(wǎng)!
一、從外部文檔中粘貼時(shí),如果只要文字而不想要其格式,可以使用“Edit→paste as text”命令,不要直接用Ctrl+V。
二、當(dāng)有瀏覽者使用Netscape瀏覽頁(yè)面時(shí),在改變窗口大小的時(shí)候頁(yè)面會(huì)花掉。在制作網(wǎng)頁(yè)時(shí)就應(yīng)該考慮到這個(gè)問題,可以通過點(diǎn)擊“Command→Add/Remove Netscape resize fix”來加以解決,它可以使在Netscape中瀏覽頁(yè)面時(shí),改變窗口大小的時(shí)候頁(yè)面不會(huì)花掉。
三、僅僅拷貝文字。當(dāng)我們從Dreamweaver中拷貝文字到另一個(gè)應(yīng)用程序的時(shí)候,HTML代碼和文字一起被拷貝過去了。一般我們都用快捷鍵Ctrl+C來拷貝, 如果在拷貝的時(shí)候多按一個(gè)“C”鍵則只拷貝選中的文字。
四、在Dreamweaver中輸入空格是一件令人很頭痛的事。如果你按下面的方法操作就會(huì)簡(jiǎn)單多了:先將“中文輸入法”轉(zhuǎn)換成全角狀態(tài),然后同時(shí)按下鍵盤上的Shift+Ctrl+space就可以插入一個(gè)空格(可以連續(xù)輸入)。
五、library組件和template模板不用上傳服務(wù)器,就可以正確預(yù)覽使用了該組件或模板的頁(yè)面。
六、不要在同一個(gè)頁(yè)面同時(shí)使用表格和層來布置,在Netscape中會(huì)導(dǎo)致混亂,從屬關(guān)系除外。
七、一次鏈接到兩個(gè)網(wǎng)頁(yè)。我們都知道超級(jí)鏈接一次只能連到一個(gè)頁(yè)面。如果你要想一次在不同的框架頁(yè)中打開文檔,可以使用“Go To URL”JavaScript 行為。打開一個(gè)有框架的網(wǎng)頁(yè),選擇文字或圖像,然后從行為面板中選擇“Go To URL”。你會(huì)注意到Dreamweaver會(huì)在“Go To URL”對(duì)話框中顯示所有可用的框架。選擇其中一個(gè)你想鏈接的框架并輸入相應(yīng)的URL后再選擇另一個(gè)框架并輸入另一個(gè)URL。
【相關(guān)閱讀】
在Dreamweaver中插入表格的方法
以制作一個(gè)4行3列、邊框線為紅色細(xì)線的表格為例:
Step 1 在Dreamweaver的設(shè)計(jì)視圖中插入一個(gè)4行3列的表格。
Step 2 在“屬性”面板中設(shè)置此表格的屬性如下:邊距(CellPad)根據(jù)需要自行設(shè)置值(例如10);間距(CellSpace)為1;邊框(Border) 為0;背景顏色(Bg Color)為紅色。
Step 3 選中此表格的所有單元格,在“屬性”面板中設(shè)置所有單元格的屬性如下:背景顏色(Bg)為白色或紅色以外的其他顏色。
最后,保存網(wǎng)頁(yè),按F12預(yù)覽。怎么樣,一個(gè)4行3列的紅色細(xì)線表格是不是呈現(xiàn)在你面前?
另外,如果我們照常想用表格來布局定位,但只要外邊框線顯示為細(xì)線,而內(nèi)部單元格的分隔線不顯示的效果,則可以配合使用嵌套表格。下面以表格外邊框線為紅色細(xì)線為例來說明操作方法:
Step 1 在Dreamweaver的設(shè)計(jì)視圖插入一個(gè)1行1列的表格。
Step 2 在“屬性”面板設(shè)置此表格的屬性如下:“邊距”根據(jù)需要自行設(shè)置(例如5);“間距”為1;“邊框”為0;“背景顏色”為紅色。
Step 3 選中此表格唯一的單元格,在“屬性”面板設(shè)置此單元格的`“背景顏色”為白色或紅色以外的其他顏色。
Step 4 將光標(biāo)定位在此1行1列的表格中,根據(jù)需要插入一個(gè)幾行幾列的嵌套表格,此嵌套表格的“邊框”一定設(shè)置為0,“邊距”和“間距”可以根據(jù)需要設(shè)置或不設(shè)置,其他屬性可不進(jìn)行設(shè)置。
就可以在嵌套表格的不同單元格內(nèi)插入文字、圖片等其他網(wǎng)頁(yè)元素了。
【Dreamweaver制作網(wǎng)頁(yè)的技巧】相關(guān)文章:
Dreamweaver網(wǎng)頁(yè)制作的技巧10-13
Dreamweaver制作網(wǎng)頁(yè)技巧11-05
Dreamweaver網(wǎng)頁(yè)制作技巧09-19
Dreamweaver制作網(wǎng)頁(yè)技巧20則06-29
Dreamweaver網(wǎng)頁(yè)設(shè)計(jì)制作的技巧07-31
Dreamweaver網(wǎng)頁(yè)設(shè)計(jì)制作技巧10-10
用Dreamweaver制作網(wǎng)頁(yè)的技巧08-31