人類 發問時間: 電腦與網際網路程式設計 · 1 0 年前

急~~關於網頁製作 一些語法的問題??

哪位高手可以告訴我

1.怎麼用網頁框架??

2.怎麼在圖片上打字??

3.怎麼把圖標移到圖片or文字 就可以跑出另一行字???

謝謝喽

1 個解答

評分
  • 1 0 年前
    最佳解答

    問題一

    你可以使用製作網頁軟體先開啟一個框架頁

    或是直接在網頁程式碼中打上分割框架的程式碼

    下方介紹你大多數人使用的網頁編輯軟體製作框架頁步驟

    使用FronPage製作框架頁步驟

    圖片參考:http://img576.imageshack.us/img576/2922/79351153.j...

    圖片參考:http://img696.imageshack.us/img696/4756/25886952.j...

    也可以直接在程式碼處利用程式碼將原程式碼刪除

    自己打上框架頁的程式碼

    打開FronPage按左下方程式碼處即可打開網頁程式碼

    圖片參考:http://img52.imageshack.us/img52/1476/34490362.jpg

    下方是使用Dreamweaver製作框架頁(版本如不同作法一樣)

    (1)

    圖片參考:http://img218.imageshack.us/img218/1316/dr1u.jpg

    (2)

    圖片參考:http://img52.imageshack.us/img52/4443/dr2p.jpg

    利用框架頁程式碼貼入網頁程式碼中請參考下方網址圖文教學

    http://tw.myblog.yahoo.com/fanlucy-fanlucy/article...

    問題二

    在圖片上打字須在網頁程式碼處的文字標籤中去設定CSS式樣語法

    你要打字的地方程式碼加上如下的語法

    <font size=4 style=width:220;height:180px;text-align:center;padding-top:25px;background:url(圖片網址)

    color="#FF0000">這裡是文字!</font>

    語法註解: size=4 →是文字大小

    width:220;height:180px; →

    圖片顯示寬高度

    text-align:center;

    →文字在圖片中置中對齊

    padding-top:25px;

    → 文字距離圖片上方高度

    color="#FF0000" → 文字顏色設定

    觀看範例

    大家好~我是加菲貓!

     

    問題三

    滑鼠移到圖片或文字出現另一行字方法

    一樣要在程式碼中去設定

    下方兩個範例語法請參考

    1. 滑鼠移到圖片出現另一行字~滑鼠移開字會消失的語法特效

    <a onmouseover="bb.style.display=bb.style.display=='none'?'':'none'"

    onmouseout="bb.style.display=bb.style.display=='none'?'':'none'"><img src="圖片網址">

    </a>

    </p>

    <div id=bb style="display:none">

    這裡文字是滑鼠移過出現的字

    </div>

     

    2. 滑鼠移到文字上出現另一行字~滑鼠移開出現的字消失的語法特效

    <p>

    <a onmouseover="bb.style.display=bb.style.display=='none'?'':'none'" onmouseout="bb.style.display=bb.style.display=='none'?'':'none'">顯示的文字滑鼠移到這會出現其他文字

    </a>

    </p>

    <div id=bb style="display:none">

    這裡文字是滑鼠移過出現的字

    </div>

     

    參考資料:

    圖片參考:http://fanlucy2.myweb.hinet.net/0783.gif

還有問題?馬上發問,尋求解答。