網(wǎng)頁制作教程課件

網(wǎng)頁制作FrontPage

網(wǎng)頁制作FrontPage您給了我一次機會我將給您一份收獲歡迎您的光臨您給了我一次機會我將給您一份收獲歡迎您的光臨興趣是最好的老師興趣是最好的老師網(wǎng)頁制作網(wǎng)頁制作知識就是力量，而這力量又來自于我們對知識的渴求！1、為什么學習本課程？2、我怎么教你們？3、你們怎么學？4、如何獲得學分又獲得知識？知識就是力量，而這力量又來自于我們對知識的渴求！基本概念1、什么是網(wǎng)頁？2、網(wǎng)頁有哪些構成要素？3、常用網(wǎng)頁設計工具有哪些？4、網(wǎng)站怎么做？基本概念1、什么是網(wǎng)頁？第一部分：MSFrontPage2003應用第二部分：Flash2004動畫制作第三部分：網(wǎng)站建設一條龍第四部分：實際技能訓練第五部分：Dreamweaver簡單應用第六部分：免費網(wǎng)頁空間申請網(wǎng)頁制作觀看教學網(wǎng)站第一部分：MSFrontPage2003應用網(wǎng)頁第一部分：MicrosoftOfficeFrontPage2003應用第一部分：MicrosoftOffice1、開機：進入windows（2000/2003/XP）

2、進入：用鼠標左鍵單擊“開始”按鈕，選擇“程序”下面的“MicrosoftOffice

”/“MicrosoftOfficeFrontPage2003”3、新建：單擊命令菜單欄中的“文件”，選擇“新建”，在屏幕的右面出現(xiàn)一個“新建”工具欄，選擇“新建網(wǎng)頁”下的

“空白網(wǎng)頁”，于是一個新的網(wǎng)頁“new_page_1.htm”就產(chǎn)生了。一、如何啟動FrontPage20031、開機：進入windows（2000/2003/XP）一1、輸入漢字：在新建的“new_page_1.htm”頁面上輸入漢字信息，并進行字體、字號、顏色等相關修飾。

2、插入圖片：在當前頁面上“插入”圖片，請單擊“命令菜單”下的“插入”/“圖片”/“來自文件（或剪貼畫）”，選擇一張圖片，單擊“確定”。二、編輯網(wǎng)頁1、輸入漢字：在新建的“new_page_1.htm”頁面上二、編輯網(wǎng)頁3、預覽：單擊屏幕左下角的“預覽”按鈕，于是新網(wǎng)頁在瀏覽器下的顯示效果就出現(xiàn)了。再單擊“設計”返回頁面設計狀態(tài)，可以繼續(xù)修改。也可以單擊菜單欄“文件”下的“在瀏覽器中預覽/MicrosoftInternetExplorer”或直接按<F12>鍵可以在IE下預覽制作的網(wǎng)頁。4、保存：單擊“文件”/“保存”，為文件起個名字，并修改“保存位置”為D盤上“座號姓名”文件夾，然后單擊“確定”。這樣所有網(wǎng)頁使用的文件都放在這個文件夾中，便于使用和管理。例如：888張三二、編輯網(wǎng)頁3、預覽：單擊屏幕左下角的“預覽”按鈕，于是新網(wǎng)三、修飾網(wǎng)頁1、網(wǎng)頁標題：選定一個網(wǎng)頁，單擊“格式/背景/常規(guī)/標題”，在文本框中輸入網(wǎng)頁標題。2、背景音樂：為網(wǎng)頁添加背景音樂，可以單擊“格式/背景/常規(guī)/背景音樂”，再單擊“瀏覽”找到你喜歡的音樂。3、超鏈接：選擇一段文字，單擊右鍵，選擇“超鏈接”，選定要鏈接的網(wǎng)頁，確定。4、網(wǎng)頁過渡：從一個網(wǎng)頁過渡到另一個網(wǎng)頁的效果，可以單擊“格式/網(wǎng)頁過渡/過渡效果”。三、修飾網(wǎng)頁1、網(wǎng)頁標題：選定一個網(wǎng)頁，單擊“格式/背景/常三、修飾網(wǎng)頁5、主題：選擇“格式/主題”，從右側選擇一種樣式，會改變整體網(wǎng)頁的背景效果。6、動態(tài)字幕：在網(wǎng)頁上選定一個位置，單擊“插入/WEB組件/組件類別/選擇一種效果/字幕”，單擊“完成”，在文本框中輸入文字。也可以添加背景圖片。

7、交互按鈕：單擊“插入/交互式按鈕”，可以自制特色按鈕。8、多媒體：單擊“插入/圖片/flash影片（swf類型文件）或視頻（rm、mp3）”，然后鏈接到相應文件即可。三、修飾網(wǎng)頁5、主題：選擇“格式/主題”，從右側選擇一種樣式四、圖片熱點鏈接1、單擊“視圖”/“工具欄”/“圖片”，彈出圖片修飾工具欄；2、選中頁面上要進行熱點鏈接的圖片；3、單擊圖片工具欄上的“多邊形熱點”，用鼠標畫出要進行熱點鏈接的區(qū)域，并使其封閉4、在彈出的“插入超鏈接”對話框的“地址”欄中輸入要熱點鏈接的網(wǎng)頁地址即可。5、小技巧：使熱點區(qū)域具有文字提示功能：在“插入超鏈接”對話框中的“要顯示的文字”欄后面有個“屏幕提示”按鈕，然后輸入要出現(xiàn)的提示文字。四、圖片熱點鏈接1、單擊“視圖”/“工具欄”/“圖片”，彈出五、制作滾動字幕1、插入：在網(wǎng)頁空白處：單擊：“插入/web組件/滾動字幕”，輸入要顯示的信息。2、修改代碼（紅色是要添加的代碼?。?lt;marqueedirection=up>這是我的滾動字幕<br>這是第二行字幕<br>這是第三行字幕</marquee>思考：如果想讓文字自上向下滾動怎么辦？down五、制作滾動字幕1、插入：在網(wǎng)頁空白處：單擊：“插入/web3、鼠標懸停：如何在滾動字幕上實現(xiàn)：當鼠標懸在上面時就停止?jié)L動，按下時就實現(xiàn)超級鏈接，離開時繼續(xù)滾動，下面粉色代碼為實現(xiàn)代碼。也可以直接用下面代碼替換原來的代碼。<marqueedirection=uponmouseover="this.stop()"onmouseout="this.start()“scrollamount="2"

>

<ahref=redian.htm>這是我的滾動字幕<br></a>

<ahref=biaoge.htm>這是第二行字幕<br></a>

<ahref=donghuaZZ.htm>這是第三行字幕</a></marquee>五、制作滾動字幕3、鼠標懸停：如何在滾動字幕上實現(xiàn)：當鼠標懸在上面時就停止?jié)L4、滾動圖片：利用滾動字幕制作滾動圖片，并實現(xiàn)超級鏈接。<marqueedirection=leftwidth="969"><tableborder=0><tr><td>動態(tài)滾動圖片</td><td><ahref=redian.htm><imgborder="0"src="dog17.gif"></a></td><td><ahref=yinyue.htm><imgborder="0"src="dog15.gif"></a></td><td><imgborder="0"src="pirate.gif"width="84"height="115"></td><td>第5個單元格</td><td><imgborder="0"src="man4.gif"width="77"height="78"></td><td>第7個單元格</td><td>第8個單元格</td><td><ahref=yinyue.htm><imgborder="0"src="dog15.gif"></a></td><td>第10個單元格</td></tr></table></marquee>瀏覽效果4、滾動圖片：利用滾動字幕制作滾動圖片，并實現(xiàn)超級鏈接。<m六、使用書簽1、制作書簽：在網(wǎng)頁中選中某一段落的開頭作為書簽的起始入口地址，然后單擊“插入”/“書簽”，確定。2、制作目錄：將各個做好的書簽名字以目錄方式做好。3、使用標簽：選中目錄某一項，超鏈接到書簽上就可以了。六、使用書簽1、制作書簽：在網(wǎng)頁中選中某一段落的開頭作為書簽七、插入層1、層：在網(wǎng)頁中選擇適當?shù)奈恢?，單擊菜單欄上的“插?層”2、輸入數(shù)據(jù)：單擊層，便可以向其中輸入文字，插入圖片、動畫等等信息。3、移動：拖動層的左上角控制柄，就可以任意移動層到任何位置。4、重疊層：可以將多個層重疊，以達到一定的效果。5、改變層次：雙擊“層控制柄”，可以用鼠標拖動相應的層到任何位置，到達改變層的次序。七、插入層1、層：在網(wǎng)頁中選擇適當?shù)奈恢?，單擊菜單欄上的“八、使用超級鏈接使用超級鏈接技術可以使多個網(wǎng)頁相互鏈接在一起，方便瀏覽。1、分別按照前面的方法做好主(首)頁和與其鏈接的子頁文件（*.htm），并保存在一個文件夾中。2、在主頁上輸入提示進入子頁的文字，作為超鏈接的按鈕文字。3、選中按鈕文字，再單擊“插入/超鏈接”，找到要鏈接的文件，確定?！局黜摗俊究蚣芫W(wǎng)頁】【滾動新聞】【熱點鏈接】【布局表格】【網(wǎng)頁主題】【留言薄】

