初中九年級信息技術(shù)制作圖形化的網(wǎng)頁

制作圖形化的網(wǎng)頁俗話說：一圖解千文！圖形的影響力往往勝過冗長的文字?jǐn)⑹?。在設(shè)計網(wǎng)頁時，圖形不僅可以表達一定的信息和意義，還可以表現(xiàn)出一個網(wǎng)站的風(fēng)格和特色。圖示是“游戲廣場”的頁面，它是一個完全圖形化的網(wǎng)頁。制作美觀漂亮的網(wǎng)頁，關(guān)鍵是要使網(wǎng)頁有精彩的布局和獨特的視覺效果。怎樣才能實現(xiàn)呢？你可以將主頁畫出來，然后在Dreamweaver中“臨摹”來幫助你規(guī)劃網(wǎng)頁布局！一、制作你的主頁做一做制作自己的主頁。第一步：事先把想象的最漂亮的網(wǎng)頁布局使用繪圖軟件畫出來，其間既可以吸收其他網(wǎng)站的長處，也可以加入自己的構(gòu)思和創(chuàng)意。畫好之后，把這幅圖存為JPG格式的文件，也可以存在GIF或PNG格式，如圖所示。操作步驟第二步：在Dreamweaver中新建一個空白文檔，點擊菜單欄的“修改”→“頁面屬性”，打開如圖所示的“頁面屬性”對話框。第三步：選擇“跟蹤圖像”框右側(cè)的“瀏覽”按鈕，在彈出的對話框中選擇我們所畫的草稿圖。第四步：拖動“圖像透明度”右側(cè)的滑塊，調(diào)整草稿圖的透明度，將其調(diào)為50%，單擊“確定”按鈕，草稿圖就要網(wǎng)頁中出現(xiàn)了，如圖所示。第五步：這時可以在此圖上建立表格或圖層，將畫出來的主頁制作出來，最后的效果如圖所示，相信你一定可以完成。草稿圖不同于網(wǎng)頁的背景圖，它只是設(shè)計階段的輔助工具，在瀏覽時是看不到的，如果草稿圖的顏色太深，也可以調(diào)高它的透明度，以方便制作。說明在頁面上的左上角是一個從右不斷向左移動的廣告幕，Dreamweaver中并沒有直接提供制作字幕效果的方法，但是可以直接通過修改網(wǎng)頁的源代碼的方法來實現(xiàn)。二、制作滾動字幕效果做一做制作滾動字幕效果。第一步：移動光標(biāo)到適當(dāng)位置，輸入如圖所示的文字。第二步：選中所輸入的文字，單擊文檔窗口中的“顯示代碼和設(shè)計圖”按鈕，文檔窗口中顯示了如圖所示的被選中文字的網(wǎng)頁源代碼。操作步驟第三步：在將要滾動的文字前輸入滾動文字的代碼<marquee>，如圖所示。第四步：按F12鍵，預(yù)覽網(wǎng)頁的效果。第一，實現(xiàn)滾動字幕的方法有許多種，這里介紹的只是最簡單的方法。字幕除了可以從右向左運動以外，還可以從左向右，或左右來回晃動等，只是實現(xiàn)的代碼有微小的差別。幻燈片形式，從右到左只移動一次的代碼為：<marqueebehavior=“slide”>游戲<marquee>。左方開始移動交替運動形式代碼為：<marqueebehavior=“alternate”direction=“right”>左右來回移動的文字<marquee>。說明第二，垂直滾動的字幕代碼較復(fù)雜，把下列網(wǎng)頁代碼拷貝到網(wǎng)頁中可以實現(xiàn)文字的垂直向上滾動：<marqueedirection=“up”height=“100”scrollamount=“1”scrolldelay=“150”width=“180”border=“0”>。這是一段可以不斷向上滾動的文字<marquee>。其中direction=“up”