數(shù)字媒體導論 第九章Internet和WEB技術(shù)

ShandongEconomicsUniversity1使用Dreamweaver制作多媒體網(wǎng)頁網(wǎng)絡(luò)是目前和今后多媒體產(chǎn)品發(fā)布的一個重要的平臺。在眾多多媒體網(wǎng)頁軟件中，Dreamweaver具有強大的編輯功能，可以設(shè)計出圖文并茂、內(nèi)容豐富、具有吸引力的網(wǎng)頁。啟動DreamweaverMX網(wǎng)站制作流程創(chuàng)立站點與添加素材網(wǎng)頁鏈接——文本、圖形、電子郵箱鏈接站點的輸出與發(fā)布——網(wǎng)頁站點的輸出2一、啟動DreamweaverMX3二、網(wǎng)站制作流程網(wǎng)站制作過程大致包括六步：規(guī)劃網(wǎng)站、準備素材、制作網(wǎng)頁、測試網(wǎng)站、上傳輸出、更新維護。步驟名稱完成的操作規(guī)劃網(wǎng)站對網(wǎng)站的整體風格和特色作出定位，進而規(guī)劃網(wǎng)站的組織結(jié)構(gòu)準備素材準備網(wǎng)頁顯示的文本、圖片、動畫、視頻、音樂素材制作網(wǎng)頁使用網(wǎng)頁制作軟件，組織素材，進行網(wǎng)頁制作測試網(wǎng)頁網(wǎng)頁制作完畢后，進行測試，檢查設(shè)計過程中的錯誤與漏洞上傳輸出申請域名和空間、將網(wǎng)頁上傳至服務(wù)器，進行發(fā)布更新維護更新網(wǎng)頁，增加網(wǎng)頁內(nèi)容，彌補網(wǎng)站存在的缺陷網(wǎng)站制作各步驟及完成的操作

