資源簡介

第三單元 網頁制作
說明：Frontpage2000是Microsoft公司office產品家簇中一套功能很強的用于網頁設計和管理的工具軟件。本單元主要學習用Frontpage2000創建和編輯網頁、發布網頁等知識。
任務一、創建一個簡單的網頁
學習目標：
了解網頁的概念；
熟悉Frontpage2000的工作界面；
學會創建和保存簡單的網頁
一、網頁的概念：
網頁：是用超文本標記語言（Html）編寫的，它可包含多種字體和樣式的文本、圖片、電影片段和聲音等。每個頁面都有一資源定位地址。（URL統一資源定位符）。
二、創建一個簡單的網頁
Frontpage2000的操作界：如圖見P61（七部份）
Ⅰ、標題欄：顯示當前站點的地址。
菜單欄：提供Frontpage2000的所有功能。
工具欄：為最常用的一些操作提供圖標
工作區：是Frontpage2000的主體，是編輯頁面的主要區域
狀態欄：顯示當前的操作或選擇狀態。
視圖區：通過單擊視圖區的相應按鈕，就可以將窗口切換到相應的視圖下
Ⅱ、Frontpage2000的菜單(自學見p61-63)
Ⅲ、Frontpage2000視圖欄（六種視圖）
（1）網頁視圖：單擊左邊網頁按鈕打開，制作網頁主要都在此完成
（2）文件夾視圖：顯示站點內容的組織結構。可進行新建、刪除等操作
（3）報表視圖：顯示當前網頁中所有的文件數、圖片數、鏈接數、組件錯誤數、任務數等信息。可得到當前網頁的一個總體情況。
（4）導航視圖：站點的組織結構按組織圖或樹狀圖顯示出來。
（5）超鏈接視圖：顯示選定文件的超鏈接的狀態，可看出站點的超鏈接組織結構。
（6）任務視圖：顯示出一個任務列表，可完成維護站點所需完成的任務。
2、啟動Frontpage2000（見p66略）
3、編輯空白網頁：
（1）打開網頁：文件|新建|網頁|普通網頁（或點擊左邊視圖按鈕）
（2）編輯操作：見P68圖教師講解,學員練習完成10步操作
（3）添加普通網頁：同（1）操作
4、網頁的三種顯示方式：主窗口的下方三個標簽（普通、HTML、預覽）
5、建立新站點：
（1）操作：文件|新建|站點|（8種）選“空站點”|右可改文件路徑C:/My Documents/My Webs5/luo1（2）點工具欄按鈕(保存)|名字(ctrl+v)（點更改：標題名）(ctrl+v)|確定|保存
任務二 編輯修飾網頁
學習目標：
學會文字編輯和對文字的字體、大和顏色的設置；
學會對段落格式化的一些操作；
學會對文本的列表格式化。
一、文字編輯
1、建立一個新的網頁jiaoan1.htm見p71圖學生操作
插入表格
輸入內容
保存文件（名字）
2、表格屬性設置
操作：（1）單擊表格（選定某表格）|右擊|表格屬性
調整：高寬、邊框（粗、細）、顏色（邊框大于1可設顏色）
背景顏色設置：在某一格上右擊|表格屬性|使用背景圖片|瀏覽|剪貼畫（或資源管理器、或從顏色找到一種顏色確認）
設單元格屬性：選中列|右擊|單元格屬性|指定寬度（X%）即可調整列寬或改變顏色（選定列的顏色）
3、插入特殊字符：選定光標位置|插入|符號
4、插入時間與日期：選位置|插入|日期與時間|選擇格式|確定
5、插入注釋：選位置|插入|注釋|文本框中輸入內容|確定（說明：瀏覽時不顯示注釋內容，給自已看）
二、文字格式化
說明：文字格式化，就是對文字的字體、大小顏色等設置。
1、字體字號的設置：選定文字|格式|字體或通過工具欄操作（注意：最好使用常用的字體）
2、字的顏色：選定文字|字體|字體顏色（選定一種）|確定
三、段落格式化（居左、居右、居中）
2、表格中文字居中：選定文字|表格|手繪表格（或查看|工具|表格）|居中
3、更改縮進：選定文字|格式|段落|使文本之前（設值為20）|確定
4、段落前后設置：（段前、段后）右擊|段落|選定段前或段后（列表中確定值）
5、調整字符間距：選文字（如標題）|格式|字體|字符間距|間距|擴充|間距大小選值|確定
四、列表格式化 ：使用項目符號或編號按鈕可以塊速的完成設置
1、添加項目編號：選擇“引言”|格式欄|編號（默認編號為1）注意編號2怎樣添加？
2、更改編號格式：選擇“格式”|項目符號和編號|編號|選一種格式|確定
3、設置多級列表：說明：更改項目列表的層次關系，可以綜合使用“格式”工具欄“減少縮進”或“增加縮進”按鈕
練習：按p76頁圖操作
補充：
建立站點：文件|新建|站點|只有一個網頁站點（右選項中可改變位置）
在站點內添加網頁：點左工具欄“新建網頁”按鈕 |保存名（記住）
任務三 創建多媒體網頁
學習目標：
1、了解聲音及圖像的種類；
2、學會在網頁中加入聲音、圖像和動畫；
3、學會一般的圖像編輯。
一、聲音和圖像及動畫的種類
1、聲音的種類：見P80五種其中記住AIFF和AU文件。
2、圖像的種類：在網頁中常使用的圖像格式是GIF和JPEG（瀏覽時直接能看到的只有此兩種格式的圖像文件）
3、動畫：主要的視頻格式有：windows視頻（*.AVI）windows媒體（*.wma）
和RealMedia（*.RA）
二、圖像、聲音、動畫等素材的使用
1、為網頁設置背景圖形（三種方法）
格式|背景
文件|屬性|背景）
右擊|網頁屬性
可使用水印、顏色或點擊瀏覽使用素材庫、剪貼畫、資源管理器等。
2、圖片屬性：插入|圖片|在圖片上右擊|圖片屬性|外觀|寬、高？可去掉豎橫比
對齊方式：在圖片屬性中設水平居中或左對齊、右對齊
3、保存圖片：自動生成images保存
4、圖片中加入文字：選圖片|點圖片工具欄中文本按鈕（說明：必轉GIF）|輸入文字|設字體字號|文字框移位。
5、設置透明顏色圖像：選圖|點繪圖中透明色按鈕|點圖像即可
6、在網頁中加聲音（二種方法）
（1）網頁屬性：右擊|網頁屬性|常規|背景音樂|位置|瀏覽|聲音文件|確定（可去掉循環次數前鉤自設次數）
（2）選定對象|右擊|創建超級鏈接（ctrl+k）瀏覽|*.wav|確定
7、在網頁中插入動畫：插入|圖片文件|*.gif
補充知識：
1、添加網頁主題：格式|主題|選擇一種樣式|選應用到所有網頁（或到當前頁）
2、添加網頁橫幅：（先設置網頁主題）再插入|網頁橫幅|寫標題名|確定
3、插入水平線：定位|插入|水平線（說明：無主題時雙擊可進行修改）
4插入滾動字幕：插入|組件|字幕（輸入文字）|確定
更改字幕屬性：選定字幕文字|字幕屬性|更改設置即可
懸停按鈕：插入|組件|懸停按鈕（輸入文字）|更改設置即可|確定
插入橫幅廣告管理器：插入|組件|橫幅廣告管理器|添加|找圖片|確定
6、插入FLASH動畫：插入|高級|插件|找路徑|確定
插入動態Html效果：選定對象|格式|動態效果|開啟中四種選一種事件|應用中選一種方式（也可擊右邊的刪除效果）
導航欄設置站點結構：
建立導航欄：點導航視圖|將文件夾列表中的網頁拖到右側導航圖位置。
建立主頁結構：（雙擊主頁/確定位置）插入|導航欄|選子頁|保存
建立子頁結構：（雙擊子頁/確定位置）插入|導航欄|同一層|（選主頁鉤選）|保存
建立子頁下面頁：插入|導航欄|父頁（鉤選）|保存
任務四 在網頁中使用超鏈接
學習目標：
1、學會在頁面之間進行超鏈接操作；
2、學會書簽的超鏈接；
3、學會對電子郵件使和超鏈接。
說明：Web頁的超鏈接包含兩面兩部分：超鏈接的載體以及超鏈接的目標地址。載體就是顯示超鏈接的部分，目標是指訪問者單擊超鏈接后所顯示的內容（它可以是用戶的另一個網頁，也可能是另一個站點，或是一個電子郵件地址）
1、文字（或圖像到文件）鏈接：選定文字|右擊|超鏈接|選定目標網頁|確定
說明：使用超鏈接（文字與文本）可不用導航視圖
2、鏈接到網站：選定|右擊|鏈接|目標地址（粘貼URL地址如http//www.）
3 電子信箱：選定|右擊|鏈接|點信封|目標地址（粘貼信箱地址如biansl@）
熱點鏈接：選定圖片|點熱點|拖范圍|選鏈接對象|確定
5、書簽鏈接：（設置頁面內的鏈接）
說明：書簽是一種網頁內的超鏈接，與普通鏈接不同，有書簽的鏈接把訪問者帶到目標網頁的頂端。而單擊了一個引向書簽的超鏈接時，將直接跳轉到這個書簽所在的位置。
操作：（1）定位|插入|書簽|書簽名稱（即可插入一個定位標記）|確定
（2）選定鏈接點文字|插入|超鏈接|書簽|選定書簽名|確定
說明：此法把鏈接的對象作書簽，把目錄文字作鏈接點；把總標題作書簽，把返回目錄作鏈接點即可右擊建立超級鏈接選定書簽完成操作。
5、框架網頁：文件|新建|網頁|框架網頁（十種中選一種）|確定|點保存|寫名字|保存
6、目錄頁：編輯時點設置初始網頁或點新建網頁|保存|寫名字|保存
7、目標頁：同理
PAGE
2

展開更多......

收起↑