2023學(xué)年完整版網(wǎng)頁的制作

網(wǎng)絡(luò)技術(shù)應(yīng)用信息技術(shù)（選修3）網(wǎng)絡(luò)技術(shù)應(yīng)用網(wǎng)站設(shè)計與評價因特網(wǎng)應(yīng)用網(wǎng)絡(luò)技術(shù)基礎(chǔ)組網(wǎng)建網(wǎng)用網(wǎng)主題：網(wǎng)絡(luò)技術(shù)基礎(chǔ)主題：因特網(wǎng)應(yīng)用主題：網(wǎng)站設(shè)計與評價網(wǎng)絡(luò)技術(shù)應(yīng)用第一章網(wǎng)絡(luò)的組建與運行第二章因特網(wǎng)的接入與管理第三章因特網(wǎng)的應(yīng)用第四章網(wǎng)站的開發(fā)第五章動態(tài)網(wǎng)頁的制作第六章網(wǎng)絡(luò)安全技術(shù)第四章網(wǎng)站的開發(fā)1、通過觀摩他人網(wǎng)站的制作方法，了解網(wǎng)站開發(fā)的基本過程；2、學(xué)會規(guī)劃、設(shè)計、制作、發(fā)布與管理簡單網(wǎng)站的基本方法；3、懂得對常見網(wǎng)站的建設(shè)質(zhì)量與運行狀況進行評價；4、學(xué)會建立一個自己的網(wǎng)站。第四章網(wǎng)站的開發(fā)4.1網(wǎng)站的規(guī)劃(172-178)4.2網(wǎng)站的設(shè)計(179-190)4.3網(wǎng)頁的制作(一191-205)4.3網(wǎng)頁的制作(二206-213)4.3網(wǎng)頁的制作(三214-226)4.4網(wǎng)頁的美化與特效(一227-234)4.4網(wǎng)頁的美化與特效(二235-238)4.5網(wǎng)站的發(fā)布與管理4.6網(wǎng)站的評價4.3網(wǎng)頁的制作(一)學(xué)習(xí)目的：1、了解網(wǎng)頁素材的種類與管理2、認識FrontPage的界面，學(xué)會建立站點，編輯簡單的網(wǎng)頁頁面。學(xué)習(xí)重點：建立站點，新建網(wǎng)頁文件。學(xué)習(xí)難點：在站點中保存圖片。4.3網(wǎng)頁的制作(一)網(wǎng)頁制作過程：

4.3網(wǎng)頁的制作(一)一、準備網(wǎng)頁素材網(wǎng)頁素材的準備工作主要包括網(wǎng)頁素材的獲取加工與管理

1、網(wǎng)頁素材的獲取加工方法：（1）網(wǎng)上搜索獲?。?）使用工具獲?。ㄈ纾簲?shù)碼相機、數(shù)碼攝影機、掃描儀、錄音筆等）（3）各媒體素材光盤中獲?。?）利用工具軟件制作或加工素材（如Photoshop、CorelDRAW等軟件）2、網(wǎng)頁素材的管理通常，我們對準備好的素材按網(wǎng)頁進行分類，同一個網(wǎng)頁的素材用一個文件夾來進行管理，如果需要的話還可以采用多級子文件夾詳細分類。文件夾的名字就是該頁面的名稱。用最能反映文件內(nèi)容或特征的英文或拼音字母作為文件名。4.3網(wǎng)頁的制作(一)4.3網(wǎng)頁的制作(一)二、新建站點1、啟動FrontPage2003開始→程序→MicrosoftOffice→MicrosoftOfficeFrontPage20032、建立空白站點：（1）單擊“文件”菜單——“新建”——“站點”——“空白站點”（2）改變保存站點路徑：在“指定新站點的位置”提示框中，輸入“D:\mysite+登錄號”創(chuàng)建一個基于磁盤的網(wǎng)站。4.3網(wǎng)頁的制作(一)4.3網(wǎng)頁的制作(一)三、新建網(wǎng)頁1、建立網(wǎng)頁：單擊“文件”菜單——“新建”——“空白網(wǎng)頁”2、導(dǎo)入素材：《虎門銷煙啟思錄》網(wǎng)站的圖片素材：選定站點的Images文件夾，單擊“文件”菜單——“導(dǎo)入”——“添加文件”4.3網(wǎng)頁的制作(一)3、設(shè)置網(wǎng)頁的背景：單擊“文件”菜單——“屬性”——“格式”，單擊“瀏覽”——選擇marble.gif文件或：單擊“格式”菜單——“背景”——“格式”4.3網(wǎng)頁的制作(一)4、設(shè)置網(wǎng)頁的標(biāo)題：單擊“文件”菜單——“屬性”——“常規(guī)”，在標(biāo)題欄輸入“虎門銷煙啟思錄”?；颍簡螕簟案袷健辈藛巍氨尘啊薄俺Ｒ?guī)”4.3網(wǎng)頁的制作(一)5、使用表格進行頁面布局

單擊“表格”菜單——“插入”——“表格”，彈出表格屬性對話框：4.3網(wǎng)頁的制作4.3網(wǎng)頁的制作(一)對于《虎門銷煙啟思錄》網(wǎng)站的主頁的結(jié)構(gòu)來看，它的表格布局為：

調(diào)整表格結(jié)構(gòu)：（1）合并單元格：選定需要合并的單元格→鼠標(biāo)右擊→選擇“合并單元格”（2）拆分單元格：指定需要拆分的單元格→鼠標(biāo)右擊→選擇“拆分單元格”→拆分成行（或列）

