1、目錄一、制定主題1二、制作過程1(1)制作布局1(2)與網(wǎng)頁相關的插入1(3)設置導桿2(4)設定更換圖像3(5)文字背景圖像設定3(6)彈出信息制作效果3(7)設定滾動圖像和字符4(8)帳票的制作4(9)鏈路5(10 )制作flash圖像查看器5三、編制代碼4(1)重要文字代碼5(2)滾動圖像代碼5四、心得六五、參考資料7六、教師評論、評論、評論、評論、評論一、制定主題永遠的青春二、制作過程(1)制作布局這次的網(wǎng)頁設計使用了很多版面設計，所以如何制作版面設計很重要。 特別是在版面設計方面的優(yōu)秀表現(xiàn)，更受歡迎。 眾所周知，沒有表格和圖層的幫助，很難制作協(xié)調合理的頁面。在Dreamweaver8

2、的“插入”工具欄上，單擊“布局”進入布局模式，切換到“繪制層”來繪制粗略布局，然后結合布局表來創(chuàng)建粗略布局。2 .使用背景色：選中此選項后，可以單擊“瀏覽”將所需的背景色作為表的背景色插入(2)向網(wǎng)頁的關聯(lián)插入圖像傳輸是www真正的魅力所在，與文字相比有著顯著的優(yōu)點：直觀地說，人眼在看圖像時接收信息的速度遠遠快于文字時接收信息的速度，第二點是能更清晰地表現(xiàn)細節(jié)。 正因為這些優(yōu)點，在進行網(wǎng)頁設計時圖像才很受歡迎。(1)在網(wǎng)頁上插入圖像在Dreamweaver8中，您可以輕松地在網(wǎng)頁上插入圖像、設置圖像的邊框、大小和位置，以及直接編輯圖像。1 .將光標置于網(wǎng)頁所需的位置。2 .單擊“主頁”欄中的“

3、圖像”后，打開“工具”菜單，選擇“圖像”菜單項目，從子菜單中選擇“來自文件”菜單項目，或單擊工具欄的圖像工具圖標后，顯示“圖像”對話框。3 .在此對話框中單擊“瀏覽”按鈕后，將顯示“選擇文件”對話框。4 .從“選擇文件”對話框的文件列表中選擇圖像文件，然后單擊“確定”按鈕或直接雙擊圖像文件，該圖像就被添加到網(wǎng)頁上。 在網(wǎng)頁中插入圖像后，可以設定圖像的各種屬性。 這可以選擇插入的圖像，單擊它，然后在下面的屬性面板中將圖像的高度和寬度設置為所需的大小。(2)在網(wǎng)頁上插入閃存1 .將光標置于網(wǎng)頁所需的位置。2 .在“主頁”欄中選擇“媒體”切換到“flash”后，用和圖像插入方法相同的方法插入、變更。

4、(3)在網(wǎng)頁上插入透明的flash背景1 .將光標置于網(wǎng)頁所需的位置。2 .在“主頁”欄中選擇“媒體”切換到“flash”后，以與圖像插入方法相同的方法插入、變更。3 .“屬性”面板中的“參數(shù)”參數(shù)的wmode值為transparent，“確定”完成。(4)背景音樂的嵌入1 .將光標置于網(wǎng)頁所需的位置。2 .在“主頁”欄中選擇“媒體”切換到“插件”后，以與圖像插入方法相同的方法插入、修正。 此時注意參數(shù)的設定，如果在該參數(shù)中輸入?yún)?shù)“hidden”的值為“true”，再輸入?yún)?shù)“l(fā)oop”的值為“true”，則確認該插入已保存，在網(wǎng)頁上隱藏表現(xiàn)。(5)在網(wǎng)頁上插入閃存視頻1 .將光標置于網(wǎng)頁所