八、使用超級鏈接使用超級鏈接技術可以使多個網(wǎng)頁相互鏈接在一起九、使用表格法一：自動生成表格1、制表：在網(wǎng)頁中選擇適當?shù)奈恢?，單擊菜單欄上的“表格?“插入”/“表格”2、設置：修改“插入表格”屬性，設置行數(shù)和列數(shù)，單擊“確定”。3、數(shù)據(jù)：單擊某個表格，便可以向表格中輸入文字、圖片、動畫等等信息。法二：布局表格和單元格

九、使用表格法一：自動生成表格1、當需要將一張網(wǎng)頁分成幾塊顯示不同的子網(wǎng)頁時，可以采用框架網(wǎng)頁。2、“文件/新建/新建網(wǎng)頁/其它網(wǎng)頁模板/框架網(wǎng)頁”下的“標題、頁腳和目錄”，并確定。3、出現(xiàn)空白的框架網(wǎng)頁后，就可以向里面添加做好的網(wǎng)頁。（實例）十、框架網(wǎng)頁設計1、當需要將一張網(wǎng)頁分成幾塊顯示不同的子網(wǎng)頁時，可以采用框架十一、在網(wǎng)頁中插入QQ對話十一、在網(wǎng)頁中插入QQ對話1、在D盤上建立一個以你自己的“座號姓名”為名字的文件夾。例如：88張三2、啟動FrontPage2003，新建一個網(wǎng)頁，并以index.htm為名保存在形如“88張三”的文件夾里面，內(nèi)容為介紹自己簡歷，并加圖片。3、按照前面介紹的網(wǎng)頁制作技術分別建立不同的網(wǎng)頁(例如求職意向、成績單、愛好特長)，并利用超級鏈接技術鏈接到主頁index.htm上。4、實現(xiàn)網(wǎng)頁間過渡效果設計。實驗訓練一：個人求職網(wǎng)站1、在D盤上建立一個以你自己的“座號姓名”為名字的文件夾。例5、在主頁index.htm上增加圖片熱點鏈接到三個子頁上。6、在主頁index.htm上增加滾動字幕，并有三張不同的圖片鏈接到三子頁上。實驗訓練一：個人求職網(wǎng)站index.htm求職意向.htm成績單.htm能力展示.htm5、在主頁index.htm上增加圖片熱點鏈接到三個子頁上。實驗訓練一之問題回顧：1、到實驗室不知道做什么？不做筆記，不認真聽課的結果。2、知道了做什么卻不會做：缺少課前預習。3、文件超鏈接不能用：沒有保存好就鏈接了4、文件在哪里找不到：保存時沒有看位置。5、滾動字幕：不能上下滾動，無超鏈接。6、圖片熱點：應選中圖片后點擊“圖片編輯器”7、測試：按F12實驗訓練一之問題回顧：1、到實驗室不知道做什么？不做筆記，不第二部分：Flash2004動畫制作第二部分：Flash20041、啟動flash：“新建/flash文檔/確定”。2、繪制：在右側“工具”下面找到“橢圓工具”或“鉛筆工具”等開始作畫，在不同的層畫出一要表現(xiàn)的圖形。3、關鍵幀：在“時間軸”上選擇一個相鄰的幀，右點鼠標，選擇“插入關鍵幀”。4、變化：選擇“任意變形工具”或“箭頭工具”，改變你所畫圖形的樣子，使其與上個幀的動作有稍許變化。5、插入關鍵幀：重復3、4動作，通過移動或改變圖形的形狀、大小、顏色等制作出多幅圖片。6、補間：選擇某一禎區(qū)間，在“窗口”找到“屬性/補間/形狀”，當出現(xiàn)“”箭頭時就可以連續(xù)動作起來了。7、播放：控制/測試影片（ctrl+enter）。二、制作flash動畫（1）1、啟動flash：“新建/flash文檔/確定”。二、網(wǎng)頁制作教程課件1、啟動flash：“新建/flash文檔/確定”，如圖。2、繪制：在右側“工具”下面找到“橢圓工具”或“鉛筆工具”等開始作畫，畫出一個完整的圖形。3、組合：有時需要將圖像進行組合后進行變化，以免分散開。利用箭頭工具選中要組合的圖像，單擊“修改/組合”。4、變化：再選擇“任意變形工具”改變你所畫圖形的樣式。5、插入關鍵幀：在“時間軸”上右點鼠標，選擇“插入關鍵幀”，并重復3、4動作，移動或改變圖形的形狀、大小、顏色等。6、補間：選擇某一禎區(qū)間，在“窗口”找到“屬性/補間/動作”，當出現(xiàn)“”時就可以連續(xù)動作起來了。7、播放：控制/測試影片（ctrl+enter）。一、制作flash動畫（2）1、啟動flash：“新建/flash文檔/確定”，如圖。1、啟動：進入開始/程序下啟動flash動畫。2、測試：利用上節(jié)的辦法制作動畫，并測試好。3、發(fā)布設置：單擊“文件/發(fā)布設置”，在“格式”中選擇“GIF圖像”復選框，并立即為它命名，然后單擊彈出的“GIF”選項卡，在“回放”中選擇“動畫”。4、發(fā)布：單擊“發(fā)布”按鈕，一個gif動畫就做成了。三、制作gif圖片動畫1、啟動：進入開始/程序下啟動flash動畫。三、制作gif網(wǎng)頁制作教程課件網(wǎng)頁制作教程課件gif動畫圖片效果gif動畫圖片效果四、將動畫插入網(wǎng)頁1、選擇位置：在網(wǎng)頁中選擇的合適位置，準備插入做好的動畫。2、插入：單擊“插入/圖片/flash動畫/”，找到你的動畫素材，確定。3、預覽：單擊“預覽”，看一下大小、樣式是否合適，通過邊框調(diào)節(jié)鈕改變大小。4、插入聲音：在動畫的適當位置插入“庫”中的聲音或其他的聲音文件，到時會自動播放。四、將動畫插入網(wǎng)頁1、選擇位置：在網(wǎng)頁中選擇的合適位置，準備五、制作按鈕動畫1、做好一個動畫：在按照前面的辦法做好一個動畫，并在第一幀上插入“stop()”動作，使動畫開始時不要自動播放，待按鈕按下時開始動作。2、再做好一個按鈕：單擊“插入/新建元件”，給個名稱，在行為中選“按鈕”，并確定。3、加入按鈕：在動畫場景中加一個層，并從菜單欄“窗口/庫”中將做好的按鈕拖入場景中。4、按鈕行為：為按鈕添加行為，單擊按鈕，選擇“動作/影片控制/on”,并添加事件，程序如下：on(release){play();}注釋：按下后放開開始播放動畫on(press){stop();}注釋：按下后不放開就暫停播放（示例-打球）五、制作按鈕動畫1、做好一個動畫：在按照前面的辦法做好一個動六、制作影片動畫1、新建文檔：命名當前層為“背景層”，顏色為綠色,大小為800X600，并畫上一些圖案，右擊第60幀選擇“插入幀”。2、創(chuàng)建影片剪輯元件：單擊“插入/新建元件”，元件名稱”狐貍”，在行為中選“影片剪輯”，確定。3、臉層：在元件編輯區(qū)，命名當前層為“臉”，利用畫筆工具選擇一種顏色開始畫臉。4、眼身腳：新建眼睛層，繪制眼睛。同樣方法新建其他層，并畫出身腳等部分。5、拼合：調(diào)整各層上下順序，用變形工具改變各部分的大小、角度，拼合成一個完整圖形。6、插關鍵幀：在每個層的第3幀都插入關鍵幀，并適當改變各層圖像的大小、位置、角度。同樣分別在各層的第5、7、9幀按照相同的方法改變動作，實現(xiàn)元件的動畫效果。（示例-狐貍）六、制作影片動畫1、新建文檔：命名當前層為“背景層”，顏色為六、制作影片動畫7、“狐貍”層：回到場景1中，新建層并命名為“狐貍”，從菜單欄的“窗口/庫”中將做好的“狐貍”影片剪輯拖入場景中狐貍層內(nèi)并放在適當位置。8、移動：在狐貍層的第60幀創(chuàng)建關鍵幀，并移動元件到相應位置，可以改變大小、角度。通過復制可以同時出現(xiàn)多個元件，但要組合后才統(tǒng)一行動，不然就要在不同層做。9、補間：在選中狐貍層的第1幀，在屬性面板中設置“補間”為“動作”，產(chǎn)生運動漸變動畫。10、測試：按Ctrl+Enter鍵觀看效果。（示例-狐貍）六、制作影片動畫7、“狐貍”層：回到場景1中，新建層并命名為七、動畫導出1、視頻文件AVI：單擊“文件/導出影片”，文件類型選擇“windowsAvi”，生成可以在視頻播放器播放的文件。2、圖片gif動畫：單擊“文件/導出影片”，文件類型選擇“gif動畫（*.gif）”，生成可以具有動畫效果的圖片文件。七、動畫導出1、視頻文件AVI：單擊“文件/導出影片”，文件網(wǎng)頁制作教程課件實驗訓練二：動畫制作1、利用flash制作一幅swf和gif動畫。2、利用frontpage制作一個“個人求職網(wǎng)站”網(wǎng)站，并做好3個子頁1個主頁和鏈接。3、將制作好的動畫插入到網(wǎng)站的首頁中，并與首頁的主題相適應。實驗訓練二：動畫制作1、利用flash制作一幅swf和gif第三部分：網(wǎng)站建設一條龍第三部分：網(wǎng)站建設一條龍一、制作個人網(wǎng)站1、建文件夾：在D盤下以自己的座號為名建立一個新文件夾，用來存放網(wǎng)站文件。如“web88”2、建站：在FrontPage2003界面單擊“文件/新建”，在右面的“新建”面板欄里面，選擇“新建網(wǎng)站/其他網(wǎng)站模板”

