Dreamweaver之網(wǎng)頁制作報告

《Dreamweaver之網(wǎng)頁制作報告》由會員上傳分享，免費在線閱讀，更多相關(guān)內(nèi)容在教育資源-天天文庫。

1、-+《多媒體技術(shù)及應(yīng)用》報告學(xué)生姓名：嘎嘎學(xué)號：6100310211專業(yè)班級：自動化103班-+網(wǎng)頁制作報告(目錄)1.設(shè)計目的31.1闡述該主題網(wǎng)站的設(shè)計意圖和創(chuàng)意31.2簡單介紹自己的個人網(wǎng)站32.設(shè)計思想32.1在設(shè)計中主要用的技術(shù)32.2網(wǎng)頁基本的框架33.網(wǎng)頁詳細設(shè)計分析43.1建立布局43.2網(wǎng)頁中的圖像53.2.1在網(wǎng)頁中插入圖像53.2.2圖像的各種屬性設(shè)置53.2.3怎樣編輯網(wǎng)頁中的圖像63.3插入視頻和音樂63.4設(shè)置圖片循環(huán)滾動73.5設(shè)置鏈接73.6做個外網(wǎng)搜索欄83.7常用的顯示-時間天氣83.8建立子網(wǎng)和友情鏈

2、接93.9文段的處理94.最終效果圖95、結(jié)論總結(jié)11-+1、設(shè)計目的1.1闡述該個人網(wǎng)站的設(shè)計意圖和創(chuàng)意。本課程的設(shè)計目的是通過實踐讓我們學(xué)會利用Dreamweavercs6開發(fā)制作網(wǎng)站，以便能較全面地理解、掌握和綜合運用所學(xué)的知識。結(jié)合具體的開發(fā)案例，理解并初步掌握運用Dreamweavercs6可視化開發(fā)工具進行網(wǎng)頁開發(fā)的方法；了解網(wǎng)頁設(shè)計制作過程。通過設(shè)計達到掌握網(wǎng)頁設(shè)計、制作的技巧。了解和熟悉網(wǎng)頁設(shè)計的基礎(chǔ)知識和實現(xiàn)技巧。根據(jù)題目的要求，給出網(wǎng)頁設(shè)計方案，可以按要求，利用合適圖文素材設(shè)計制作符合要求的網(wǎng)頁設(shè)計作品。熟練掌握Pho

3、toshopcs5、Dreamweavercs6等軟件的的操作和應(yīng)用。增強動手實踐能力，進一步加強自身綜合素質(zhì)。1.2簡單介紹自己的個人網(wǎng)站我本次主要是設(shè)計的以“邁克爾·約瑟夫·杰克遜”為主題的網(wǎng)頁，針對他的傳奇一生及對世界巨大的貢獻與巨大的影響力做了介紹。2、設(shè)計思想2.1在設(shè)計中主要用的技術(shù)利用DreamweaverCS6制作一個關(guān)于“MichaelJackson”的網(wǎng)站，利用表格、行為、層和鏈接等網(wǎng)頁設(shè)計技術(shù)設(shè)計頁面。2.2網(wǎng)頁主要的頁面本網(wǎng)站以邁克爾·杰克遜的人生經(jīng)歷為素材，主要講解了他人生的各個階段、他取得的巨大成就、他面臨的困

4、境、他的處世態(tài)度的內(nèi)容。主網(wǎng)設(shè)計的幾大亮點：視頻和音樂的點播、滾動圖片的瀏覽、百度的在線檢索、實時的時間天氣、熱點的使用、鏈接的創(chuàng)建、返回頂點等。主網(wǎng)設(shè)有8個欄目，圖片含有單多個鏈接。大致結(jié)構(gòu)如下圖所示。形象圖、圖片鏈接長=600高=180圖片滾動欄、鼠標即停、鏈接350時間天氣（更新、滾動、鼠標即停、聯(lián)網(wǎng)350搜索欄：size(80)-+視頻欄：長：500高：376（邁克爾宣傳片、可控開關(guān)、默認不自動播放）簡歷欄：長：300高：440音樂欄：長：500高：60（開關(guān)按鈕、循環(huán)、默認自動播放）階段1：長：325高：400（分段、字體、鏈接

5、）階段2：長：325高：400階段3：長：325高：400階段4：長：325高：400經(jīng)典語錄欄：長1300高：300（分段、字體、鏈接、子網(wǎng)）成就欄：長1300高：300（分段、字體、鏈接）自由評價欄：長1300高：300（分段、字體、心情評價窗）廣告分享鏈接欄：長1300高：50另有圖片背景，尺寸略有偏差。。3、網(wǎng)頁詳細設(shè)計分析3.1建立布局在這次的網(wǎng)頁設(shè)計中用到大量的布局，所以怎么樣建立布局是關(guān)鍵。Dreamweavercs6是大多數(shù)人設(shè)計網(wǎng)頁的稱手兵器，也是眾多入門者的捷徑。特別是其在布局方面的出色表現(xiàn)，更受青睞。大家都知道，沒有

6、表格的幫助，很難組織出一個協(xié)調(diào)合理的頁面。1.進入布局模式，插入布局表格。建立一個大概的布局，主要方法是利用表格的嵌套方式。2.定義背景風(fēng)格：使用圖片進行設(shè)置，代碼如下：

<sup id="x7mth"></sup>