5、需的位置。2 .在“主頁”欄上選擇“媒體”，然后單擊flash視頻，將顯示相應的對話框，在“URL”瀏覽器中選擇相關文件，從“外觀”下拉列表中選擇外觀，然后選擇視頻的“高”、“寬度”和“自動播放”。 一旦確定，這個插入完成，就會反映在“關于我們”的頁面上。(3)設置指南設定導航前需要相關資料，首先需要相關資料。 例如，如果這個頁面有“你的心情”“你的追求”等關系的話，就需要把它圖像化。 我和美圖秀秀結合起來實現(xiàn)，分別做了5個字的白色和5個字的黃色。 在這種情況下，為創(chuàng)建導航欄奠定了基礎。 以下，設置導航欄1 .將光標置于網(wǎng)頁所需的位置。2 .在“主頁”欄中選擇“圖像”，然后單擊“導航欄”，顯示

6、相關對話框，在“狀態(tài)圖像”閱覽中找到您創(chuàng)建的藍色字體的圖像，在“鼠標通過圖像”閱覽中找到黃色字體的圖像(4)設定更換圖像1 .選擇插入的圖像并在屬性面板中命名2 .如果在窗口中選中“行為”，在“行為”面板中單擊“”，然后選擇“交換圖像”，則會顯示對應的對話框，您可以在其中選擇并確認與此圖不同的其他圖像。(5)文字背景圖像的設定1 .選擇網(wǎng)頁的文本，在窗口中打開“css樣式”。2 .在“CSS樣式”面板中，單擊“”以顯示一個對話框，然后選擇“類”以點開始英語名稱。3 .選擇作為文字背景圖必要的圖像并決定。4 .在“CSS規(guī)則定義”類別中選擇“背景”，進行必要的設置后再決定。5 .此文本將使用在網(wǎng)

7、頁“屬性”面板的“類”中選擇的名稱和圖像。(6)制作彈出信息的效果1 .在標簽選擇器中點擊“boby”，就選擇了整個網(wǎng)頁。2 .在窗口中選中“行為”，在“行為”面板中單擊“”并選擇“彈出消息”，以打開該對話框并輸入要顯示的信息。 確認后，請在“行為”面板中將事件設置為onload。(7)設定滾動圖像和文字1 .選擇圖像或文本，然后單擊“代碼”視圖。2 .如果在選擇的文字或圖像地址開始前輸入，在選擇的文字或圖像地址結束后輸入，則需要在中間部分輸入相應的代碼。(8)表格的制作(1)創(chuàng)建文本字段1 .將“插入”插入欄切換到“表單”插入欄，單擊“文本字段”2 .在光標所在的位置插入文本字段，在“屬性”

8、面板中進行必要的設置，其中包含“單行”、“多行”和“密碼”三種設置。 三個分別被用在網(wǎng)頁上。、(2)制作單選按鈕1 .在“表單”插入欄中選擇“單選按鈕”按鈕，就會顯示在光標位置。2 .請在屬性面板中進行適當?shù)脑O定。(3)制作復選框1 .在“表單”插入欄中選擇“單選按鈕”按鈕，就成為光標的位置顯示。2 .請在屬性面板中進行適當?shù)脑O定(4)制作菜單1 .在“表單”插入欄中選擇“列表/菜單”按鈕，則顯示在光標位置顯示。2 .在“屬性”面板的類型中選擇“菜單”，然后在“列表值”中輸入所需的文本，即可完成創(chuàng)建。(5)制作通常按鈕1 .如果在“表單”插入欄中選擇“按鈕”按鈕，則顯示在光標的位置出來了。2

9、.請在屬性面板中進行適當?shù)脑O定。(6)制作跳躍菜單1 .將光標置于要插入的菜單位置，在“表單”插入欄中選擇“跳轉”點擊菜單按鈕，顯示對話框。2 .輸入與“文本”和“參考”相對應的文本和網(wǎng)站后，此創(chuàng)建就完成了。 這個頁面在“公司主頁”上設置了“百度”和“谷歌”的跳躍菜單。(9)鏈接(1)文字鏈接1 .選擇要鏈接的文本。2 .在“屬性”面板中的鏈接中，選擇要鏈接的文件的頁面，或者輸入需要外部鏈接的網(wǎng)站即可。(2)圖像熱點的鏈接1 .選擇圖像，在屬性面板中選擇所需形狀的圖像熱點工具按鈕并單擊，光標變?yōu)椤笆帧睍r會發(fā)生延遲。2 .在“屬性”面板中選擇“鏈接”，然后在要鏈接的文件中選擇網(wǎng)頁，或輸入需要外