，在彈出的“網(wǎng)站模版”中選擇“個人網(wǎng)站”3、找位置：單擊“指定新網(wǎng)站位置”下面的“瀏覽”，在“查找范圍”下拉框中找到D盤下第一步建立的“web88”文件夾。一、制作個人網(wǎng)站1、建文件夾：在D盤下以自己的座號為名建立一、制作個人網(wǎng)站4、確定：單擊“網(wǎng)站模版”中“確定”，于是一個“個人網(wǎng)站”建成了。5、修飾：對新建的網(wǎng)站的主頁和各個子頁可以采用學過的方法進行必要的修飾、修改，使它變成你自己的個性網(wǎng)站，其中index.htm為默認的主頁文件。6、保存：當修改好后，就可以保存了！7、預覽：按F12在IE下預覽所制作的網(wǎng)站，測試一下各種功能，如果不滿意還可以繼續(xù)在FrontPage環(huán)境下修改完善，直到滿意。一、制作個人網(wǎng)站4、確定：單擊“網(wǎng)站模版”中“確定”，于一、制作個人網(wǎng)站8、網(wǎng)站導航：在FrontPage編輯狀態(tài)下，單擊“網(wǎng)站”在左下角有個“導航”選項卡，單擊可以看到一個直觀的網(wǎng)頁結構布局，如圖所示。9、測試：退出FrontPage，找到自己剛建立的網(wǎng)站，雙擊“index.htm”文件，于是你剛剛建立的網(wǎng)站便打開了!由于未設置成網(wǎng)站服務器，所以“反饋”網(wǎng)頁不能正常使用。一、制作個人網(wǎng)站8、網(wǎng)站導航：在FrontPage編輯狀態(tài)下二、添加新的子站點1、添加：如果想在已有網(wǎng)站上“添加”新的子站點，可以打開已有網(wǎng)站，再選擇“添加到當前網(wǎng)站”。于是新站點就會出現(xiàn)在原來網(wǎng)站的同一個目錄下面，如圖。2、建立鏈接：為了將新加的站點添加到原來的網(wǎng)站中，需要建立超級鏈接。單擊“網(wǎng)站/導航”,右點主頁下的子頁，選擇“添加已有網(wǎng)頁”，找到新建立的子頁，確定，并用鼠標拖放到想要的位置。3、測試后保存。二、添加新的子站點1、添加：如果想在已有網(wǎng)站上“添加”新的子網(wǎng)頁制作教程課件三、制作動態(tài)數(shù)據(jù)庫網(wǎng)站如何制作具有動態(tài)數(shù)據(jù)處理的網(wǎng)站這是本課的教學難點，也是制作網(wǎng)站的最高境界。它將用到數(shù)據(jù)庫的知識和網(wǎng)站服務器建立的知識。動態(tài)網(wǎng)站的建立將使你的網(wǎng)站具有用戶訪問留言功能、表單提交功能，拉近和瀏覽者的距離。下面以“班級通訊錄”為例，講解制作數(shù)據(jù)庫網(wǎng)站的過程。它可以實現(xiàn)數(shù)據(jù)的瀏覽、添加、修改、刪除等功能。三、制作動態(tài)數(shù)據(jù)庫網(wǎng)站如何制作具有動態(tài)數(shù)據(jù)處理三、制作動態(tài)數(shù)據(jù)庫網(wǎng)站1、建文件夾：在D盤下以自己的座號為名建立一個新文件夾，用來存放網(wǎng)站文件。如“web888”2、建站點：進入FrontPage界面單擊“文件/新建”，在右面的“新建”面板欄里面，選擇“新建網(wǎng)站/其他網(wǎng)站模板”，在彈出的“網(wǎng)站模版/常規(guī)”中選擇“數(shù)據(jù)庫界面向導”。3、找位置：單擊“指定新網(wǎng)站位置”下面的“瀏覽”，在“查找范圍”下拉框中找到D盤下剛建立的“web888”文件夾。4、確定：單擊

“確定”。三、制作動態(tài)數(shù)據(jù)庫網(wǎng)站1、建文件夾：在D盤下以自己的座號為名三、制作動態(tài)數(shù)據(jù)庫網(wǎng)站5、修飾：啟動“數(shù)據(jù)庫界面向導”，默認各種選項，直接單擊“下一步”，由于要鏈接到一個新建的數(shù)據(jù)庫，于是出現(xiàn)“請輸入數(shù)據(jù)庫連結名稱”的輸入框，請輸入：“tongxunlu”。三、制作動態(tài)數(shù)據(jù)庫網(wǎng)站5、修飾：啟動“數(shù)據(jù)庫界面向導”，默認三、制作動態(tài)數(shù)據(jù)庫網(wǎng)站6、制作數(shù)據(jù)表：修改數(shù)據(jù)庫的列名稱、數(shù)據(jù)類型、表單域類型等，如圖。7、編輯：雙擊“名稱”，將“列名稱”改為“姓名”，確定。依此類推，將其他名稱全修改了。但主鍵不要改動。可以添加，順序可以上下移動。三、制作動態(tài)數(shù)據(jù)庫網(wǎng)站6、制作數(shù)據(jù)表：修改數(shù)據(jù)庫的列名稱、數(shù)三、制作動態(tài)數(shù)據(jù)庫網(wǎng)站8、制作數(shù)據(jù)表：對數(shù)據(jù)庫各列都修改好后，點擊“下一步”兩次，出現(xiàn)：“數(shù)據(jù)庫界面網(wǎng)頁”，請將“數(shù)據(jù)庫編輯器”復選框也選中，再單擊“下一步”。三、制作動態(tài)數(shù)據(jù)庫網(wǎng)站8、制作數(shù)據(jù)表：對數(shù)據(jù)庫各列都修改好后三、制作動態(tài)數(shù)據(jù)庫網(wǎng)站9、設置管理員：輸入用于訪問“數(shù)據(jù)庫編輯器”的用戶名和密碼，以防止被其他人任意修改數(shù)據(jù)。當然也可以選擇“不使用用戶名和密碼保護數(shù)據(jù)庫編輯器”選項，這樣就允許大家都能改。都輸入1三、制作動態(tài)數(shù)據(jù)庫網(wǎng)站9、設置管理員：輸入用于訪問“數(shù)據(jù)庫編三、制作動態(tài)數(shù)據(jù)庫網(wǎng)站10、完成：單擊“完成”。于是整個數(shù)據(jù)庫網(wǎng)站建立完畢。但是這個網(wǎng)站并不能直接使用，還需要進行WEB服務器（IIS）設置才可以。三、制作動態(tài)數(shù)據(jù)庫網(wǎng)站10、完成：單擊“完成”。于是整個數(shù)據(jù)三、制作動態(tài)數(shù)據(jù)庫網(wǎng)站11、測試：找到web888網(wǎng)站文件夾，在IE下打開“index.htm”文件，看到“數(shù)據(jù)庫界面”網(wǎng)站。點擊“結果網(wǎng)頁”等均不好用，因為目前你的電腦還沒有設置成WEB服務器。需要進行IIS配置。點擊試試看三、制作動態(tài)數(shù)據(jù)庫網(wǎng)站11、測試：找到web888網(wǎng)站文件四、配置IIS前言：IIS（InternetInformationServer，互聯(lián)網(wǎng)信息服務）是一種Web（網(wǎng)頁）服務組件,其中包括Web服務器、FTP服務器、NNTP服務器和SMTP服務器，分別用于網(wǎng)頁瀏覽、文件傳輸、新聞服務和郵件發(fā)送等方面。要想把你的電腦配置成WEB服務器，在網(wǎng)絡（包括互聯(lián)網(wǎng)和局域網(wǎng)）上發(fā)布信息或讓別人看到你的網(wǎng)站，就要進行IIS設置。四、配置IIS前言：IIS（InternetInfor確認IIS：右鍵單擊“我的電腦/管理”，彈出“計算機管理”界面，雙擊“服務和應用程序”，如果里面沒有“Internet信息服務”，則說明你的電腦沒有安裝IIS程序。確認IIS：右鍵單擊“我的電腦/管理”，彈出“計算機管理”界四、配置IIS將光盤放入電腦中，單擊“開始/程序/控制面板”中的“添加或刪除程序”中的“添加/刪除windows組件”，出現(xiàn)“windows組件向導”,在組件框中選中“Internet信息服務(IIS)”,并單擊“下一步”。安裝IIS：如果你在電腦中找不到“信息服務管理器”(IIS)，說明你的電腦沒有安裝IIS，這可能需要你提供windows安裝光盤才能安裝成功。如圖。四、配置IIS將光盤放入電腦中，單擊“開始/程序四、配置IIS如果想還使你的電腦具有文件傳輸?shù)墓δ埽堖x中“文件傳輸協(xié)議(FTP)服務”復選框。并單擊“確定”，完成添加IIS的工作。電腦需重啟后方能生效。安裝FTP

