史萊姆論壇 - HTML檔案裡改變WIDTH和HEIGHT值的問題

史萊姆論壇 (http://forum.slime.com.tw/)

- 軟體應用問題討論區 (http://forum.slime.com.tw/f5.html)

- - HTML檔案裡改變WIDTH和HEIGHT值的問題 (http://forum.slime.com.tw/thread261857.html)

HTML檔案裡改變WIDTH和HEIGHT值的問題

HTML檔案裡改變WIDTH和HEIGHT值的問題

檔案：螢幕擷取和滑鼠活動合成的動畫教學檔案
軟體：由 Wink 2.0 製作
類型：Wink製作完工產生三個類型檔案，SWFObject, JScript & HTML。
上載：SWFObject & HTML檔案儲存同一資料，上載此夾到網路空間儲存
應用：把連結網址分同學們看動畫練習個人電腦操作
問題：同樣的檔案呈現不同的畫面大小
實例：請看下邊的連結
正常：所謂正常就是影像充滿螢幕 http://db.tt/MCopPsM 自定工作列位置
異常：所謂異常就是影像不滿螢幕 http://db.tt/qpims13 固定顯示工具列
檢查：檢查 http://db.tt/qpims13 的HTML 如下


<HTML>
<BODY>
<center><OBJECT CLASSID="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" WIDTH="800" HEIGHT="620" CODEBASE="http://active.macromedia.com/flash5/cabs/swflash.cab#version=7,0,0,0">
<PARAM NAME=movie VALUE="固定顯示工具列.swf">
<PARAM NAME=play VALUE=true>
<PARAM NAME=loop VALUE=false>
<PARAM NAME=wmode VALUE=transparent>
<PARAM NAME=quality VALUE=low>
<EMBED SRC="固定顯示工具列.swf" WIDTH=800 HEIGHT=620 quality=low loop=false wmode=transparent TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash">
</EMBED>
</OBJECT></center>
<SCRIPT src='固定顯示工具列.js'></script>
</BODY>
</HTML>

請教：
上述的HTML檔案是在Wink製作完成時自動產生的
WIDTH800 HEIGHT620 值自然也是Wink 產生HTML檔案時自動產生的
通常我的螢幕是設定在1024 X 768 解析度
怎麼會有WIDTH800 HEIGHT620 值？(有可能改變過但是忘記恢復正常)
這裡的WIDTH和HEIGHT值是依據螢幕解析度的設定嗎？
有其他因素使這裡的值與螢幕解析度的設定不同嗎？

請教二：
我把 WIDTH800 HEIGHT620 手動改成 WIDTH1024 HEIGHT 768 如下

http://db.tt/gchCY7o固定顯示工具列


<HTML>
<BODY>
<center><OBJECT CLASSID="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" WIDTH="1024" HEIGHT="768" CODEBASE="http://active.macromedia.com/flash5/cabs/swflash.cab#version=7,0,0,0">
<PARAM NAME=movie VALUE="固定顯示工具列.swf">
<PARAM NAME=play VALUE=true>
<PARAM NAME=loop VALUE=false>
<PARAM NAME=wmode VALUE=transparent>
<PARAM NAME=quality VALUE=low>
<EMBED SRC="固定顯示工具列.swf" WIDTH=1024 HEIGHT=768 quality=low loop=false wmode=transparent TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash">
</EMBED>
</OBJECT></center>
<SCRIPT src='固定顯示工具列.js'></script>
</BODY>
</HTML>

另一問題發生了，像素不夠而致影像有點模糊
請看
http://db.tt/gchCY7o 固定顯示工具列

請教高明
可有方法補救？或是其他方法使影像擴大但不會模糊？

誠懇感謝所有的指導和指教

2010.9.24 02:01PM
為何在下方這二列中標為紅色D的位置出現二個狂笑表情符號？
我不曾加入任何符號。
還有，再編輯時看不見這二個符號。
<center><OBJECT CLASSID="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
<center><OBJECT CLASSID="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"

樓主所發此帖
問題表面上看起來很單純、簡單
不過，實際要回答起來相當複雜
可能要分二、三次來回答了

先談 Wink 2.0 這隻程式
此程式就是典型的"第三方開發免付費程式"
程式開發商應屬"個人工作室"
程式開發人為 Satish Kumar. S.
從官方網站中無法辨識是哪個國家的軟體
http://www.debugmode.com/ 此程式官方網站
對軟體開發人也無隻字片語的介紹
目前也只能知道軟體開發人是個印度人或印度裔的美國人吧？？？
(Kumar是個很傳統的印度姓氏，東南亞很多這個姓氏的人民)

當然對這樣的程式，我們就需要特別的小心
其實個人對"第三方開發程式"沒有任何的歧視或偏見
可是因為，這些程式是免付費的程式
無需加殼或做任何保護
因而給了一些別有心機的不屑份子可乘之機
在程式中加入了木馬或其它惡意軟體，放在網路上供不特定大眾下載
所以要特別提醒，第三方免付費程式，請儘可能到官方網站下載
但此舉並不能保證，安裝此類程式不含任何風險

個人使用於工作用的電腦，不曾安裝過第三方軟體
只能徵求辦公室中日常文書使用者的電腦，可否借用供測試
結果借了一個很可愛的工讀生妹妹的電腦來用
當然，就得盡責的檢視程式是否含有惡意軟體
程式並未加殼保護可以很容易檢視原碼

結論是
在官方網站下載的 WINK 2.0 1060版，程式中不含任何惡意軟體
可以放心使用

只可惜這程式還是有很多的缺點
因為此程式集合了歐美地區，數個第三方開放原碼軟體，各取部份，結合成一隻程式
所以在融合使用上會有不少問題
站在鼓勵免付費軟體的立場，在此就不贅述

但是非常明顯的缺點還是要提醒

缺點：

一、此程式產出的檔案，是.swf檔，可是只是符合.swf播放模式的檔案，只供播放觀賞。

.swf檔案也是屬串流媒體的一環，應該可以與其它串流媒體融合，可是此程式產生出來的..swf檔無法與FLASH程式產出的.swf檔結合，連供FLASH程式做為場景使用都會有困難。這是比較特殊的地方。

二、程式功能十分陽春，連製作flash的最基本功能都不具備，如淡入、淡出、排列對齊、轉上層下層等功能都不具備
不過話說回來，往往對初級使用者，這倒可以自算是個優點。
只是對製作flash稍有認知的使用者會用得直搖頭吧！

三、以正統製作flash的程式寫出來的.swf檔，因為其中圖與字都是向量圖或向量字，可以任意縮放，並不會明顯影響其晝質。而WINK產出的檔案，只要略有些微縮放，觀賞者立刻可以感覺出來。

四、...以下略....

當然"它"，也有優點
一、就因為它產出的不是正統販售軟體，少了一些功能反而更容易上手。
二、軟體自備壓縮檔案功能，產出的檔案，壓縮狀況令人激賞。

上述缺點的第三點就已經回答了樓主一個主要的問題

引用:

作者: dkdk6987 (文章 2257416)

可有方法補救？或是其他方法使影像擴大但不會模糊
...恕刪...

在使用WINK製作教學檔時，最重要的一點
就是：在第一步，定檔案大小時，一定要非常、非常小心，多少像素×多少像素，不可定錯，因為產出來的檔案，只要縮放超過百分之十，字就糊掉了。這不像FLASH程式製作出來的檔案，既使放大十倍、二十倍，字，一樣非常清楚。

此點可以看先前製作的檔案就可明瞭

http://lkkk.miroko.tw/

其中第二單元，"如何將檔案上傳網路空間,成為大眾可觀賞的網頁"這個展示檔
就是使用Adobe公司的 FLASH 8 程式寫的.swf檔，您在打開這個展示檔時
在網頁上，有藍色字紅色框的"說明文字"之處點右鍵，選擇"放大顯示"，再點"放大顯示"，您可以放大無數倍，直到一個字滿一個螢幕，字，還是十分清楚，不會糊掉

WINK程式寫出來的.swf檔，只要是當初設定大小時，根本就無法再放大了。
點右鍵放大功能，是不會放大的

所以WINK程式寫出來的.swf檔，如果定規為800×600大小，就只能以此大小觀看，硬要手動改變檔案顯示大小，都會使晝面變質

引用:

作者: dkdk6987 (文章 2257416)

請教：
上述的HTML檔案是在Wink製作完成時自動產生的
WIDTH800 HEIGHT620 值自然也是Wink 產生HTML檔案時自動產生的
通常我的螢幕是設定在1024 X 768 解析度
怎麼會有WIDTH800 HEIGHT620 值？(有可能改變過但是忘記恢復正常)
這裡的WIDTH和HEIGHT值是依據螢幕解析度的設定嗎？
有其他因素使這裡的值與螢幕解析度的設定不同嗎？

請教二：
我把 WIDTH800 HEIGHT620 手動改成 WIDTH1024 HEIGHT 768 如下
...恕刪...

是的！
的確HTML檔案是在Wink製作完成時自動產生的
其中定規的解析度，是在製作檔案時選定的解析度大小
也就是.swf檔案的實際大小
從上述的回答中，您可以瞭解，WINK製作出來的.swf檔案
最佳觀賞尺寸，就是定規尺寸，不可縮放

此題無解！

在此有一點個人的見解
其實對您製作的教學檔個人反而比較欣賞800×600
(如果定規是800×620，那多出的20像素是最下方自動產生出來的控制條)
因為，在教學展示時，最適宜的尺寸，個人覺得應該是使用者，不需要被動的去拉動IE右方的上下拉把，就能看到完整的教學內容。
在1024×768尺寸教學檔，使用者有時會有說明文字已經超出螢幕範圍，不知道在哪裏的困擾

請看這二個樓主製作的教學檔就可明瞭

http://lkkk.miroko.tw/1/t6.htm

在此網頁上，點選"觀看教學"，就會看到由WINK程式製作出來。您提問的這二個列子，在二個"觀看教學"圖示，都已連結您的這二個1024×768尺寸及800×600尺寸的教學檔，點選打開，就可以比較二種檔案大小的利弊了。

也許在這裏可以提出一個困擾樓主很久的解決方案

以WINK製作一個總選單，將樓主先前將中文檔名已改為數字檔名的檔案全部集中在一個選單中

使用者無需再使用對照表，直接看中文檔名，按後面的"觀看教學"圖示就可以看教學檔

以WINK製作選單的方式，請看

http://lkkk.miroko.tw/

其中第06單元，"使用Wink程式建立統合選單"

也許這才是您熟悉且輕易可行的解決方案

LKKK先生好，

感謝！感謝！再感謝！

dkdk6987先生您好：

個人非常欽佩您默默的在推動弱勢族群的義務輔導工作
造福社會上最需要幫助的一群老弱

相較之下，個人只花了一點非常有限的時間
實在感覺有些汗顏
敬祝您工作順利

其實在WINK問題上還有一些可以輕易改善的項目
先補充一點...

可能您在製作完成教學檔時會發現
放在網頁上，.swf檔顯示的定位，並不理想
上方和左方都會有明顯的空白
觀賞上十分礙眼，可是又無法調整成與瀏覽器上方、左側緊密接合
如下圖

那是因為程式自動產出的.html檔設定上的小缺點
可以透過手動修改.html檔來改善
請用記事本打開這.html檔

其中綠色框出來的地方

<center>.....</center>

代表設定.swf檔，在網頁中居中展示
如此上、下、左、右都會有白色的空白產生

只需要修改框出來的這二處如下

將<center>取代為
<div style="position:absolute; left:0px; top:0px;">

將</center>取代為
</div>

再存回檔案上傳網頁，取代原檔案

結果就會.swf緊密與上方、下方、左方、右方結合

如此就美觀多了！