10、部鏈接的網(wǎng)站。(3)轉到URL1 .其中，主要在各頁面的導航欄上鏈接各頁面。2 .首先，選擇導航欄的圖像，在“行動”中追加“移動到URL”，在“閱覽”中選擇需要鏈接的網(wǎng)頁“確定”，在“行動”面板中將事件設定為“onmouseover”就完成了。(10)flash圖像查看器的制作1 .將光標放在“那一年我們還年輕”上，在“flash元素”插入面板中單擊“圖像查看器按鈕”后，彈出對話框將“img”保存在自己的文件“image”中，并在“屬性”中調整大小2 .在“flash元素”面板中，選擇“frameshow”并打開“是”、“圖像URLs”以編輯照片添加照片，選擇“滑動延遲”并選擇“2”、“滑動環(huán)

11、”并選擇“是”、“transitions三、編碼(1)重要的文字代碼：誰的心里都有未知的幸福像大海一樣美麗上下滾動字幕。心情好嗎？/是否繼續(xù)從這個陌生的城市逃走，失去了從未想過的自己，也失去了靈魂。(2)滾動圖像代碼：四、心得網(wǎng)站制作的體會通過這次網(wǎng)站的制作，我對網(wǎng)站有了更深的理解，也有了更深的興趣。 特別是對網(wǎng)站制作的過程和幾個技術方法，進一步了解了，也進一步掌握了網(wǎng)站制作的基礎知識。 本學期，我們的網(wǎng)頁設計課比以前的課更重視個人創(chuàng)造力和軟件的運用實戰(zhàn)能力，更綜合地嘗試我，使我更加充實。 在此，我將工作狀況報告如下在本專業(yè)課程理論教育、實踐教育的基礎上，結合課程教育和社會實踐，通過行業(yè)生產(chǎn)實

12、踐的形式，進一步理解網(wǎng)絡藝術設計工作在實際生活中廣泛應用的表現(xiàn)途徑和表現(xiàn)方法，提高認識水平，縮短工作時間。 根據(jù)項目課題的要求，結合本專家學習的網(wǎng)頁設計理論知識，通過網(wǎng)絡廣告等方面的調查和項目實踐形成文字構想，以自愿主題設計完成多媒體網(wǎng)頁的設計制作。 兩項內容要求正確完整，工作過程報告內容既要客觀，又要認識深度，設計作品新穎創(chuàng)造性。我的第一項工作是制作整個網(wǎng)站的框架，收集資料，通過美圖秀秀完成照片，導入Dreamweaver進行排版，進一步制作，美化，例如加入Flash Css。 我不能很好地利用某方面的技術，常常要向別人求助，幸虧有老師和同學的無私幫助，我才能完成這個任務。我經(jīng)過初步的構想，

13、我要追憶青春的頁面設計，所以有了時間主題，我在網(wǎng)上自己找到了一些照片和文字，做了簡單的網(wǎng)站的初步積累，主要是對我們的相關軟件的操作能力和代碼的初步熟練我們這個時間沒有上網(wǎng)站相關的課，剛著手，就出現(xiàn)了很多技術問題，我覺得做網(wǎng)頁需要耐心，如果你沒有耐心，學習網(wǎng)頁設計是我最大的經(jīng)驗。 如果你遇到問題的時候不能馬上得到問題的答案，也許你需要花很長時間解決，所以我遇到了問題，花了很長時間解決了。 那多虧了老師的指導，也幫助了同學們無私的幫助。 學習網(wǎng)頁設計要堅持不懈，持續(xù)地學習. 因為網(wǎng)頁設計軟件不斷更新，只有綜合運用多種知識，才能設計出富有視聽效果、動態(tài)、個性的網(wǎng)頁，全面表現(xiàn)互聯(lián)網(wǎng)這一新媒體的獨特魅力和多維空間的強大功能。 我覺得應該重視實用性，網(wǎng)頁的設計應該重視實用性。 因為它可以被用戶撫摸，所以可以評論，交互。 周圍的時間，我完成