：如果你要了解“Internet信息服務(IIS)”的詳細信息,請單擊“詳細信息”按鈕。如圖。四、配置IIS如果想還使你的電腦具有文件傳輸?shù)墓λ?、配置IIS1、啟動IIS：如果你的電腦有IIS，則啟動之。右鍵單擊“我的電腦”選擇“管理”，彈出“計算機管理”界面，雙擊“服務和應用程序”，再雙擊“Internet信息服務”，找到“網(wǎng)站/默認網(wǎng)站”，開始進行IIS設置。2、建立虛擬目錄：右點“默認網(wǎng)站/新建/虛擬目錄”，在目錄名框內(nèi)輸入虛擬名字：例如：88（你的座號），單擊“下一步”，輸入你的網(wǎng)站的位置，也可以通過“瀏覽”找到自己建立的站點文件夾，直到“完成”，你的電腦就變成一臺網(wǎng)站服務器了。注意：一定要在默認網(wǎng)站下的一級目錄建立，二級以下建立不好用。四、配置IIS1、啟動IIS：如果你的電腦有IIS，則啟動之四、配置IIS3、本機測試：雙擊“88”虛擬目錄，在右面窗口找到index.htm文件，并右擊之，選擇“瀏覽”，這時就可以對動態(tài)數(shù)據(jù)庫網(wǎng)站的各個網(wǎng)頁進行數(shù)據(jù)的瀏覽、添加、修改、刪除等操作測試。四、配置IIS3、本機測試：雙擊“88”虛擬目錄，在右面窗口四、配置IIS四、配置IIS四、配置IIS7、完成：如果能夠正確出現(xiàn)你本機測試時見到的網(wǎng)頁，各種功能正常，說明你的網(wǎng)站建設成功。注意事項一：你的電腦一定要鏈接在互聯(lián)網(wǎng)或局域網(wǎng)上。注意事項二：你建立的數(shù)據(jù)庫網(wǎng)站一定要在“默認網(wǎng)站”的一級目錄下，否則可能無法對數(shù)據(jù)庫進行讀寫操作。如果經(jīng)過上述的配置后，在win2000下應該就好用了。四、配置IIS7、完成：如果能夠正確出現(xiàn)你本機測試時見到的網(wǎng)四、配置IIS8、注意事項：在win2003下還需要進一步配置IIS：右點“默認網(wǎng)站”，選擇屬性/主目錄下的“配置”按鈕，選擇“啟用父路徑”選項才可以。四、配置IIS8、注意事項：在win2003下還需要進一步配五、文件傳輸FTP1、FTP：文件傳輸協(xié)議FTP(FileTransferProtocol)是Internet傳統(tǒng)的服務之一。FTP使用戶能在兩個聯(lián)網(wǎng)的計算機之間傳輸文件，它是Internet傳遞文件最主要的方法。使用匿名(Anonymous)FTP，用戶可以免費獲取Internet豐富的資源。