4三、創(chuàng)立站點與添加素材5③單擊“下一步〞按鈕，在彈出的“站點定義〞對話框中選擇“編輯我的計算機上的本地副本，完成后再上傳到效勞器〔推薦〕〞選項，并選定站點在本地的存放位置為“D:\webexample〞。④單擊“下一步〞按鈕，在彈出的“站點定義〞對話框中選擇連接方式為“本地/網(wǎng)絡(luò)〞，文件存儲的位置為“D:\webexample〞，如下圖，定義本地站點與遠程站點的連接方式。6⑤單擊“下一步〞按鈕，在彈出的“站點定義〞對話框中選擇“否，不啟用存回和取出〞選項，定義網(wǎng)頁不采用相應(yīng)的編輯保護方式。⑥單擊“下一步〞按鈕，在彈出的對話框中顯示所有的與站點設(shè)置有關(guān)的參數(shù)，單擊“完成〞按鈕結(jié)束站點的設(shè)置。72.編輯站點中的網(wǎng)頁8〔1〕使用表格定位?表格的插入在插入欄中選擇“表格〞選項卡，并單擊“插入表格〞按鈕，設(shè)置插入表格的屬性。9表格的修改①選擇要拆分的單元格〔第二行單元格〕，單擊表格屬性面板上的“拆分〞按鈕，彈出“拆分單元格〞對話框，選擇是“行〞選項，并輸入行數(shù)為“2〞②將拆分的表格再進行列拆分，拆分為2行7列。③選擇表格中需合并的區(qū)域，單擊表格屬性面板上的“合并〞按鈕，即可將所選表格“合并〞，然后再調(diào)整表格各單元格的寬度。10設(shè)置背景顏色選擇需更改背景顏色的單元格，在“單元格〞屬性面板中“背景顏色〞選框中選取相應(yīng)顏色，或在其后的文本框中直接鍵入顏色設(shè)置值，進行背景顏色設(shè)置?！?〕Flash文件的插入①選中要插入Flash影片的單元格，如第一個單元格。②選擇插入欄中的“媒體〞選項卡，并單擊工具欄中的“Flash〞按鈕，彈出“選擇文件〞對話框，選擇插入Flash動畫文件的路徑和文件名〔flash/morph.swf〕。③單擊“確認〞按鈕，即可完成該單元格“morph.swf〞Flash動畫文件的添加。④重復步驟②～③，將Flash動畫“l(fā)ogo.swf〞插入網(wǎng)頁中的指定位置。11〔3〕圖片的插入①選中要插入圖像的單元格，如第二行的第一個單元格。②選擇插入欄中的“常用〞選項卡，并單擊工具欄中的“插入圖像〞按鈕，彈出“選擇圖像源〞，選擇插入圖像文件的路徑和文件名。③單擊“確認〞按鈕，即可完成該單元格“agx.jpg〞圖像文件的添加。④重復步驟②～③，將image文件夾中的圖像文件插入網(wǎng)頁中的指定位置。⑤調(diào)整表格寬度，使表格與圖片大小一致，從而美化網(wǎng)頁?！?〕文字的插入①選擇倒數(shù)第二行第二列單元格，在插入欄中選擇“表格〞選項卡，并單擊“插入表格〞按鈕，彈出“插入表格〞對話框，設(shè)置插入1行1列的表格。②在該單元格中輸入文字。如果要插入一些特殊文字的話，那么可選擇插入欄中的“插入〞選項卡，選擇“html〞，點擊“特殊字符〞選項，單擊所需的文本符號按鈕，即可插入相應(yīng)的字符。12〔5〕文本的編輯文本的編輯修改方法是Windows通用的，選中文本后可以通過其對應(yīng)的屬性面板進行設(shè)置。133.添加一個新的網(wǎng)頁〔1〕新建網(wǎng)頁單擊“文件〞菜單中的“新建〞命令，彈出“新建文檔〞對話框，在“常規(guī)〞選項卡中，選擇“根本頁〞類別中的“HTML〞頁。14〔2〕使用表單15①選中要放置表單的單元格，然后選擇插入欄中的“表單〞選項卡，單擊“表單〞按鈕，插入表單域。②在表單域中，單擊“插入〞欄“表單〞選項卡上的“文本字段〞按鈕，插入文本字段型表單。③選擇下一個單元格，插入表單域，再單擊“插入〞欄“表單〞選項卡上的“按鈕〞按鈕，插入按鈕型表單。④選中“提交〞按鈕，單擊鼠標右鍵，在彈出的快捷菜單中選擇“標簽〞命令，彈出“改變屬性〞對話框，在文本框中輸入“搜索〞兩個字，按“確定〞按鈕，將“按鈕〞表單上的文字“提交〞修改成“搜索〞。16四、網(wǎng)頁鏈接——文本、圖形、電子郵箱鏈接1.建立文本的鏈接①翻開網(wǎng)頁，選中文字“數(shù)字媒體〞，選擇插入欄中的“常用〞選項卡，單擊“超級鏈接〞按鈕，彈出“超級鏈接〞對話框。②單擊“瀏覽〞按鈕，彈出“選擇文件〞對話框，選擇超鏈接的目標網(wǎng)頁“index.htm〞。172.建立圖形的鏈接①在DreamweaverMX中翻開網(wǎng)頁，選擇“agx.jpg〞圖片，選擇插入欄中的“超級鏈接〞選項卡，彈出“超級鏈接〞對話框，選擇超鏈接網(wǎng)頁“index.html〞，即可完成該圖片超鏈接設(shè)置。②選擇“產(chǎn)品中心〞圖片，選擇插入欄中的“超級鏈接〞選項卡彈出“超級鏈接〞對話框，直接在“鏈接〞文本框中輸入鏈接網(wǎng)頁名稱““index.html〞。③選擇“產(chǎn)品中心〞圖片，在圖像屬性面板中單擊“鏈接〞欄后的“瀏覽〞按鈕，彈出“選擇文件〞對話框，選擇超鏈接的目標網(wǎng)頁““index.html〞。183.建立電子郵件的鏈接方法①在DreamweaverMX中翻開網(wǎng)頁，選擇圖片“agx.jpg〞，選擇插入欄中的“常用〞選項卡，單擊“電子郵件鏈接〞按鈕，彈出“電子郵件鏈接〞對話框，在“E-mail〞文本框中輸入所需鏈接的郵件地址。②選擇圖片“agx.jpg〞后，在相應(yīng)