網(wǎng)頁的設(shè)計制作

1、網(wǎng)頁的設(shè)計制作一一 JavaScript簡介簡介二二 行為行為三三 制作制作JavaScript特效特效四四 實訓(xùn)實訓(xùn) 網(wǎng)頁中插入網(wǎng)頁中插入JavaScript的方法：的方法：HTML中嵌入中嵌入JavaScriptJavaScript語言代碼鏈接鏈接JavaScript文件文件WindowScreenFramesHistoryNavigatorLocationScriptsDocumentLinkAnchorsForms【案例綜述】使用字幕技術(shù)和JavaScript腳本語言修改曙光大學(xué)網(wǎng)站首頁友情鏈接欄目的展示形式?！景咐故尽渴褂醚h(huán)向上滾動的字幕展示友情鏈接的院校信息。當(dāng)瀏覽者將鼠標(biāo)移動

2、到字幕區(qū)域后，字幕停止運動，讓瀏覽者清晰地看到相關(guān)信息。 Height /weight : 高度、寬度 behavior: 用于設(shè)定滾動的方式，主要由三種方式： scroll: 表示由一端滾動到另一端； slide: 表示由一端滾動到另一端，且不再重復(fù)； alternate: 表示在兩端之間來回滾動。 direction: left左(默認(rèn)值); right 右;up 上;down 下; bgcolor: 背景顏色 scrollamount: 滾動的速度scrolldelay: 延遲時間 loop: 循環(huán)次數(shù) onmouseout=“三” :運動 onmouseover=三 :停止【案例綜述】

3、使用字幕技術(shù)和JavaScript腳本語言修改曙光大學(xué)網(wǎng)站首頁學(xué)校風(fēng)采展示圖片的展示形式?！景咐故尽渴褂醚h(huán)向左滾動的字幕展示學(xué)校風(fēng)采的系列圖片。當(dāng)瀏覽者將鼠標(biāo)移動到字幕區(qū)域后，字幕停止運動；當(dāng)瀏覽者將鼠標(biāo)移出字幕區(qū)域后，字幕繼續(xù)運動。該字幕是不間斷循環(huán)滾動的，本案例的效果如圖所示?！景咐C述】制作曙光大學(xué)網(wǎng)站首頁幻燈切換廣告，展示學(xué)校最新的新聞圖片?！景咐故尽恐谱鲗W(xué)校新聞欄目中的幻燈切換廣告。每隔一段時間，廣告自動切換到下一幅畫面；用戶單擊廣告下方的數(shù)字，將直接切換到相應(yīng)的畫面；用戶單擊鏈接文字，可以打開相應(yīng)的網(wǎng)頁。【實訓(xùn)綜述】讀者在學(xué)習(xí)了Dremweaver內(nèi)置行為的基礎(chǔ)上，進一步加強內(nèi)置行為的練習(xí)，制作更多的網(wǎng)頁交互功能?！緦嵱?xùn)展示】制作“愛家美食”網(wǎng)站菜譜彈出信息框，當(dāng)瀏覽者用鼠標(biāo)單擊菜譜圖像后，彈出一個信息框，顯示菜譜的簡介信息，效果如圖所示?！緦嵱?xùn)綜述】讀者在學(xué)習(xí)了JavaScript腳本語言的基礎(chǔ)上，進一步加強使用代碼制作網(wǎng)頁特效的練習(xí)?！緦嵱?xùn)展示】修改“愛家美食”網(wǎng)站首頁的靜態(tài)廣告圖片為動態(tài)的幻燈切換廣告，本實