|
網(wǎng)上關(guān)于DREAMWEAVER使用的文檔很多，其實這些專業(yè)性的軟件各人有各人的用法，但是有一點，每個人所用到的功能都只是軟件所有功能的一小部分，其實軟件越做越大，如果可以再有針對性的分成幾個部分就好了，比如DW就可以出“網(wǎng)頁排版專用”“可視化代碼編寫專用”“可視化CSS編寫專用”，哈，個人見解，回到正題。
當網(wǎng)頁在PS中輸出成HTM或者HTML格式以后，就會在你所設(shè)定的輸出文件夾出現(xiàn)一個index.htm或者index.html加上一個圖片文件夾，這里就以生成index.htm為例，PS輸出的默認的網(wǎng)頁文件名字就是你的PSD源文件的名字+htm/html，而切成分片的圖片都放在index.htm同級下的images文件夾下，而圖片的命名默認是以你所生成網(wǎng)頁的文件名，這里面假如是index.htm，那么images文件夾下的各個切片圖片的命名就是index_01,index_02……等，當然，這段中我所說的都屬于PS輸出設(shè)置里面，如下面兩圖所示。在里面可以詳細設(shè)置PS輸出WEB格式文件的各個選項，正常不用這一步，用默認設(shè)置就可以了。
點擊上圖看完整大圖
點擊上圖看完整大圖
DW開始，哈~~~，打開DW，首先新建一個站點,當然，前提你要記住你從PS里面輸出的網(wǎng)頁文件夾的位置（不記住是不可能的）。直接進行高級設(shè)置里面，如圖所示位置為“站點名稱”和“選擇站點所有位置”，就是PS輸出的網(wǎng)頁文件夾。其它默認，這樣，站點就建完了，假設(shè)我建的站點是“找找吧”。
點擊上圖看完整大圖
完成上面這步“建站點”的工作后，就可以在右邊的“文件”欄里面看到自己這個站點的文件了，如下圖：分別是站點名稱和站點的位置以及資源管理器式的站點文件目錄。
點擊上圖看完整大圖
點擊上圖看完整大圖
然后雙擊index.html文件打開，就會看到一個已經(jīng)自動生成的在一個大的表格里面的網(wǎng)頁文件，如下圖：
點擊上圖看完整大圖
下面我們要做的首要工作是將這個大表格根據(jù)自己的布局拆分成幾行單獨的表格，由于我這個網(wǎng)站的布局影響，我將其拆成上下兩部分。為什么呢？因為在瀏覽器打開一個網(wǎng)頁是，是在裝載完成一個整的表格<table>才顯示出來，如果將整個表格大的方面分成上下兩部分的話，那就可以在打開這個頁面的時候上面的部分裝載完成后立刻顯示，而不會因為下面的部分需要裝載時間長一些而影響了上面的優(yōu)先顯示出來的效果。所以大家在看大的“門戶”頁面時候，比如藍色，是從上到下一塊一塊出來的。
具體拆分方法如下，以我這個頁面為例，拆分要參照PS里面的切片布局來拆，數(shù)幾行幾列，我這個頁面先做上面的表格，是6塊，可以用一個3*3的表格來布局，第3列和第2行合成一個表格。就OK了。如下圖：
點擊上圖看完整大圖
在代碼布局空口里面應該是這種效果：
點擊上圖看完整大圖
而PS直接輸出沒有經(jīng)過“DW表格布局”的代碼是這種效果：
點擊上圖看完整大圖
啊，今天就到這兒吧，DW這個部分不太好敘述，大家有不明白的地方請跟貼留言，多多諒解，下次咱聊一下整站“通用CSS”的添加、“動畫留位”、“文字留位”,那就是DW的下篇嘍。
待續(xù)~~~~~~~~~
出處：找找吧
責任編輯：moby
上一頁 網(wǎng)站設(shè)計制作開發(fā)漫談 [1] 下一頁 網(wǎng)站設(shè)計制作開發(fā)漫談 [3]
◎進入論壇網(wǎng)站綜合、網(wǎng)頁制作版塊參加討論
|
第 1 頁 
第 2 頁 網(wǎng)站設(shè)計制作開發(fā)漫談 [2]
