解答做網頁之常見問題

dlalden

我眼見自己好似都答左唔少做網頁問題, 發覺有d相同o既都答得太多, 而家想綜合一下, 你地睇下以下問題會唔會係你想問o既其中一條, 不過以下答案好多都係個人意見, 你仍然可以發表你要o既問題:


問: “我想整網頁, 好有興趣想整, 但唔知點整”
答: 做一個超簡單的網頁一點都不難。網頁大部份係靠html code 寫成, 以前未有任何software, 要自己打, 但自從dreamweaver 同 frontpage 出現之後, 做網頁方便得多. (係到我唔expect你係想用flash)
以下做網頁的大概程序:

1 ) 做一個網頁請認清一下你要做網頁的主題, 大概的內容。
2) 決定你要用的網頁製作軟件 (我sugguest 用dreamweaver),
3) 網頁製作完成後, 就要搵個空間放置你的網頁上網路 (新手多用yahoo!)
4) 搵到空間當然要立刻上傳
5) 完成後, 要保持更新, 維持下佢的新鮮感, 你亦可選擇到yahoo登錄你網站
   以吸引多些瀏覽

注意: 大部份網站預設的首頁為index.htm / index.html, 另外, 網頁係認唔到中文字, 請唔好用中文作為file name , 例如: 首頁.html, 你好.jpg

如果你係希望做到登入, 會員系統等類型網頁, 呢類高深學問,還請閣下先打好基礎再說。


問: “我唔想俾人下載d圖片”
答: 我明白作為設計人唔想俾他人下載自己心血, 但請各位明白, 呢個世界科技太先進, 封右鍵可以解右鍵, 或者追source code , 再唔得就save web site , 想快d就printscreen

如果閤下想破壞printscreen 或者防止他人下載網頁, 我諗呢個function未人發明到。不過你仍然可以watermark 形式標明圖片出自你處, 一般人見到watermark圖案都唔多想要~


問: “點解個圖係自己電腦時睇到, 但upload左上網會係紅色[x] (顯示唔到)”
答: 如果閣下係用dreamweaver 做網頁, 你有無define site? 如果無define site , 你應該留意到條link會係類係 file:///C|/ My Pict.jpg
呢個就係有[x]的原因, 請自行刪去file:///c|/ 或define site, 咁佢會自動update.


問: “點樣做網頁背景音樂?”
答: 我認識的背景音樂製作有3種, 不過對我來說主要分有面版定無面版:

1）係dreamweaver到 按以下方法click 加入: (有面版)
常用 >> 媒體  >> 外掛程式
跟住說會有視窗彈出, 請你選擇你要的音樂

請自行調較高同寬, 及其他設定
   
2) 如果要無面版的方法
   請到”程式碼”版面, 尋找類似以下的code:

1. 
   
2. <embed src=" Fantasy.wma" width="32" height="32"></embed>

複製代碼

然後改成這樣子

1. <NOEMBED><BGSOUND SRC=" Fantasy.wma " LOOP=INFINITE></NOEMBED>

複製代碼

3) 以下的方法係以pulldown menu 選background music, 請自己copy :

1. <script language="JavaScript">
   
2. <!--
   
3. /////////////////////////////////////////////////////////
   
4. // 你可以改變<embed>語法內的設定值
   
5. // width="?"              Plug-In的闊度 (設成 0 即可隱藏)
   
6. // height="?"             Plug-In的高度 (設成 0 即可隱藏)
   
7. // loop="?"               設定是否使用循環播放模式 (true:不停循環播放 false:只播放一次)
   
8. // repeat="?"             同上 (只適用於IE 3.0瀏覽器)
   
9. // autostart="?" 設定是否自動開始播放 (true:自動播放 false:手動播放)
   
10. // 請根據個人喜好變更這些設定值。
    
11. // 對下部份<span>…</span>語法之間的Plug-In也可以依照上述指示來設定。
    
12. function chaBGMAc22(foName,elName) {
    
13.         if (document.all || document.getElementById || document.layers) {
    
14.                 var p,v,emb;
    
15.                 p=document.forms[foName].elements[elName];
    
16.                 v=p.options[p.selectedIndex].value;
    
17.                 if (v!="default") {
    
18.                         emb='<embed src="http://www.geocities.com/dolphin_cindy_2/'+v+'" width="0" height="13" loop="true" repeat="true" autostart="true"><embed>';     /* 設0*13是因為要對IE 4.0瀏覽器作背向支援 */
    
19.                         writeAc22("BGM",emb);
    
20.                 }
    
21.         }
    
22. }
    