2、使用FTP:在IE的地址欄內(nèi)打入FTP服務器的IP地址，將你的文件（夾）復制到里面就可以了。用此方法可以將個人網(wǎng)站上傳到互聯(lián)網(wǎng)服務器上。五、文件傳輸FTP1、FTP：文件傳輸協(xié)議FTP(File六、制作高質量網(wǎng)站需要的技術要有較好的審美觀；要有較好的文字功底；要有較好的色彩和圖畫水平；要有較好的社會學、心理學、人文學等知識；要有較好的計算機程序設計技術；要有較好的法律法規(guī)知識。六、制作高質量網(wǎng)站需要的技術要有較好的審美觀；實驗訓練三：動態(tài)網(wǎng)站建立1、建站：按照個人網(wǎng)站建設方法，建立一個“個人求職網(wǎng)站”2、網(wǎng)站包括：主頁、個人簡歷、學習成績單、興趣、就業(yè)方向、特長、意見反饋共7個網(wǎng)頁。3、功能：網(wǎng)頁間有過度，動態(tài)文字，個性化圖片，“意見反饋”頁是用人單位意見反饋，要求使用動態(tài)數(shù)據(jù)庫技術完成。實驗訓練三：動態(tài)網(wǎng)站建立1、建站：按照個人網(wǎng)站建設方法，建立第四部分：實際技能訓練理論測試技能測試綜合測試課程設計技能鑒定第四部分：實際技能訓練網(wǎng)頁制作理論測試練習題網(wǎng)頁制作理論測試練習題

1、如何在D盤上以自己的“座號”為名建立一個文件夾？2、怎樣將你的計算機的IP修改成：35，默認網(wǎng)關和子網(wǎng)掩碼是什么？3、如果你計算機的IP目前是35，要想用IE瀏覽器訪問本局域網(wǎng)內(nèi)IP是：10的計算機，你的計算機應該重新設置？回答下列問題：1、如何在D盤上以自己的“座號”為名建立一個文件夾？回答下4、如何將文件（或文件夾）復制到IP是：10的FTP服務器上去？5、如何從IP是：10的FTP服務器上下載文件到你自己的計算機上？6、如何在D盤上的一個文件夾里面利用FrontPage建立一個“個人站點”？7、如何在已經(jīng)建立好的個人站點上添加一個用“數(shù)據(jù)庫界面向導”創(chuàng)建的“學生通信錄”？8、如何利用IIS（Internet服務管理器）將建立好的站點架設成站點服務器？4、如何將文件（或文件夾）復制到IP是：192.168.419、怎樣測試自己的站點服務器網(wǎng)頁能否打開？如果無法打開，可能是什么原因？怎么解決？10、當你的站點服務器建好之后，如何在別人的計算機上看到你的網(wǎng)站？11、想在主頁上加一個動態(tài)的滾動字幕怎么辦？12、如何將一個已有的圖片插入到主頁中？13、如何將一個FLASH動畫圖片添加到主頁中？9、怎樣測試自己的站點服務器網(wǎng)頁能否打開？如果無法打開，可能14、如何在自己的主頁上做一個超級鏈接到老師10的主頁上？15、制作一個Flash動畫，并插入到網(wǎng)頁的首頁中，動畫演示的是一個皮球自由落下的過程以及你的座號和名字擺動的情景。14、如何在自己的主頁上做一個超級鏈接到老師192.168.網(wǎng)頁制作技能測試練習題網(wǎng)頁制作技能測試練習題試寫出完成下列實驗的步驟和方法1、在D盤上建立一個以你自己的“座號+姓名”為名字的文件夾。2、使用FrontPage2003的“網(wǎng)站模版”在建好的文件夾里面建立一個“個人網(wǎng)站”。3、修改網(wǎng)站主頁的標題為自己的“系-班級-座號-姓名”4、在“收藏夾”子頁下建立兩個子頁：“歌曲收藏夾”、“小品收藏夾”，并使兩個子頁的網(wǎng)頁框架與父頁相同。5、修改兩個子頁的導航欄，使其能夠完成返回主頁和瀏覽同級子頁的功能。試寫出完成下列實驗的1、在D盤上建立一個以你自己的“座號+姓6、設計一個從主頁到“收藏夾”子頁的“網(wǎng)頁過渡”效果為“隨機溶解”。7、在主頁上添加一個“動態(tài)滾動字幕”，上書“我學會做網(wǎng)頁啦！”。8、將主頁的主題設置為“山花爛漫”、“收藏夾”子頁的主題設置為“如夢花季”9、利用畫圖工具用手工繪制一個“自畫像”，然后插入到主頁上面。10、為網(wǎng)站添加一個背景音樂，寫出查找音樂文件的辦法。網(wǎng)頁制作教程課件網(wǎng)頁制作期末綜合測試網(wǎng)頁制作期末綜合測試試卷樣式課程名稱：網(wǎng)頁制作作業(yè)內(nèi)容：寫出建立并修飾網(wǎng)站的步驟學生姓名：系部專業(yè)：學號：內(nèi)容：1、寫出在D盤上建立一個以你自己的“學號+姓名”為名字的文件夾的步驟。答：2、……3、寫出你在學習本課程后的感受，并提出建議和意見，以便我們今后更好的提高教學質量。試卷樣式課程名稱：網(wǎng)頁制作Dreamweaver第五部分：簡單應用Dreamweaver第五部分：簡單應用1、開機：進入windows（2000/2003/XP）2、進入：用鼠標左鍵單擊“開始”按鈕，選擇“程序”下面的“Macromedia”的“Macromedia

DreamweaverMX2004”一、啟動Dreamweaver1、開機：進入windows（2000/2003/XP）一、3、新建網(wǎng)頁：

單擊命令菜單欄中的“文件”，選擇“新建”，在屏幕的右面出現(xiàn)一個“新建文檔”界面：選擇“基本頁”下的

“html”，單擊“創(chuàng)建”按鈕，一個新網(wǎng)頁就產(chǎn)生了。4、插入圖片查看器：單擊菜單欄下的“插入/媒體/圖片查看器”，出現(xiàn)“保存flash元素”對話框，輸入文件名。記住文件的保存路徑、位置。圖片查看器制作：3、新建網(wǎng)頁：圖片查看器制作：5、編輯數(shù)據(jù)組：

單擊選中“圖片查看器”控件，在右側的“標簽object”下的“flash元素”選項卡下找到“imageURLs”項，并單擊“編輯數(shù)據(jù)組”按鈕向圖片查看器輸入圖片。6、添加圖片：單擊菜單欄下的“插入/媒體/圖片查看器”，出現(xiàn)“保存flash元素”對話框，輸入文件名。記住文件的保存路徑、位置。圖片查看器制作：5、編輯數(shù)據(jù)組：圖片查看器制作：網(wǎng)頁制作教程課件7、測試：

單擊選中“圖片查看器”控件，在右側的“標簽object”下的“flash元素”選項卡下找到“imageURLs”項，并單擊“編輯數(shù)據(jù)組”按鈕向圖片查看器輸入圖片。8、修飾屬性：修改控件的播放屬性。如自動播放功能：單擊菜單欄下的“slideAutoPlay”為“是”。修改“slideDelay”可以改變時間；“slideLoop”可以改變是否循環(huán)顯示圖片。圖片查看器制作：7、測試：圖片查看器制作：9、插入網(wǎng)頁：

如果想將這個“動畫圖片器”放入某個網(wǎng)頁中，就先打開該網(wǎng)頁文件，復制代碼：<objectclassid…..<paramname=…..……..<embedsrc="…..</object>然后將這段代碼放到另一個網(wǎng)頁的“層”代碼里面，并同時將圖片文件夾一起復制到該網(wǎng)頁的文件夾中。注意：在代碼中使用了絕對地址，如果想變成相對地址，就要先做第10步做，然后再做第9步。9、插入網(wǎng)頁：10、相當?shù)刂贰褂媒⒕W(wǎng)站法在啟動系統(tǒng)后，使用右下腳的“管理站點”，按照圖片給出的順序，從1-6新建一個站點。（見下圖）然后再按照前面的第3步開始往下做，就建立了一個具有網(wǎng)站功能的圖片管理器了。10、相當?shù)刂贰褂媒⒕W(wǎng)站法網(wǎng)頁制作教程課件網(wǎng)頁制作教程課件網(wǎng)頁制作申請免費空間第六部分：網(wǎng)頁制作申請免費空間第六部分：申請免費空間網(wǎng)站申請免費空間網(wǎng)站申請免費空間案例申請免費空間案例教學網(wǎng)站(見教學課件)

教學網(wǎng)站(見教學課件)

網(wǎng)頁制作FrontPage

網(wǎng)頁制作FrontPage您給了我一次機會我將給您一份收獲歡迎您的光臨您給了我一次機會我將給您一份收獲歡迎您的光臨興趣是最好的老師興趣是最好的老師網(wǎng)頁制作網(wǎng)頁制作知識就是力量，而這力量又來自于我們對知識的渴求！1、為什么學習本課程？2、我怎么教你們？3、你們怎么學？4、如何獲得學分又獲得知識？知識就是力量，而這力量又來自于我們對知識的渴求！基本概念1、什么是網(wǎng)頁？2、網(wǎng)頁有哪些構成要素？3、常用網(wǎng)頁設計工具有哪些？4、網(wǎng)站怎么做？基本概念1、什么是網(wǎng)頁？第一部分：MSFrontPage2003應用第二部分：Flash2004動畫制作第三部分：網(wǎng)站建設一條龍第四部分：實際技能訓練第五部分：Dreamweaver簡單應用第六部分：免費網(wǎng)頁空間申請網(wǎng)頁制作觀看教學網(wǎng)站第一部分：MSFrontPage2003應用網(wǎng)頁第一部分：MicrosoftOfficeFrontPage2003應用第一部分：MicrosoftOffice1、開機：進入windows（2000/2003/XP）

2、進入：用鼠標左鍵單擊“開始”按鈕，選擇“程序”下面的“MicrosoftOffice

”/“MicrosoftOfficeFrontPage2003”3、新建：單擊命令菜單欄中的“文件”，選擇“新建”，在屏幕的右面出現(xiàn)一個“新建”工具欄，選擇“新建網(wǎng)頁”下的

“空白網(wǎng)頁”，于是一個新的網(wǎng)頁“new_page_1.htm”就產(chǎn)生了。一、如何啟動FrontPage20031、開機：進入windows（2000/2003/XP）一1、輸入漢字：在新建的“new_page_1.htm”頁面上輸入漢字信息，并進行字體、字號、顏色等相關修飾。

2、插入圖片：在當前頁面上“插入”圖片，請單擊“命令菜單”下的“插入”/“圖片”/“來自文件（或剪貼畫）”，選擇一張圖片，單擊“確定”。二、編輯網(wǎng)頁1、輸入漢字：在新建的“new_page_1.htm”頁面上二、編輯網(wǎng)頁3、預覽：單擊屏幕左下角的“預覽”按鈕，于是新網(wǎng)頁在瀏覽器下的顯示效果就出現(xiàn)了。再單擊“設計”返回頁面設計狀態(tài)，可以繼續(xù)修改。也可以單擊菜單欄“文件”下的“在瀏覽器中預覽/MicrosoftInternetExplorer”或直接按<F12>鍵可以在IE下預覽制作的網(wǎng)頁。4、保存：單擊“文件”/“保存”，為文件起個名字，并修改“保存位置”為D盤上“座號姓名”文件夾，然后單擊“確定”。這樣所有網(wǎng)頁使用的文件都放在這個文件夾中，便于使用和管理。例如：888張三二、編輯網(wǎng)頁3、預覽：單擊屏幕左下角的“預覽”按鈕，于是新網(wǎng)三、修飾網(wǎng)頁1、網(wǎng)頁標題：選定一個網(wǎng)頁，單擊“格式/背景/常規(guī)/標題”，在文本框中輸入網(wǎng)頁標題。2、背景音樂：為網(wǎng)頁添加背景音樂，可以單擊“格式/背景/常規(guī)/背景音樂”，再單擊“瀏覽”找到你喜歡的音樂。3、超鏈接：選擇一段文字，單擊右鍵，選擇“超鏈接”，選定要鏈接的網(wǎng)頁，確定。4、網(wǎng)頁過渡：從一個網(wǎng)頁過渡到另一個網(wǎng)頁的效果，可以單擊“格式/網(wǎng)頁過渡/過渡效果”。三、修飾網(wǎng)頁1、網(wǎng)頁標題：選定一個網(wǎng)頁，單擊“格式/背景/常三、修飾網(wǎng)頁5、主題：選擇“格式/主題”，從右側選擇一種樣式，會改變整體網(wǎng)頁的背景效果。6、動態(tài)字幕：在網(wǎng)頁上選定一個位置，單擊“插入/WEB組件/組件類別/選擇一種效果/字幕”，單擊“完成”，在文本框中輸入文字。也可以添加背景圖片。

7、交互按鈕：單擊“插入/交互式按鈕”，可以自制特色按鈕。8、多媒體：單擊“插入/圖片/flash影片（swf類型文件）或視頻（rm、mp3）”，然后鏈接到相應文件即可。三、修飾網(wǎng)頁5、主題：選擇“格式/主題”，從右側選擇一種樣式四、圖片熱點鏈接1、單擊“視圖”/“工具欄”/“圖片”，彈出圖片修飾工具欄；2、選中頁面上要進行熱點鏈接的圖片；3、單擊圖片工具欄上的“多邊形熱點”，用鼠標畫出要進行熱點鏈接的區(qū)域，并使其封閉4、在彈出的“插入超鏈接”對話框的“地址”欄中輸入要熱點鏈接的網(wǎng)頁地址即可。5、小技巧：使熱點區(qū)域具有文字提示功能：在“插入超鏈接”對話框中的“要顯示的文字”欄后面有個“屏幕提示”按鈕，然后輸入要出現(xiàn)的提示文字。四、圖片熱點鏈接1、單擊“視圖”/“工具欄”/“圖片”，彈出五、制作滾動字幕1、插入：在網(wǎng)頁空白處：單擊：“插入/web組件/滾動字幕”，輸入要顯示的信息。2、修改代碼（紅色是要添加的代碼?。?lt;marqueedirection=up>這是我的滾動字幕<br>這是第二行字幕<br>這是第三行字幕</marquee>思考：如果想讓文字自上向下滾動怎么辦？down五、制作滾動字幕1、插入：在網(wǎng)頁空白處：單擊：“插入/web3、鼠標懸停：如何在滾動字幕上實現(xiàn)：當鼠標懸在上面時就停止?jié)L動，按下時就實現(xiàn)超級鏈接，離開時繼續(xù)滾動，下面粉色代碼為實現(xiàn)代碼。也可以直接用下面代碼替換原來的代碼。<marqueedirection=uponmouseover="this.stop()"onmouseout="this.start()“scrollamount="2"

