資源描述：
《實驗四、網(wǎng)站制作及發(fā)布》由會員上傳分享，免費在線閱讀，更多相關(guān)內(nèi)容在教育資源-天天文庫。
1、實驗四、網(wǎng)站制作及發(fā)布 一、實驗?zāi)康耐ㄟ^本實驗，學(xué)生應(yīng)能正確利用所學(xué)過的知識，完成實驗中所提出的任務(wù)，達(dá)到綜合運用、掌握網(wǎng)絡(luò)信息制作與發(fā)布的基本技術(shù)的目的。二、實驗內(nèi)容設(shè)計制作一個展示自己為主題的個人網(wǎng)站，并將它發(fā)布到網(wǎng)上。其中至少包括一張首頁和二張下級頁面。所有網(wǎng)頁的制作全部使用Frontpage或DreamWeaver實現(xiàn)。所有網(wǎng)頁要進(jìn)行反復(fù)調(diào)試，確保其均能在IE瀏覽器中正常顯示，所有鏈接均為有效鏈接，不得出現(xiàn)死鏈接。主頁采用框架網(wǎng)頁，基本結(jié)構(gòu)（供參考）如下： LOGO橫幅標(biāo)題這里使用字幕組件構(gòu)成一個“歡迎光臨……”的滾動效果使用按鈕（至少有五個）實現(xiàn)與第二層網(wǎng)頁的鏈接使用表格布局，
2、放置一個介紹的文字資料和一幅照片文字鏈接（實現(xiàn)到第二、三層有關(guān)欄目的鏈接）制作者信息：（姓名、班級、聯(lián)系方式，要有指向Email的超鏈）三、實驗步驟1．用自己的學(xué)號建立目錄，根據(jù)自己的興趣愛好或?qū)ｉL，確定一個網(wǎng)站主題。網(wǎng)頁中含有如下信息：班級、姓名、學(xué)號、聯(lián)系方式等，主頁文件名為index.html。網(wǎng)頁要求顏色搭配協(xié)調(diào)、內(nèi)容清晰。2．根據(jù)確定的網(wǎng)站主題，通過各種途徑收集、整理、加工網(wǎng)站所需要的信息。3．自行確定網(wǎng)站的LOGO(互聯(lián)網(wǎng)上企業(yè)或個人網(wǎng)站標(biāo)識或用來與其它網(wǎng)站鏈接的圖形標(biāo)志)、自行設(shè)計各級網(wǎng)頁的風(fēng)格、網(wǎng)站的整體結(jié)構(gòu)。4．利用FrontPage或DreamWeaver設(shè)計制作各個
3、頁面。5．測試完成網(wǎng)站。6．將網(wǎng)站發(fā)布到免費主頁空間上。注意：網(wǎng)站發(fā)布時，在服務(wù)器上把自己的學(xué)號目錄下的所有文件傳送到服務(wù)器，上傳文件時，直接把整個目錄傳送到服務(wù)器。通常將主頁命名為index.html。與網(wǎng)頁相關(guān)的圖形文件及所有建立鏈接的文件必須用英文名稱，且放在同一目錄中。7．驗證發(fā)布成果：打開瀏覽器，在URL欄輸入你的個人網(wǎng)站的網(wǎng)址，驗證個人網(wǎng)站是否發(fā)布成功?！∷?、常見問題1.看不到自己設(shè)計的內(nèi)容：(1)可能是文件名不對（主頁用index.html命名），或文件的擴(kuò)展名不是“html”，或文件沒有傳送到服務(wù)器。修改方法：在資源管理器中將主頁文件擴(kuò)展名改為index.html，重新將
4、目錄傳送到服務(wù)器。(2)子目錄不是你的學(xué)號，修改方法：在D盤將文件夾改為自己的學(xué)號，重新將目錄傳送到服務(wù)器。(3)文件不在你指定的目錄中，修改方法：把與主頁有關(guān)的所有文件拷貝到自己建立的目錄中，重新建立鏈接，重新將目錄傳送到服務(wù)器。2.看不到網(wǎng)頁上圖片，文件名是中文文件名，或文件不在指定的目錄，或文件沒有傳送到服務(wù)器。解決方法：把與主頁有關(guān)的所有圖形文件拷貝到自己建立的目錄中，或?qū)D形文件名改為英文文件名，然后重新建立鏈接，重新將目錄傳送到服務(wù)器。3.無法進(jìn)入下一個鏈接，文件不在指定的目錄，或文件沒有傳送到服務(wù)器。解決方法：把與主頁有關(guān)的所有文件拷貝到自己建立的目錄中，然后重新建立鏈接，
5、重新將目錄傳送到服務(wù)器。 五、實驗報告要求 在實驗報告中，抄錄你編制的主頁的所有HTML源代碼文件，并在一些影響效果的關(guān)鍵語句處用注釋語句進(jìn)行說明?！×?、參考資料 1.FrontPage教程2.DreamweaverMX2004視頻教程3.Dreamweaver教程4.HTML語言教程 七、資料Dreamweaver8入門http://htmlmb.cn/html/2008-02/874.html1、啟動Dreamweaver。2、創(chuàng)建文件：點擊“創(chuàng)建新項目”下的html?；蛘撸何募?新建－>html。３、保存文件菜單欄：點“文件－>保存”命令，彈出一個“另存為”對話框，，給文件起名，
6、保存到你覺得合適的地方。４、修改網(wǎng)頁標(biāo)題把“無標(biāo)題文檔”換成你的網(wǎng)頁標(biāo)題。５、輸入內(nèi)容在工作區(qū)隨便輸入一些文字?！。丁⒃俦４?文件->保存。７、瀏覽點這個 可以看到你的網(wǎng)頁效果?！【庉嬑淖忠?、創(chuàng)建html文檔二、輸入文字三、改變字體把要改變的文字用鼠標(biāo)拖黑，然后在屬性面板里設(shè)置，如下圖：紅線框內(nèi)依次是字體、大小、顏色?！『昧耍噍斎雽懳淖?，設(shè)置成不同的顏色字體試試。對齊和背景 看到上圖了嗎？紅線框內(nèi)是居中對齊按鈕。左右兩邊各是居左和居右對齊，最后一個是兩邊對齊。改變背景1）默認(rèn)的背景色是白色，我們可以改成其他顏色；2）在下邊的屬性面板中，找到“頁面屬性..”按鈕，點一下出來一個面板；3
7、）找到中間的“背景顏色”按鈕點一下，在出來的調(diào)色板中，選擇一種顏色，點“確定”背景色就設(shè)好了；插入背景圖片的方法，就是在背景顏色按鈕下面的背景圖片中選擇一幅圖片 圖片和音樂插入圖片點：插入－>圖片。找到圖片，確定就可以。注意要把圖片放到站點的images文件夾中，而且圖片是英文的文件名。插入背景音樂在代碼或者拆分模式下，找到
,在其后插入以下代碼：
