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.把虛線圖像拖到到屬性面板上的單元格背景中。
- 用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教程推薦
- 用Dreamweaver MX 2004的Flash動(dòng)畫元素
- Dreamweaver基礎(chǔ)視頻教程14 Flash圖片查看器
- Dreamweaver MX進(jìn)階教程(三)輕松制作彈出菜單
- Dreamweaver MX進(jìn)階教程(十二)在居中頁面使用層
- 使用Dreamweaver插件制作網(wǎng)頁滾動(dòng)布告欄
- 如何使用Dreamweaver方便快捷編輯網(wǎng)頁標(biāo)簽
- 簡單實(shí)用的網(wǎng)頁表格特效
- 使用Dreamweaver插件個(gè)性化IE滾動(dòng)條
- 用Dreamweaver8制作網(wǎng)頁中常用的過度效果
- Dreamweaver 入門:安裝 Dreamweaver8
猜你也喜歡看這些
- 美工之路系列視頻
- Dreamweaver 8完美網(wǎng)頁設(shè)計(jì): 網(wǎng)頁特效篇
- DREAMWEAVER 8+ASP從入門到精通隨書光盤
- Dreamweaver系列視頻教程
- FIF小組Dreamweaver制作網(wǎng)頁視頻教程
- Dreamweaver8中文版職業(yè)應(yīng)用視頻教程(打包下載)
- Dreamweaver 8 完美網(wǎng)頁設(shè)計(jì)—CSS網(wǎng)頁設(shè)計(jì)篇
- 4u2v Drwamweaver網(wǎng)頁制作實(shí)例教程100例
- Dreamweaver網(wǎng)頁設(shè)計(jì)與制作完全手冊(cè)
- 別具光芒:DIV+CSS網(wǎng)頁布局與美化
- 相關(guān)鏈接:
- 教程說明:
Dreamweaver教程-Dreamweaver MX進(jìn)階教程:制作虛線。