>

<ahref=redian.htm>這是我的滾動字幕<br></a>

<ahref=biaoge.htm>這是第二行字幕<br></a>

<ahref=donghuaZZ.htm>這是第三行字幕</a></marquee>五、制作滾動字幕3、鼠標懸停：如何在滾動字幕上實現(xiàn)：當鼠標懸在上面時就停止?jié)L4、滾動圖片：利用滾動字幕制作滾動圖片，并實現(xiàn)超級鏈接。<marqueedirection=leftwidth="969"><tableborder=0><tr><td>動態(tài)滾動圖片</td><td><ahref=redian.htm><imgborder="0"src="dog17.gif"></a></td><td><ahref=yinyue.htm><imgborder="0"src="dog15.gif"></a></td><td><imgborder="0"src="pirate.gif"width="84"height="115"></td><td>第5個單元格</td><td><imgborder="0"src="man4.gif"width="77"height="78"></td><td>第7個單元格</td><td>第8個單元格</td><td><ahref=yinyue.htm><imgborder="0"src="dog15.gif"></a></td><td>第10個單元格</td></tr></table></marquee>瀏覽效果4、滾動圖片：利用滾動字幕制作滾動圖片，并實現(xiàn)超級鏈接。<m六、使用書簽1、制作書簽：在網(wǎng)頁中選中某一段落的開頭作為書簽的起始入口地址，然后單擊“插入”/“書簽”，確定。2、制作目錄：將各個做好的書簽名字以目錄方式做好。3、使用標簽：選中目錄某一項，超鏈接到書簽上就可以了。六、使用書簽1、制作書簽：在網(wǎng)頁中選中某一段落的開頭作為書簽七、插入層1、層：在網(wǎng)頁中選擇適當?shù)奈恢?，單擊菜單欄上的“插?層”2、輸入數(shù)據(jù)：單擊層，便可以向其中輸入文字，插入圖片、動畫等等信息。3、移動：拖動層的左上角控制柄，就可以任意移動層到任何位置。4、重疊層：可以將多個層重疊，以達到一定的效果。5、改變層次：雙擊“層控制柄”，可以用鼠標拖動相應的層到任何位置，到達改變層的次序。七、插入層1、層：在網(wǎng)頁中選擇適當?shù)奈恢茫瑔螕舨藛螜谏系摹鞍?、使用超級鏈接使用超級鏈接技術可以使多個網(wǎng)頁相互鏈接在一起，方便瀏覽。1、分別按照前面的方法做好主(首)頁和與其鏈接的子頁文件（*.htm），并保存在一個文件夾中。2、在主頁上輸入提示進入子頁的文字，作為超鏈接的按鈕文字。3、選中按鈕文字，再單擊“插入/超鏈接”，找到要鏈接的文件，確定?！局黜摗俊究蚣芫W(wǎng)頁】【滾動新聞】【熱點鏈接】【布局表格】【網(wǎng)頁主題】【留言薄】

八、使用超級鏈接使用超級鏈接技術可以使多個網(wǎng)頁相互鏈接在一起九、使用表格法一：自動生成表格1、制表：在網(wǎng)頁中選擇適當?shù)奈恢?，單擊菜單欄上的“表格?“插入”/“表格”2、設置：修改“插入表格”屬性，設置行數(shù)和列數(shù)，單擊“確定”。3、數(shù)據(jù)：單擊某個表格，便可以向表格中輸入文字、圖片、動畫等等信息。法二：布局表格和單元格

