为了正常的体验网站,请在浏览器设置里面开启Javascript功能!
首页 > 快速制作动感十足的网页

快速制作动感十足的网页

2018-03-12 10页 doc 122KB 8阅读

用户头像

is_421808

暂无简介

举报
快速制作动感十足的网页快速制作动感十足的网页 Ch9 快速製作動感十足的網頁 --套用現成的JavaScript/ JavaApplet 1. 開啟Dreamweaver MX 2. 匯入上次所作好的進度檔 (網站定義檔(*.ste)) (1).『網站』?編輯網站 , 匯入 , 選擇目錄?AE-15 , 檔名?應英系網站的.ste (2).觀看結果 A. 【網站】?網站檔案 B. 點選?檔案 C. 結果?出現『應英系網站』的網站 3. 開啟網頁,main.htm 4. 觀念,JavaScript、JavaApple (1...
快速制作动感十足的网页
快速制作动感十足的网页 Ch9 快速製作動感十足的網頁 --套用現成的JavaScript/ JavaApplet 1. 開啟Dreamweaver MX 2. 匯入上次所作好的進度檔 (網站定義檔(*.ste)) (1).『網站』?編輯網站 , 匯入 , 選擇目錄?AE-15 , 檔名?應英系網站的.ste (2).觀看結果 A. 【網站】?網站檔案 B. 點選?檔案 C. 結果?出現『應英系網站』的網站 3. 開啟網頁,main.htm 4. 觀念,JavaScript、JavaApple (1).動態特效網頁, , 如果常常上網,在網路上面常會看到隨滑鼠移動而變顏 色的網頁,或是飄雪的網頁,或是在瀏覽器的下方狀態 列顯示一些文字的網頁,這些動態網頁都是用 JavaScript或是JavaApplet所寫出來的 (2).『JavaScript』技術簡稱『Js』 『JavaApplet』技術簡稱『Java』 (3).如何將網頁加上Js、Java , 網頁初學者可能也是不會寫出Js、Java的互動式網頁, 所幸在網路上也是有很多網站是專門收集數以千種各式 各樣的JavaScript程式,也是只要會下載,會複製貼上, 將程式碼貼到網頁上,就可以馬上製作出炫又漂亮的動態 網頁了。 (4).網路上哪裡可以找的到免費套用的Js、Java , 讀者也可以到yahoo網站或是pchome等入口網站,打入 『JavaScript』或是『Js』就會出現幾百個這種免費提供 範例的教學網站了 , 本章節也是使用『網站建置百寶箱』這個網站所提供的 JavaScript範例,來幫助你找尋你所要加入的範例 , 範例網站,網站建置百寶箱 , 網址, 5. JavaScript應用,如何在瀏覽器的左下角『狀態列』顯示文字 (1).初階段目的,靜態狀態列文字 , 現在要練習在index.htm網頁視窗左下方狀態列,加上 文字說明,這種功能在很多網站很常見 , ,使用Dreamweaver內部的簡易JavaScript撰寫 編輯器 (2).練習步驟 A. 開啟檔案,index.htm B. 點選整個頁框 , 右側『進階面板』 , 選『頁框』?點選外圍頁框 , C. 點選文件視窗左下角? , 在點選一下 , p.s.:如果是在框架網頁?則點選 D. 點選右側面板?設計 , 『行為』 , 按?『+』 , 設定文字?設定狀態列文字 , 輸入文字 本網站是Dreamweaver MX結合Asp.Net的電子商務網站哦! E. 測試,F12 (3).如何刪除這個靜態狀態列文字特效 A. 點選index.htm B. 點選右側面板?設計 , 『行為』 , 點選『OnMouseOver』?設定狀態列文字 , 刪除 (4).進階目的,動態狀態列文字 , 現在要練習可以動態改變的狀態列文字 , 方法,使用網路上已經寫好可現成套用的Js程式 (5).練習步驟 A. 開啟範例網站 , 網站建置百寶箱 , 網址, B. 選擇目錄區 , 單元,選擇JavaScript , 專欄,選擇『看板跑馬燈』 , 文章,選擇『跑馬燈_1』 , 先測試這個特效的效果 C. 開啟檔案,index.htm D. 將Js程式碼複製後,貼到index.htm的網頁語法內 【複製步驟一】 1. 【標記】 2. 【貼上】然後切換到您的網頁,按『Ctrl+V』將剛剛複製的程式碼貼在之後任 何位置。 8. JavaApplet應用,如何製作水中倒影效果 (1).開啟範例網站 , 網站建置百寶箱 , 網址, (2).選擇目錄區 , 單元,選擇JavaApplets , 頁數,選擇『第2頁』 , 文章,選擇『水中倒影』 , 先測試這個特效的效果 , 下載附加檔案,lake.zip到d:\AE15 , 解壓縮後,產生2個檔案,lake.class、lake.gif (3).開啟新的檔案,java-1.htm (a).設定背影顏色:與main.htm的背景顏色一樣 (b).將Js程式碼複製後,貼到java-1.htm網頁語法內 【複製步驟一】 1. 【標記】 2. 【貼上】然後切換到您的網頁,按『Ctrl+V』將剛剛複製的程式碼貼在之後任 何位置。 【修改程式碼】 1. 設定JAVA程式的名稱及路徑以及圖形顯示區 的大小、長寬。其中 width="200" height="90"要根據您圖檔的大小做調整,本例的圖檔為200×50, 故width="200"。 2. 設定圖片名稱,本例的圖片名稱為lake.gif。 (4).製作自己的一個圖片,讓它產生水中倒影 A. 目標,將以前所做好的應英系英文標題圖片,mark-4.jpg 當作對象 B. 更改JavaApplet語法路徑, C. 測試瀏覽, , 先存檔 , 按F12 , 圖太小了?要將JavaApplet的圖片區域拉大 D. 最後美化,使用圖層來置中 , 加入一個圖層 , 將JavaApplet拖曳到圖層內 , 調整圖層位置 E. 最後將Main.htm中左邊的第2個按鈕來超連結到 Java-1.htm來 F. 測試瀏覽
/
本文档为【快速制作动感十足的网页】,请使用软件OFFICE或WPS软件打开。作品中的文字与图均可以修改和编辑, 图片更改请在作品中右键图片并更换,文字修改请直接点击文字进行修改,也可以新增和删除文档中的内容。
[版权声明] 本站所有资料为用户分享产生,若发现您的权利被侵害,请联系客服邮件isharekefu@iask.cn,我们尽快处理。 本作品所展示的图片、画像、字体、音乐的版权可能需版权方额外授权,请谨慎使用。 网站提供的党政主题相关内容(国旗、国徽、党徽..)目的在于配合国家政策宣传,仅限个人学习分享使用,禁止用于任何广告和商用目的。

历史搜索

    清空历史搜索