有的時候,我們經常需要把客戶信息等一些資料發布到網上以便聯系,但是隨著客戶資料的越來越多,網上更新是越來越力不從心,這該怎么辦?其實,除了用asp、php等這些后臺語言來實現快捷更新外,Dreamweaver本身就提供了數據導入與排序的方法,這對不懂后臺的朋友來說絕對是個大大的福音,Dreamweaver從版本3到最新的MX一直都保留了該功能,可見它的實用之處。下面我們就來見識一下它的功效究竟如何。
注:本文以Dreamweaver MX為例
1、例如我們現在手頭有個kehu.txt文件,里面是**公司客戶聯系單,詳細信息如下所示:
姓名,性別,職位,電話
李明,男,A公司技術人員,87185900
李巖,男,B公司經理,80226888
王強,男,C公司總工程師,83546790
蘇林,女,D公司營銷人員,87556341
陳東東,男,E公司項目主任,87436588
可以看到,這里面的每項都用逗號進行了分離。
2、(1)打開DW MX,新建一個html頁面,選擇菜單欄insert/table objects/import tabular data這項。
圖1
(2)出現import tabular data窗口,單擊“Browse…”按鈕,選擇存放數據的文本文件,在Delimiter該項中要和文本文件里的分隔符相對應,因為kehu.txt文件里用的是逗號,所以選擇了Comma,其它各項可根據各位需要進行選擇修改。
圖2
(3)最后點擊“OK”,一張包含文本文件數據的表格就呈現在了你的面前。
圖3
3、(1)雖然表格是做出來了,不過有時我們需要對表格中的數據進行排序,這DW當然也想到了,先選中表格,然后選擇菜單欄commands/sort table。
圖4
(2)出現sort table窗口,sort by項選擇column 1,order項選擇按字母排序Alphabetically和升序排列Ascending,其它各項各位可參照圖5根據需要進行選擇。
圖5
(3)單擊“OK”,這樣就完成了對表格中列1的排序,列1中的姓名均以拼音字母大小來進行了升序排列。
圖6
4、(1)現在,我們效果和排序都出來了,最后要做的就是對表格的美化,愛美之心人皆有之,表格也不例外呀,除了自己手動美化外,DW也專門提供了十七種樣式供你選擇。與sort table類似,先選中表格,再選擇commands/format table項。
圖7
(2)出現format table窗口,左上角有各樣式,可根據你的喜好來選擇,因為其余各項都是傻瓜式的操作,在這里就不一一介紹了,只是對最后一項強調一下,該項是詢問你是否把各樣式代碼添加到TD標記里而非默認添加到TR標記中,在這里筆者建議你不要勾選,否則會生成比默認設置多得多的代碼。
圖8
(3)單擊“OK”,大功告成,最后生成的效果圖如下,怎么樣?簡簡單單的幾步就能做成這樣,原本需要用后臺編程才能實現的功能,用DW就輕松搞定了,它的強大之處也正是在于此。
40個可愛粉色兒童房設計裝修設計2018-04-22
100款國外食品包裝設計集包裝設計2017-07-17
40幅日本海報設計作品海報設計2017-07-04
46款茶品牌和包裝設計欣賞包裝設計2017-04-14
20款現代簡約風格名片設計名片設計2016-04-18
59款日本優秀logo設計欣賞標志設計2016-03-29
Dreamweaver制作網頁小技巧Dreamweaver教程2007-11-07
幀窗口應用技巧Dreamweaver教程2007-10-06
多窗口的分幀頁面間的交Dreamweaver教程2007-10-06
Dreamweaver中空格問題的探討Dreamweaver教程2007-08-27
Dreamweaver層及其應用Dreamweaver教程2007-07-25
在Dreamweaver中靈活使用網頁Dreamweaver教程2006-12-20