九、使用表格法一：自動生成表格1、當需要將一張網(wǎng)頁分成幾塊顯示不同的子網(wǎng)頁時，可以采用框架網(wǎng)頁。2、“文件/新建/新建網(wǎng)頁/其它網(wǎng)頁模板/框架網(wǎng)頁”下的“標題、頁腳和目錄”，并確定。3、出現(xiàn)空白的框架網(wǎng)頁后，就可以向里面添加做好的網(wǎng)頁。（實例）十、框架網(wǎng)頁設計1、當需要將一張網(wǎng)頁分成幾塊顯示不同的子網(wǎng)頁時，可以采用框架十一、在網(wǎng)頁中插入QQ對話十一、在網(wǎng)頁中插入QQ對話1、在D盤上建立一個以你自己的“座號姓名”為名字的文件夾。例如：88張三2、啟動FrontPage2003，新建一個網(wǎng)頁，并以index.htm為名保存在形如“88張三”的文件夾里面，內(nèi)容為介紹自己簡歷，并加圖片。3、按照前面介紹的網(wǎng)頁制作技術分別建立不同的網(wǎng)頁(例如求職意向、成績單、愛好特長)，并利用超級鏈接技術鏈接到主頁index.htm上。4、實現(xiàn)網(wǎng)頁間過渡效果設計。實驗訓練一：個人求職網(wǎng)站1、在D盤上建立一個以你自己的“座號姓名”為名字的文件夾。例5、在主頁index.htm上增加圖片熱點鏈接到三個子頁上。6、在主頁index.htm上增加滾動字幕，并有三張不同的圖片鏈接到三子頁上。實驗訓練一：個人求職網(wǎng)站index.htm求職意向.htm成績單.htm能力展示.htm5、在主頁index.htm上增加圖片熱點鏈接到三個子頁上。實驗訓練一之問題回顧：1、到實驗室不知道做什么？不做筆記，不認真聽課的結果。2、知道了做什么卻不會做：缺少課前預習。3、文件超鏈接不能用：沒有保存好就鏈接了4、文件在哪里找不到：保存時沒有看位置。5、滾動字幕：不能上下滾動，無超鏈接。6、圖片熱點：應選中圖片后點擊“圖片編輯器”7、測試：按F12實驗訓練一之問題回顧：1、到實驗室不知道做什么？不做筆記，不第二部分：Flash2004動畫制作第二部分：Flash20041、啟動flash：“新建/flash文檔/確定”。2、繪制：在右側“工具”下面找到“橢圓工具”或“鉛筆工具”等開始作畫，在不同的層畫出一要表現(xiàn)的圖形。3、關鍵幀：在“時間軸”上選擇一個相鄰的幀，右點鼠標，選擇“插入關鍵幀”。4、變化：選擇“任意變形工具”或“箭頭工具”，改變你所畫圖形的樣子，使其與上個幀的動作有稍許變化。5、插入關鍵幀：重復3、4動作，通過移動或改變圖形的形狀、大小、顏色等制作出多幅圖片。6、補間：選擇某一禎區(qū)間，在“窗口”找到“屬性/補間/形狀”，當出現(xiàn)“”箭頭時就可以連續(xù)動作起來了。7、播放：控制/測試影片（ctrl+enter）。二、制作flash動畫（1）1、啟動flash：“新建/flash文檔/確定”。二、網(wǎng)頁制作教程課件1、啟動flash：“新建/flash文檔/確定”，如圖。2、繪制：在右側“工具”下面找到“橢圓工具”或“鉛筆工具”等開始作畫，畫出一個完整的圖形。3、組合：有時需要將圖像進行組合后進行變化，以免分散開。利用箭頭工具選中要組合的圖像，單擊“修改/組合”。4、變化：再選擇“任意變形工具”改變你所畫圖形的樣式。5、插入關鍵幀：在“時間軸”上右點鼠標，選擇“插入關鍵幀”，并重復3、4動作，移動或改變圖形的形狀、大小、顏色等。6、補間：選擇某一禎區(qū)間，在“窗口”找到“屬性/補間/動作”，當出現(xiàn)“”時就可以連續(xù)動作起來了。7、播放：控制/測試影片（ctrl+enter）。一、制作flash動畫（2）1、啟動flash：“新建/flash文檔/確定”，如圖。1、啟動：進入開始/程序下啟動flash動畫。2、測試：利用上節(jié)的辦法制作動畫，并測試好。3、發(fā)布設置：單擊“文件/發(fā)布設置”，在“格式”中選擇“GIF圖像”復選框，并立即為它命名，然后單擊彈出的“GIF”選項卡，在“回放”中選擇“動畫”。4、發(fā)布：單擊“發(fā)布”按鈕，一個gif動畫就做成了。三、制作gif圖片動畫1、啟動：進入開始/程序下啟動flash動畫。三、制作gif網(wǎng)頁制作教程課件網(wǎng)頁制作教程課件gif動畫圖片效果gif動畫圖片效果四、將動畫插入網(wǎng)頁1、選擇位置：在網(wǎng)頁中選擇的合適位置，準備插入做好的動畫。2、插入：單擊“插入/圖片/flash動畫/”，找到你的動畫素材，確定。3、預覽：單擊“預覽”，看一下大小、樣式是否合適，通過邊框調(diào)節(jié)鈕改變大小。4、插入聲音：在動畫的適當位置插入“庫”中的聲音或其他的聲音文件，到時會自動播放。四、將動畫插入網(wǎng)頁1、選擇位置：在網(wǎng)頁中選擇的合適位置，準備五、制作按鈕動畫1、做好一個動畫：在按照前面的辦法做好一個動畫，并在第一幀上插入“stop()”動作，使動畫開始時不要自動播放，待按鈕按下時開始動作。2、再做好一個按鈕：單擊“插入/新建元件”，給個名稱，在行為中選“按鈕”，并確定。3、加入按鈕：在動畫場景中加一個層，并從菜單欄“窗口/庫”中將做好的按鈕拖入場景中。4、按鈕行為：為按鈕添加行為，單擊按鈕，選擇“動作/影片控制/on”,并添加事件，程序如下：on(release){play();}注釋：按下后放開開始播放動畫on(press){stop();}注釋：按下后不放開就暫停播放（示例-打球）五、制作按鈕動畫1、做好一個動畫：在按照前面的辦法做好一個動六、制作影片動畫1、新建文檔：命名當前層為“背景層”，顏色為綠色,大小為800X600，并畫上一些圖案，右擊第60幀選擇“插入幀”。2、創(chuàng)建影片剪輯元件：單擊“插入/新建元件”，元件名稱”狐貍”，在行為中選“影片剪輯”，確定。3、臉層：在元件編輯區(qū)，命名當前層為“臉”，利用畫筆工具選擇一種顏色開始畫臉。4、眼身腳：新建眼睛層，繪制眼睛。同樣方法新建其他層，并畫出身腳等部分。5、拼合：調(diào)整各層上下順序，用變形工具改變各部分的大小、角度，拼合成一個完整圖形。6、插關鍵幀：在每個層的第3幀都插入關鍵幀，并適當改變各層圖像的大小、位置、角度。同樣分別在各層的第5、7、9幀按照相同的方法改變動作，實現(xiàn)元件的動畫效果。（示例-狐貍）六、制作影片動畫1、新建文檔：命名當前層為“背景層”，顏色為六、制作影片動畫7、“狐貍”層：回到場景1中，新建層并命名為“狐貍”，從菜單欄的“窗口/庫”中將做好的“狐貍”影片剪輯拖入場景中狐貍層內(nèi)并放在適當位置。8、移動：在狐貍層的第60幀創(chuàng)建關鍵幀，并移動元件到相應位置，可以改變大小、角度。通過復制可以同時出現(xiàn)多個元件，但要組合后才統(tǒng)一行動，不然就要在不同層做。9、補間：在選中狐貍層的第1幀，在屬性面板中設置“補間”為“動作”，產(chǎn)生運動漸變動畫。10、測試：按Ctrl+Enter鍵觀看效果。（示例-狐貍）六、制作影片動畫7、“狐貍”層：回到場景1中，新建層并命名為七、動畫導出1、視頻文件AVI：單擊“文件/導出影片”，文件類型選擇“windowsAvi”，生成可以在視頻播放器播放的文件。2、圖片gif動畫：單擊“文件/導出影片”，文件類型選擇“gif動畫（*.gif）”，生成可以具有動畫效果的圖片文件。七、動畫導出1、視頻文件AVI：單擊“文件/導出影片”，文件網(wǎng)頁制作教程課件實驗訓練二：動畫制作1、利用flash制作一幅swf和gif動畫。2、利用frontpage制作一個“個人求職網(wǎng)站”網(wǎng)站，并做好3個子頁1個主頁和鏈接。3、將制作好的動畫插入到網(wǎng)站的首頁中，并與首頁的主題相適應。實驗訓練二：動畫制作1、利用flash制作一幅swf和gif第三部分：網(wǎng)站建設一條龍第三部分：網(wǎng)站建設一條龍一、制作個人網(wǎng)站1、建文件夾：在D盤下以自己的座號為名建立一個新文件夾，用來存放網(wǎng)站文件。如“web88”2、建站：在FrontPage2003界面單擊“文件/新建”，在右面的“新建”面板欄里面，選擇“新建網(wǎng)站/其他網(wǎng)站模板”