23. /////////////////////////////////////////////////////////
    
24. 
    
25. // 套用樣式表
    
26. function writeAc22(name,mes) {
    
27.         if (document.all) document.all(name).innerHTML=mes;
    
28.         else if (document.getElementById) document.getElementById(name).innerHTML=mes;
    
29.         else if (document.layers) {
    
30.                 document.layers[name].document.open();
    
31.                 document.layers[name].document.write(mes);
    
32.                 document.layers[name].document.close();
    
33.         }
    
34. }
    
35. // 完 -->
    
36. </script>
    
37. 
    
38. 
    
39. <span id="BGM" class="class<?xml:namespace prefix = st1 ns = "urn:schemas-microsoft-com: office:smarttags" />1Ac22">
    
40. <script language="JavaScript">
    
41. <!--
    
42.    var songFile = new Array(
    
43.       "midi/fushigi.mid",
    
44.         "midi/yoga.mid",
    
45.       "midi/voice.mid",
    
46.        "midi/fyovaending.mid"
    
47.    );
    
48.    var num = Math.floor(Math.random() * songFile.length);
    
49.    document.writeln('<embed src="http://www.geocities.com/dolphin_cindy_2/' + songFile[num] + '" width="0" height="13" loop="true" repeat="true" autostart="true"></embed>');
    
50. //-->
    
51. </script>
    
52. </span>
    
53.   <!-- 以下是設定背景音樂檔案的表單部份。
    
54.          onChange='chaBGMAc22("?","??")'
    
55.          <form name="?">…</form> 代表一份表單
    
56.          <select name="??" ...>…</select> 表示下拉選單的部份
    
57.          value="*" 設定背景音樂檔案的路徑
    
58.          (value="default" 表示程式執行的時候會以上面<span>…</span>的部份為預設值)
    
59.          你亦可以修改下拉選單及按鈕的顏色設定。 -->
    
60. <form name="bgmFo">
    
61. <select name="bgmList" style="font:9pt;color:#eeabde;background-color:#ffffff" onChange='chaBGMAc22("bgmFo","bgmList")'>
    
62.         <option value="default" selected>☆★不思議遊戲點播★☆
    
63.         <option value="midi/fushigi.mid">為了可愛的人
    
64.         <option value="midi/end1.mid">悸動的導火線
    
65.         <option value="" style="color:#eecb00">++無背景音樂++
    
66. </select>
    
67. 
    
68. </form>

複製代碼

問: “點樣用dreamweaver整論壇?”
答:  dreamweaver係做唔到一個強大又保安性強的論壇, 請你地選擇一個open source下載, 更新其部份設定, 再上傳到網頁空間。




問: dreamweaver 可唔可以做到d圖隨意移位?
答: 可以:
    用div layer 就可以不過我打開code , 請睇以下sample

呢段paste 係 head 到, 呢個係css

1. <style type="text/css">
   
2. <!--
   
3. #vword1 {
   
4. position:absolute;
   
5. left:25px;
   
6. top:221px;
   
7. width:68px;
   
8. height:20px;
   
9. }
   
10. -->
    
11. </style>

複製代碼

呢個code paste 係body 之間, 記得div id 要同css 個名一樣

1. <div id="vword1" class="small" align="center">
   
2.           <font color="#FFFFFF"><strong>abc</strong></font></div>

複製代碼

要人地睇唔到表格個框請較border = 0


問: 如何用php mail() 做 html 的email
答: 係到我assume 你識打form...

同係form 個到羅variable...所以我只會post php mail () code

1. // start for email
   
2.       $email = $_POST['email'];
   
3.       // mail msg start , if you want to use table format, type html code yourself
   
4.       $email_msg = "<html>   
   
5.                                   <head>
   
6.                                   <title> admin site</title>
   
7.                                   </head>
   
8.           <body>
   
9.             Thanks for your registration.
   
10.              </body>
    
11.                                    </html>";
    
12.      
    
13.      // To send HTML mail, the Content-type header must be set
    
14.                     $headers  = 'MIME-Version: 1.0' . "\r\n";
    
15.                     $headers .= 'Content-type: text/html; charset=iso-8859-1' . "\r\n";  //如果你用中文, 轉charset為big5
    
16.      
    
17.      // Additional headers
    
18.                     $headers .= 'From: Sweet Heart Administration' . "\r\n";
    
19.                     $subject="Your new Member Account from Sweet Heart !";  
    
20.      mail($email,$subject,$email_msg,$headers);

複製代碼