国产一级a片免费看高清,亚洲熟女中文字幕在线视频,黄三级高清在线播放,免费黄色视频在线看

打開(kāi)APP
userphoto
未登錄

開(kāi)通VIP,暢享免費(fèi)電子書(shū)等14項(xiàng)超值服

開(kāi)通VIP
用DreamWeaver打造留言板網(wǎng)頁(yè)設(shè)計(jì)6
經(jīng)過(guò)前面5課的學(xué)習(xí),我們對(duì)Dreamweaver MX創(chuàng)建和管理站點(diǎn)頁(yè)面文檔的前臺(tái)技術(shù)有了一個(gè)概括的認(rèn)識(shí)和應(yīng)用了,實(shí)際上前5課所涉及到的應(yīng)該是創(chuàng)建和管理站點(diǎn)的最基本的一些技術(shù)。掌握了這些技術(shù),我們?cè)O(shè)計(jì)一般的靜態(tài)站點(diǎn)應(yīng)該是沒(méi)有問(wèn)題了。那么現(xiàn)在開(kāi)始留言板站點(diǎn)的后臺(tái)程序的創(chuàng)建?按道理是可以討論這方面的問(wèn)題了,但我還想再討論一些站點(diǎn)頁(yè)面的其他元素和效果的創(chuàng)建方法。雖然這些技術(shù)可能和我們的留言板站點(diǎn)關(guān)系不是很大,但是因?yàn)樗鼈円彩且恍┏S玫募夹g(shù)和方法,我們還是在這里系統(tǒng)的學(xué)習(xí)一下吧。
  
  一、利用時(shí)間軸和層實(shí)現(xiàn)頁(yè)面中的滾動(dòng)字幕效果。
  
小字報(bào):今天留言板的最多的問(wèn)題是這個(gè)教程共有幾課?

  看到上面這個(gè)滾動(dòng)字幕的效果了吧,它是通過(guò)在Dreamweaver時(shí)間軸面板中定義層的移動(dòng)動(dòng)畫(huà)來(lái)實(shí)現(xiàn)的。什么?Dreamweaver也有時(shí)間軸?是的,而且你用它可以設(shè)計(jì)出不錯(cuò)的動(dòng)畫(huà)效果呢。而且用這樣的技術(shù)設(shè)計(jì)出來(lái)的動(dòng)畫(huà)效果更符合web的特征。
  
  1、單擊插入欄中常用標(biāo)簽下的層命令按鈕
,在頁(yè)面中拖拽鼠標(biāo)插入一個(gè)層。在層中輸入需要的字幕文字。
  
  2、打開(kāi)時(shí)間軸面板。執(zhí)行“窗口/其他/時(shí)間軸”命令打開(kāi)時(shí)間軸面板。
  
  3、將頁(yè)面文檔中的層選中,并把它拖放到時(shí)間軸的時(shí)間線上。默認(rèn)的情況是插入的動(dòng)畫(huà)長(zhǎng)度為15幀,相應(yīng)的層名(Layer1)顯示在該動(dòng)畫(huà)欄中,并且在動(dòng)畫(huà)欄的兩端自動(dòng)加入了兩個(gè)關(guān)鍵幀。
  
  4、在時(shí)間軸面板的動(dòng)畫(huà)欄上的關(guān)鍵幀按下鼠標(biāo)左鍵并左右拖動(dòng),則可以改變關(guān)鍵幀的位置。向右拖動(dòng)第15幀上的這個(gè)關(guān)鍵幀以延長(zhǎng)關(guān)鍵幀到60幀,如圖1所示。
  

  
  圖1 時(shí)間軸面板
  
  5、在第30幀鼠標(biāo)右鍵單擊,在彈出的快捷菜單中選擇“插入關(guān)鍵幀”命令,在第30幀插入一個(gè)關(guān)鍵幀。
  
  6、單擊第30幀,然后將頁(yè)面文檔中的層水平向右移動(dòng)合適的距離如圖2所示。
  

  
  圖2 層的運(yùn)動(dòng)軌跡
  
  7、在時(shí)間軸面板中選擇:自動(dòng)播放和循環(huán),并把行為標(biāo)志拖放到第60幀的位置,如圖1所示。
  
  這個(gè)左右來(lái)回滾動(dòng)的字幕效果就完成了,簡(jiǎn)單吧?其實(shí)時(shí)間軸和層結(jié)合在一切定義動(dòng)畫(huà)還有很多技巧,以后慢慢研究吧。:)
  
  二、創(chuàng)建當(dāng)頁(yè)面載入時(shí)彈出窗口的效果
  
  先單擊這里觀看具體頁(yè)面效果
  
  我們可以看到頁(yè)面載入時(shí)彈出了一個(gè)信息提示對(duì)話框窗口,接著又彈出了一個(gè)自定義外觀的瀏覽器窗口。這兩個(gè)效果都是通過(guò)在行為面板中定義頁(yè)面載入時(shí)的行為而實(shí)現(xiàn)的。我們定義頁(yè)面載入時(shí)的行為實(shí)際上就是定義< body >標(biāo)簽的行為。
  
  ▲彈出信息提示對(duì)話框窗口
  
  1、在標(biāo)簽檢查器中單擊選中< body >標(biāo)簽,這時(shí)整個(gè)頁(yè)面文檔就會(huì)變成灰色狀態(tài)。
  
  2、打開(kāi)行為面板,單擊