，在彈出的“網(wǎng)站模版”中選擇“個人網(wǎng)站”3、找位置：單擊“指定新網(wǎng)站位置”下面的“瀏覽”，在“查找范圍”下拉框中找到D盤下第一步建立的“web88”文件夾。一、制作個人網(wǎng)站1、建文件夾：在D盤下以自己的座號為名建立一、制作個人網(wǎng)站4、確定：單擊“網(wǎng)站模版”中“確定”，于是一個“個人網(wǎng)站”建成了。5、修飾：對新建的網(wǎng)站的主頁和各個子頁可以采用學過的方法進行必要的修飾、修改，使它變成你自己的個性網(wǎng)站，其中index.htm為默認的主頁文件。6、保存：當修改好后，就可以保存了！7、預覽：按F12在IE下預覽所制作的網(wǎng)站，測試一下各種功能，如果不滿意還可以繼續(xù)在FrontPage環(huán)境下修改完善，直到滿意。一、制作個人網(wǎng)站4、確定：單擊“網(wǎng)站模版”中“確定”，于一、制作個人網(wǎng)站8、網(wǎng)站導航：在FrontPage編輯狀態(tài)下，單擊“網(wǎng)站”在左下角有個“導航”選項卡，單擊可以看到一個直觀的網(wǎng)頁結構布局，如圖所示。9、測試：退出FrontPage，找到自己剛建立的網(wǎng)站，雙擊“index.htm”文件，于是你剛剛建立的網(wǎng)站便打開了!由于未設置成網(wǎng)站服務器，所以“反饋”網(wǎng)頁不能正常使用。一、制作個人網(wǎng)站8、網(wǎng)站導航：在FrontPage編輯狀態(tài)下二、添加新的子站點1、添加：如果想在已有網(wǎng)站上“添加”新的子站點，可以打開已有網(wǎng)站，再選擇“添加到當前網(wǎng)站”。于是新站點就會出現(xiàn)在原來網(wǎng)站的同一個目錄下面，如圖。2、建立鏈接：為了將新加的站點添加到原來的網(wǎng)站中，需要建立超級鏈接。單擊“網(wǎng)站/導航”,右點主頁下的子頁，選擇“添加已有網(wǎng)頁”，找到新建立的子頁，確定，并用鼠標拖放到想要的位置。3、測試后保存。二、添加新的子站點1、添加：如果想在已有網(wǎng)站上“添加”新的子網(wǎng)頁制作教程課件三、制作動態(tài)數(shù)據(jù)庫網(wǎng)站如何制作具有動態(tài)數(shù)據(jù)處理的網(wǎng)站這是本課的教學難點，也是制作網(wǎng)站的最高境界。它將用到數(shù)據(jù)庫的知識和網(wǎng)站服務器建立的知識。動態(tài)網(wǎng)站的建立將使你的網(wǎng)站具有用戶訪問留言功能、表單提交功能，拉近和瀏覽者的距離。下面以“班級通訊錄”為例，講解制作數(shù)據(jù)庫網(wǎng)站的過程。它可以實現(xiàn)數(shù)據(jù)的瀏覽、添加、修改、刪除等功能。三、制作動態(tài)數(shù)據(jù)庫網(wǎng)站如何制作具有動態(tài)數(shù)據(jù)處理三、制作動態(tài)數(shù)據(jù)庫網(wǎng)站1、建文件夾：在D盤下以自己的座號為名建立一個新文件夾，用來存放網(wǎng)站文件。如“web888”2、建站點：進入FrontPage界面單擊“文件/新建”，在右面的“新建”面板欄里面，選擇“新建網(wǎng)站/其他網(wǎng)站模板”，在彈出的“網(wǎng)站模版/常規(guī)”中選擇“數(shù)據(jù)庫界面向導”。3、找位置：單擊“指定新網(wǎng)站位置”下面的“瀏覽”，在“查找范圍”下拉框中找到D盤下剛建立的“web888”文件夾。4、確定：單擊

“確定”。三、制作動態(tài)數(shù)據(jù)庫網(wǎng)站1、建文件夾：在D盤下以自己的座號為名三、制作動態(tài)數(shù)據(jù)庫網(wǎng)站5、修飾：啟動“數(shù)據(jù)庫界面向導”，默認各種選項，直接單擊“下一步”，由于要鏈接到一個新建的數(shù)據(jù)庫，于是出現(xiàn)“請輸入數(shù)據(jù)庫連結名稱”的輸入框，請輸入：“tongxunlu”。三、制作動態(tài)數(shù)據(jù)庫網(wǎng)站5、修飾：啟動“數(shù)據(jù)庫界面向導”，默認三、制作動態(tài)數(shù)據(jù)庫網(wǎng)站6、制作數(shù)據(jù)表：修改數(shù)據(jù)庫的列名稱、數(shù)據(jù)類型、表單域類型等，如圖。7、編輯：雙擊“名稱”，將“列名稱”改為“姓名”，確定。依此類推，將其他名稱全修改了。但主鍵不要改動?？梢蕴砑?，順序可以上下移動。三、制作動態(tài)數(shù)據(jù)庫網(wǎng)站6、制作數(shù)據(jù)表：修改數(shù)據(jù)庫的列名稱、數(shù)三、制作動態(tài)數(shù)據(jù)庫網(wǎng)站8、制作數(shù)據(jù)表：對數(shù)據(jù)庫各列都修改好后，點擊“下一步”兩次，出現(xiàn)：“數(shù)據(jù)庫界面網(wǎng)頁”，請將“數(shù)據(jù)庫編輯器”復選框也選中，再單擊“下一步”。三、制作動態(tài)數(shù)據(jù)庫網(wǎng)站8、制作數(shù)據(jù)表：對數(shù)據(jù)庫各列都修改好后三、制作動態(tài)數(shù)據(jù)庫網(wǎng)站9、設置管理員：輸入用于訪問“數(shù)據(jù)庫編輯器”的用戶名和密碼，以防止被其他人任意修改數(shù)據(jù)。當然也可以選擇“不使用用戶名和密碼保護數(shù)據(jù)庫編輯器”選項，這樣就允許大家都能改。都輸入1三、制作動態(tài)數(shù)據(jù)庫網(wǎng)站9、設置管理員：輸入用于訪問“數(shù)據(jù)庫編三、制作動態(tài)數(shù)據(jù)庫網(wǎng)站10、完成：單擊“完成”。于是整個數(shù)據(jù)庫網(wǎng)站建立完畢。但是這個網(wǎng)站并不能直接使用，還需要進行WEB服務器（IIS）設置才可以。三、制作動態(tài)數(shù)據(jù)庫網(wǎng)站10、完成：單擊“完成”。于是整個數(shù)據(jù)三、制作動態(tài)數(shù)據(jù)庫網(wǎng)站11、測試：找到web888網(wǎng)站文件夾，在IE下打開“index.htm”文件，看到“數(shù)據(jù)庫界面”網(wǎng)站。點擊“結果網(wǎng)頁”等均不好用，因為目前你的電腦還沒有設置成WEB服務器。需要進行IIS配置。點擊試試看三、制作動態(tài)數(shù)據(jù)庫網(wǎng)站11、測試：找到web888網(wǎng)站文件四、配置IIS前言：IIS（InternetInformationServer，互聯(lián)網(wǎng)信息服務）是一種Web（網(wǎng)頁）服務組件,其中包括Web服務器、FTP服務器、NNTP服務器和SMTP服務器，分別用于網(wǎng)頁瀏覽、文件傳輸、新聞服務和郵件發(fā)送等方面。要想把你的電腦配置成WEB服務器，在網(wǎng)絡（包括互聯(lián)網(wǎng)和局域網(wǎng)）上發(fā)布信息或讓別人看到你的網(wǎng)站，就要進行IIS設置。四、配置IIS前言：IIS（InternetInfor確認IIS：右鍵單擊“我的電腦/管理”，彈出“計算機管理”界面，雙擊“服務和應用程序”，如果里面沒有“Internet信息服務”，則說明你的電腦沒有安裝IIS程序。確認IIS：右鍵單擊“我的電腦/管理”，彈出“計算機管理”界四、配置IIS將光盤放入電腦中，單擊“開始/程序/控制面板”中的“添加或刪除程序”中的“添加/刪除windows組件”，出現(xiàn)“windows組件向導”,在組件框中選中“Internet信息服務(IIS)”,并單擊“下一步”。安裝IIS：如果你在電腦中找不到“信息服務管理器”(IIS)，說明你的電腦沒有安裝IIS，這可能需要你提供windows安裝光盤才能安裝成功。如圖。四、配置IIS將光盤放入電腦中，單擊“開始/程序四、配置IIS如果想還使你的電腦具有文件傳輸?shù)墓δ?，請選中“文件傳輸協(xié)議(FTP)服務”復選框。并單擊“確定”，完成添加IIS的工作。電腦需重啟后方能生效。安裝FTP

：如果你要了解“Internet信息服務(IIS)”的詳細信息,請單擊“詳細信息”按鈕。如圖。四、配置IIS如果想還使你的電腦具有文件傳輸?shù)墓λ?、配置IIS1、啟動IIS：如果你的電腦有IIS，則啟動之。右鍵單擊“我的電腦”選擇“管理”，彈出“計算機管理”界面，雙擊“服務和應用程序”，再雙擊“Internet信息服務”，找到“網(wǎng)站/默認網(wǎng)站”，開始進行IIS設置。2、建立虛擬目錄：右點“默認網(wǎng)站/新建/虛擬目錄”，在目錄名框內(nèi)輸入虛擬名字：例如：88（你的座號），單擊“下一步”，輸入你的網(wǎng)站的位置，也可以通過“瀏覽”找到自己建立的站點文件夾，直到“完成”，你的電腦就變成一臺網(wǎng)站服務器了。注意：一定要在默認網(wǎng)站下的一級目錄建立，二級以下建立不好用。四、配置IIS1、啟動IIS：如果你的電腦有IIS，則啟動之四、配置IIS3、本機測試：雙擊“88”虛擬目錄，在右面窗口找到index.htm文件，并右擊之，選擇“瀏覽”，這時就可以對動態(tài)數(shù)據(jù)庫網(wǎng)站的各個網(wǎng)頁進行數(shù)據(jù)的瀏覽、添加、修改、刪除等操作測試。四、配置IIS3、本機測試：雙擊“88”虛擬目錄，在右面窗口四、配置IIS四、配置IIS四、配置IIS7、完成：如果能夠正確出現(xiàn)你本機測試時見到的網(wǎng)頁，各種功能