2007年10月1日 星期一

[技研]超快速網頁製作法~part4 (片段秀圖與下載)

片段的文章看到了這裡
怎麼覺得還是不方便呢?
哈哈~原來是少了縮圖啦~
可是很多人應該有試過了~
在片段裡面怎麼無法顯示縮圖阿
這樣不是就很難用嗎?
當我的片段一多了之後
誰還知道那些片段做出來的效果會變成怎樣阿?
所以~我們就來看看"如何把我的片段加上縮圖吧~"

讓片段可以顯示縮圖

想要讓片段可以顯示縮圖的話
第一、除非你的原始檔案式HTML表格
第二、你的片段內容是一張圖片
第三、片段內容的圖片是使用絕對路徑
 
OK~看到了這裡應該就很清楚了~
片段的內容必須要是HTML表格才能顯示,但是這也僅僅是顯示那醜的要命的文件原始長相,並沒有想是經過CSS與圖片設定後的美觀畫面,所以,最好的方式就是自己製作一張縮圖並設定一個預覽用的片段,而圖片則必須要採用絕對路徑才能夠正常顯示,不然若是採用相對路徑的話,Dreamweaver是無法被正常顯示片段的圖片的(如果有人測試其他方式成功的話,歡迎交流一下吧~^^~),所以,假設你今天想製作一張能在片段裡面正常顯示的圖片,請將圖片的路徑使用絕對路徑來製作,就像下面所顯示的一樣:
<img src="file:///C:/previewImg/nav/sample.gif" />
使用上面的方式設定好圖ˊ片連結後,接著請點選片段設定對話窗中的 " 設計 " 這個項目,就大功告成啦~廢話不多說,大家快去試試看吧~
 
下面提供目前所製作完成的片段範例供大家下載

片段下載

嘿嘿~總算出現下載啦~讓大家久等啦~下面是個人心血的結晶,雖談不上特別好用,但是暫且當作拋磚引玉,麻煩有下載的人,留個言讓我知道一下~當作是個鼓勵吧~此外,用過的覺得不好用的人,也請將您的建議或是覺得不好用的地方回應給我,好做為下一版本的改進,感謝啦~

好的東西需要大家共同的努力,小弟在這分享自己研究的成果就是希望可以引起大家依同參與討論與分享,這樣大家的成長才能更快不是嗎?(這人廢話太多~別理他~下載去啦~~)

以下文件無任何惡意程式在內,請放心服用。

片段安裝方式

  1. 下載執行檔(都在上面啦~)
  2. 點兩下執行安裝程式以安裝縮圖
  3. 安裝完縮圖會再跳出安裝片段的畫面
  4. 接著再繼續安裝片段
  5. 完成啦

相關文章

4 則留言:

jiajou 提到...

謝謝您的教學與分享,真的受益良多;不過我的DreamWeaver 8片段有些中文字會出現亂碼;安裝完您分享的片段更慘,全部都是亂碼!已經用咕狗查過了,也無法解決;不知您有無遇過相同問題?

壞掉的印表機 提到...

我沒有遇過這個亂碼的問題
但是能想到可能有關的問題如下
你的OS語言版本是?
你的DW語言版本是?

我自己實際測試的環境如下:
我這邊實際在不同電腦安裝都是OK的
使用過的OS有2000、XP、Vista
使用的DW版本在中英文都OK
DW8、DW2004、DW CS3也都測試過是沒有問題~


所以針對你說亂碼的部分
我在想是否可以進到偏好設定裡面去找看看有沒有相關的設定
或許跟編碼有關~我採用的是UNICODE
麻煩你試試囉~

jiajou 提到...

謝謝您的回答,抱歉,我的表達能力有問題,應該是說,我的DreamWeaver 8在片段面板裡的資料夾名稱與檔案名稱,有些中文字變亂碼,而不是片段裡的程式碼是亂碼。

我使用Windows XP Home Editon中文作業系統
DreamWeaver 8.02中文版

只好再重灌DW看看了,再次謝謝您的幫忙。

壞掉的印表機 提到...

不客氣
不過我有幾個想法
因為就算是OS也有可能會因為編碼的問題造成文字的亂碼
就像是之前的記事本沒有可以存多國編碼
而現在XP的記事本可以存
若是以目前的多國編碼去存檔
再拿到舊版的記事本去開的話
就有可能變成亂碼
又一點
像是在大陸網站下載的資料
經由XP的記事本一開~
結果變成亂碼
但是若是以IE去開
並且在IE裡面將頁面編碼改成簡體
就可以正常瀏覽
所以
這裡想到一個方式
你如果把亂碼複製後貼到記事本
再以多國編碼與大五碼各存一份
接著以IE開啟後修改編碼看看呢?
以上是我可能想到的問題驗證方式
提供給您參考囉~