按鈕打開(kāi)行為命令下拉菜單,選中其中的“彈出信息”行為命令,如圖3所示。
  

  
  圖3 行為面板——定義行為
  
  3、在出現(xiàn)的彈出信息對(duì)話框的信息文本框中輸入想彈出的提示信息。
  
  ▲打開(kāi)瀏覽器窗口
  
  1、在標(biāo)簽檢查器中單擊選中< body >標(biāo)簽,這時(shí)整個(gè)頁(yè)面文檔就會(huì)變成灰色狀態(tài)。
  
  2、打開(kāi)行為面板,單擊
按鈕打開(kāi)行為命令下拉菜單,選中其中的“打開(kāi)瀏覽器”行為命令,如圖3所示。
  
  3、在打開(kāi)瀏覽器窗口設(shè)置對(duì)話框中進(jìn)行將要打開(kāi)的瀏覽器窗口的外觀的參數(shù)定義,如圖4所示。
  

  
  圖4 打開(kāi)瀏覽器窗口的外觀參數(shù)的定義
  
  行為面板是個(gè)很重要的面板,我們?cè)趧?chuàng)建頁(yè)面效果時(shí)會(huì)經(jīng)常用到它,它里面有很多常見(jiàn)的效果的定義。比如定義頁(yè)面的狀態(tài)條信息、檢查頁(yè)面提交表單的正確性等等。以后要多研究研究它哦~
  
  三、禁止訪問(wèn)用戶(hù)的右鍵單擊
  
  現(xiàn)在你用鼠標(biāo)右鍵在這個(gè)頁(yè)面上單擊一下試試……你的右鍵失效了吧,想把我的頁(yè)面上的資源馬上拿走?嘿嘿~還是再費(fèi)點(diǎn)工夫吧。
  
  1、將頁(yè)面文檔視圖轉(zhuǎn)換到“代碼視圖”模式,然后將光標(biāo)定位在< /body >前面一行。這里就是我們將要插入JavaScript腳本代碼的地方。
  
  2、執(zhí)行“插入/腳本對(duì)象/腳本”命令,會(huì)彈出一個(gè)插入腳本對(duì)話框,如圖5所示。
  

  
  圖5 插入腳本對(duì)話框
  
  3、按照?qǐng)D5進(jìn)行設(shè)置,然后確定以后,看看我們的頁(yè)面文檔中出現(xiàn)了什么:
  
  < script language="JavaScript" type="text/JavaScript" >
  
  < /script >
  
  這是一對(duì)< script >標(biāo)簽,它定義了在頁(yè)面中將要插入的腳本所使用的語(yǔ)言。我們通過(guò)步驟2得到的這樣一個(gè)結(jié)果,當(dāng)然也可以手工輸入這些代碼來(lái)實(shí)現(xiàn)。
  
  4、將光標(biāo)定位在< script language="JavaScript" type="text/JavaScript" >與< /script >之間。
  
  5、打開(kāi)代碼片段面板,選擇展開(kāi)其中的“JavaScript/瀏覽器函數(shù)”,然后鼠標(biāo)雙擊“禁用右鍵單擊”,如圖6所示。

  
  圖6 插入代碼片段
  
  完成以上操作以后,你會(huì)發(fā)現(xiàn)在< script language="JavaScript" type="text/JavaScript" >與< /script >之間插入了一段腳本代碼。這樣就基本OK了,當(dāng)然我們還可以改一下警告信息。改這里:var message = "嘿嘿,右鍵不能拿我的東西!";
  
  四、自動(dòng)搭上著名的搜索引擎,提高自己網(wǎng)站的訪問(wèn)率
  
  自動(dòng)提高自己網(wǎng)站的訪問(wèn)率?這么好的事情誰(shuí)不想知道!其實(shí)很簡(jiǎn)單,方法就是讓著名的搜索引擎幫助我們。許多搜索引擎裝置(自動(dòng)瀏覽網(wǎng)頁(yè)為搜索引擎收集信息以編入索引的程序)讀取關(guān)鍵字meta標(biāo)簽的內(nèi)容和說(shuō)明meta標(biāo)簽的內(nèi)容,并使用該信息在它們的數(shù)據(jù)庫(kù)中將您的頁(yè)面編入索引。在Dreamweaver MX中如何實(shí)現(xiàn)這個(gè)技術(shù)呢?
  
  1、單擊插入欄下的“文件頭標(biāo)簽”,如圖7,我們要使用文件頭標(biāo)簽下的兩個(gè)按鈕命令。
  

  
  圖7 文件頭meta標(biāo)簽屬性
  
  2、單擊圖7所示的“關(guān)鍵字屬性”按鈕,在彈出的關(guān)鍵字設(shè)置對(duì)話框的關(guān)鍵字文本框中輸入站點(diǎn)的關(guān)鍵字。比如:閃客,教程,flash等,注意多個(gè)關(guān)鍵字之間用逗號(hào)隔開(kāi)。
  
  3、單擊圖7所示的“說(shuō)明屬性”按鈕,在彈出的說(shuō)明設(shè)置對(duì)話框的描述文本框中輸入對(duì)站點(diǎn)的描述文字。比如:本站點(diǎn)是一個(gè)專(zhuān)門(mén)討論動(dòng)畫(huà)設(shè)計(jì)和網(wǎng)站建設(shè)的站點(diǎn),有大量的原創(chuàng)教程。