4.3網(wǎng)頁的制作(一)6、插入圖片單擊“插入”菜單——“圖片”——“來自文件”，選擇相應(yīng)的圖片文件4.3網(wǎng)頁的制作(一)四、保存、預(yù)覽網(wǎng)頁文件保存：單擊“文件”菜單——“保存”——輸入文件，首頁取名為“index.htm”

預(yù)覽：單擊“預(yù)覽”按鈕或F12

4.3網(wǎng)頁的制作(一)下節(jié)上機內(nèi)容：課后反思:4.3網(wǎng)頁的制作(二)學(xué)習(xí)目的：1、了解網(wǎng)頁素材的種類與管理2、認識FrontPage的界面，學(xué)會建立站點，編輯簡單的網(wǎng)頁頁面。學(xué)習(xí)重點：建立站點，新建網(wǎng)頁文件。學(xué)習(xí)難點：在站點中保存圖片。4.3網(wǎng)頁的制作(二)一、打開站點單擊“文件”菜單——“打開網(wǎng)站”，選擇網(wǎng)站mysite4.3網(wǎng)頁的制作(二)二、網(wǎng)頁的制作1、使用表格進行頁面布局

對于《虎門銷煙啟思錄》網(wǎng)站的主頁的結(jié)構(gòu)來看，它的表格布局為：4.3網(wǎng)頁的制作(二)調(diào)整表格結(jié)構(gòu)：（1）合并單元格：選定需要合并的單元格→鼠標(biāo)右擊→選擇“合并單元格”（2）拆分單元格：指定需要拆分的單元格→鼠標(biāo)右擊→選擇“拆分單元格”→拆分成行（或列）☆設(shè)置單元格背景：選擇相應(yīng)的單元格→鼠標(biāo)右擊→選擇“單元格屬性”，對背景進行設(shè)置☆在單元格中插入表格：指定相應(yīng)的單元格→單擊“表格”菜單→插入→表格

4.3網(wǎng)頁的制作(二)任務(wù)一：善于運用合并單元格、拆分單元格，進一步完成版面布局工作。4.3網(wǎng)頁的制作(二)2、導(dǎo)入素材：《虎門銷煙啟思錄》網(wǎng)站的圖片素材：選定站點的Images文件夾，單擊“文件”菜單——“導(dǎo)入”——“添加文件”4.3網(wǎng)頁的制作(二)3、設(shè)置網(wǎng)頁的背景：單擊“文件”菜單——“屬性”——“格式”，單擊“瀏覽”——選擇marble.gif文件或：單擊“格式”菜單——“背景”——“格式”4.3網(wǎng)頁的制作(二)下節(jié)上機內(nèi)容：網(wǎng)頁制作（一）（二）綜合上機課后反思:4.3網(wǎng)頁的制作(三)學(xué)習(xí)目的：1、了解網(wǎng)頁素材的種類與管理2、認識FrontPage的界面，學(xué)會建立站點，編輯簡單的網(wǎng)頁頁面。學(xué)習(xí)重點：建立站點，新建網(wǎng)頁文件。學(xué)習(xí)難點：在站點中保存圖片。4.3網(wǎng)頁的制作(三)一、打開站點單擊“文件”菜單——“打開網(wǎng)站”，選擇網(wǎng)站mysite4.3網(wǎng)頁的制作(三)二、插入Flash動畫1、單擊“插入”菜單，再點“高級→ActiveX控件”選項（如圖1）。4.3網(wǎng)頁的制作(三)

2、在彈出的“插入ActiveX控件”窗口中顯示了安裝在電腦上的一部分ActiveX控件。點擊“自定義”按鈕，打開“自定義ActiveX控件列表”列表框，其中顯示著電腦上所有安裝的ActiveX控件。在這里查詢并選中我們所需要的“ShockwaveFlashObject”控件（如圖2）。單擊“確定”按鈕，回到“插入ActiveX控件”列表框，你會發(fā)現(xiàn)控件“ShockwaveFlashObject”已被添加到其中。

4.3網(wǎng)頁的制作(三)3、選中它后單擊“確定”按鈕。這時網(wǎng)頁中會出現(xiàn)一塊白色矩形區(qū)域。用鼠標(biāo)雙擊它，在彈出的“ActiveX控件屬性”窗口中有三個選項卡（如圖3、4），其中我們主要用到的是“FlashProperties”（Flash屬性），下面介紹各項的含義。

4.3網(wǎng)頁的制作(三)3、選中它后單擊“確定”按鈕。這時網(wǎng)頁中會出現(xiàn)一塊白色矩形區(qū)域。用鼠標(biāo)雙擊它，在彈出的“ActiveX控件屬性”窗口中有三個選項卡（如圖3、4），其中我們主要用到的是“FlashProperties”（Flash屬性），下面介紹各項的含義。

4.3網(wǎng)頁的制作(三)任務(wù)一：在首頁（index.htm）插入Flash動畫（Flashmovie.swf）4.3網(wǎng)頁的制作(三)三、使用模板生成網(wǎng)頁

生成模板：“文件”菜單——“另存為”模板文件——取名為“虎門銷煙”。

4.3網(wǎng)頁的制作(三)使用模板：“文件”菜單——“新建”——“網(wǎng)頁”——在“我的模板”選項選擇“虎門銷煙”。4.3網(wǎng)頁的制作(三