Dreamweaver MX進(jìn)階教程(二十一)制作虛線_Dreamweaver教程
使用fireworks創(chuàng)建虛線圖像
1.選擇“文件”/“新建”,在“新建文檔”對(duì)話框中,設(shè)置寬1象素,高3象素。
2.選擇工具面板上的
“縮放”工具,放大畫布。
3.選擇工具面板上的
“矩形”工具,在畫布上畫一個(gè)1×1象素的矩形。
4.在“優(yōu)化”面板中,設(shè)置圖像為GIF格式。選擇“文件”/“導(dǎo)出”,保存虛線圖像。
假如直接把虛線圖像作為單元格的背景圖像,會(huì)出現(xiàn)虛線很寬的情況。這是由單元格中的空格字符 引起的,要想刪除 可不是那么輕易的事,在代碼視圖,刪除 后,dreamweaver還是會(huì)產(chǎn)生。
這時(shí)插入1×1象素透明圖像,自然就會(huì)刪除 。
生成1×1象素透明圖像
選擇“編輯”/“參數(shù)選擇”。在“布局視圖”類別中,單擊“創(chuàng)建”按鈕,創(chuàng)建一個(gè)透明圖像。
制作虛線
1.插入一個(gè)一行二列的表格。插入點(diǎn)放在需要制作虛線的單元格中。
2.在“站點(diǎn)”面板中,選中1×1象素透明圖像spacer.gif,并且把這個(gè)圖像拖到需要制作虛線的單元格中。這時(shí), 字符自動(dòng)消失。
3.把插入點(diǎn)放在需要制作虛線的單元格中,然后選擇文檔左下角“標(biāo)簽選擇器”中的td標(biāo)簽。
4.在屬性面板中,設(shè)置寬度為1。
5.現(xiàn)在需要把虛線圖像設(shè)置為單元格背景。在“站點(diǎn)”面板中,選擇虛線圖像。
6.把虛線圖像拖到到屬性面板上的單元格背景中。
7.制作好的虛線。
8.按F12,在瀏覽器中測試的效果。
假如需要制作橫虛線,使用類似的方法就可以了。
- 用Dreamweaver在網(wǎng)頁中插入Flash按鈕
- 在Dreamweaver中編寫CSS需要掌握的技巧
- Dreamweaver CS3代碼片斷功能面板的利用
- Dreamweaver CS3 的最新功能
- 用Dreamweaver建站如何設(shè)計(jì)CSS?
- Dreamweaver文字自動(dòng)換行
- 探討Dreamweaver制作網(wǎng)頁時(shí)的空格
- 使用Dreamweaver制作網(wǎng)頁的20個(gè)技巧
- Dreamweaver MX 2004的PPT格式課件
- Dreamweaver技巧:運(yùn)用代碼片斷工具提高css開發(fā)效率
- 在DreamWeaver中編寫CSS的一些技巧
- 使用Dreamweaver模板批量制作網(wǎng)頁
Dreamweaver教程Rss訂閱網(wǎng)站制作教程搜索
Dreamweaver教程推薦
- DW MX實(shí)例:利用表格美化頁面
- DreamweaverMX實(shí)現(xiàn)網(wǎng)站批量更新
- 用Dreamweaver制作網(wǎng)頁中關(guān)于空格的探討
- Dreamweaver MX進(jìn)階教程(二)滾動(dòng)字幕
- 用Dreamweaver MX 2004與SQL數(shù)據(jù)庫相連
- 用Dreamweaver為網(wǎng)頁設(shè)計(jì)框架集
- Dreamweaver MX進(jìn)階教程(十)制作居中的網(wǎng)頁
- Dreamweaver網(wǎng)頁中實(shí)用的制作技巧
- 在Dreamweaver中如何把握好網(wǎng)頁表格
- Dreamweaver的應(yīng)用源格式技巧
猜你也喜歡看這些
- 《Dreamweaver CS3網(wǎng)頁設(shè)計(jì)技能進(jìn)化手冊(cè)》--樣章、樣例、教學(xué)視頻
- GoLive視頻教程(趙鵬主講)
- 4u2v Drwamweaver網(wǎng)頁制作實(shí)例教程100例
- Dreamweaver 8中文版職業(yè)應(yīng)用視頻教程
- Dreamweaver+ASP動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)視頻教程
- 中文版Dreamweaver 8從入門到精通
- 動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)視頻全教程
- Dreamweaver 8 完美網(wǎng)站建設(shè)從入門到精通
- 織夢DedeCMS視頻教程(織夢官方版主華強(qiáng)主講)
- Dreamweaver MX構(gòu)建PHP+MySQL站點(diǎn)
- 相關(guān)鏈接:
- 教程說明:
Dreamweaver教程-Dreamweaver MX進(jìn)階教程(二十一)制作虛線
。