本站僅提供存儲(chǔ)服務(wù),所有內(nèi)容均由用戶(hù)發(fā)布,如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請(qǐng)點(diǎn)擊舉報(bào)。
打開(kāi)APP,閱讀全文并永久保存 查看更多類(lèi)似文章
猜你喜歡
類(lèi)似文章
《JavaScript項(xiàng)目式實(shí)例教程》項(xiàng)目一 對(duì)話框和頁(yè)面輸出 —— 初步體驗(yàn)
Dreamweaver超級(jí)技巧
網(wǎng)頁(yè)制作講義 大學(xué)教師 計(jì)算機(jī)專(zhuān)業(yè) 金博志網(wǎng)址
Dreamweaver CS5中JavaScript行為的操作
用Dreamweaver進(jìn)行網(wǎng)頁(yè)優(yōu)化
怎么才能更好的用Dreamweaver優(yōu)化網(wǎng)頁(yè)
更多類(lèi)似文章 >>
生活服務(wù)
分享 收藏 導(dǎo)長(zhǎng)圖 關(guān)注 下載文章
綁定賬號(hào)成功
后續(xù)可登錄賬號(hào)暢享VIP特權(quán)!
如果VIP功能使用有故障,
可點(diǎn)擊這里聯(lián)系客服!

聯(lián)系客服