网际网路资料库设计班FrontPage网页制作ppt课件

29.04.2020,.,1,網際網路資料庫設計班：FrontPage網頁製作,義守大學資管系陶幼慧.tw真钱游戏,29.04.2020,.,2,大綱,FrontPage2000網頁製作操作模式與文字圖形基本處理超連結表格分割畫面動態網頁設計背景樣式參考文獻與網站,29.04.2020,.,3,FrontPage2000,操作模式基本文字圖形處理,29.04.2020,.,4,FrontPage2000主視窗及網頁檢視模式,編製網頁內容三種標籤頁一般標籤頁:文書處理方式HTML標籤頁:HTML標記語言方式預覽標籤頁:瀏覽器方式,編輯模式,模擬執行模式,29.04.2020,.,5,資料夾檢視模式,檢視整理網站內的檔案及資料夾:檔案總管的方式呈現,29.04.2020,.,6,報告檢視模式,檢視網站檔案相關資訊,29.04.2020,.,7,其他檢視模式,導覽：檢視整個網站的架構，類似組織架構圖超連結：檢視各個網頁的連結，來源及目的地接相連接工作：建立及檢視網頁的工作進度,29.04.2020,.,8,FrontPage網站的導覽,點選任一網頁開始編輯，或按右鍵重新命名或編輯網頁架構,29.04.2020,.,9,FrontPageWeb網站的建立,檔案/開新/Web來建立新Web，先選空白Web透過Web方式管理檔案可免除檔案途徑設定一籮筐的問題!非常重要,將Web的目的地改成D:/myweb/,29.04.2020,.,10,文字的處理,如同Word文書處理方式編修文字輸入選取/刪除/復原文字拖曳/複製/貼上操作格式化文字字型與大小粗/斜/底線文字色彩及背景色彩文字效果(如上下標)字元間距,29.04.2020,.,11,文字的處理(續),段落格式對齊縮排樣式編號與項目符號建立編號建立選項符號加入框線及網底,29.04.2020,.,12,網頁圖片的格式,GIF(GraphicsInterchangeFormat)256色，壓縮效率好，但失真支援透明背景支援製作動態物件JPEG(JointPhotographicExpertsGroup)壓縮會失真PNG(PortableNetworkGraphics)24位元全彩影像舊版的瀏覽器無法顯示PNG圖檔,29.04.2020,.,13,網頁背景色彩,格式/背景的背景標籤頁：可設定背景色彩、文字色彩、超連結文字色彩,29.04.2020,.,14,插入圖片,插入/圖片從檔案資料夾處選取圖檔，需另存新檔將圖檔存入images目錄中,29.04.2020,.,15,圖片的調整,選取調整大小絕對位置：移動圖片之位置圖層順序旋轉與翻轉圖片調整圖片亮度及色澤對比加入文字:GIF圖檔only剪裁圖片,29.04.2020,.,16,圖片的調整(續),設定透明色彩圖片內容設定：按右鍵選取插入水平線內容格式,29.04.2020,.,17,FrontPage2000,超連結,29.04.2020,.,18,URL(UniversalResourceLocator,一致資源定址器),Internet表示網路資源種類與地址的方式Protocol(協定):協議公定的標準,如http(HyperTextTransportProtocol)ftp(FileTransferProtocol)等例子.twgopher:/.tw.tw.twmailto:.tw,29.04.2020,.,19,超連結的目的地,連結到其他網頁與檔案連結連結到電子郵件連結到其他網站連結到同一頁中的書籤處影像地圖框架(frame)網頁導覽列,29.04.2020,.,20,超連結到其他網頁,選取文字區塊或圖片選取插入/超連結指令對話框內選取網頁檔案名稱儲存檔案開啟瀏覽器檢視結果：文字下方有一顏色的底線或圖片有框線,29.04.2020,.,21,超連結到檔案,步驟同上頁唯目的在於網頁上提供檔案下載之連結檔案的格式主要是非.htm的型態檢視時可選擇直接開啟或儲存檔案的方式,29.04.2020,.,22,超連結到電子郵件,同上，惟點選郵件的對話方塊，並輸入對方之email地址,29.04.2020,.,23,超連結到其他網站,同上唯輸入的URL是HTTP(HyperTextTransferProtocol)的地址例如義守大學為.tw又如教育推廣中心為.tw,29.04.2020,.,24,超連結到同一頁的書籤,設定書籤插入書籤指令輸入書籤名稱並按確定網頁書籤處有一書籤的符號出現連結到書籤建立超連結方式同前不輸入URL處從選用書籤處選取一書籤名稱即可,29.04.2020,.,25,影像地圖超連結,三種形狀之影像範圍設定，其餘與前相同,1.形狀,2.範圍,3.超連結,29.04.2020,.,26,FrontPage2000,表格版面配置分割畫面,29.04.2020,.,27,版面佈置：表格,網頁版面佈置管理隱藏框線：框線大小設為0版面區塊大小設定：適當的合併、分割儲存格每一儲存格皆可獨立輸入文字內容對齊與樣式等等插入圖形背景、顏色,29.04.2020,.,28,表格的建立的方式,可由插入表格對話視窗or一般工具列中的表格按鈕快速建立,29.04.2020,.,29,表格的建立：對話視窗,表格對話視窗中的欄數與列數修改即可,29.04.2020,.,30,表格儲存格的操作,插入欄或列：表格插入列或欄合併分割：表格合併(分割)儲存格指令,29.04.2020,.,31,表格的格式設定,表格版面：表格內容表格&見下圖表格框線及背景：表格內容儲存格見下圖,29.04.2020,.,32,版面佈置：框架,檔案開新檔案網頁選取框架頁的頁籤選項，點選一樣式,29.04.2020,.,33,版面佈置：框架,每一框頁，可選擇開新網頁或設定起始網頁設定起始網頁選擇既有網頁來源即可,29.04.2020,.,34,FrontPage2000,動態網頁設定背景樣式,29.04.2020,.,35,動態網頁設計:跑馬燈,插入元件跑馬燈&對話方塊,跑馬文字,動作設定,大小顏色,29.04.2020,.,36,動態網頁設計:橫幅廣告看板,插入元件橫幅廣告管理員&對話方塊,輪流出現之圖片,點選後連結設定,29.04.2020,.,37,動態網頁設計:動態按鈕,插入元件動態顯示按鈕&對話方塊,按鈕文字,超連結,色彩效果,29.04.2020,.,38,動態網頁設計:網頁換場效果,格式網頁切換&對話方塊,事件選擇,換場特效,29.04.2020,.,39,動態網頁設計:動態HTML效果,格式動態HTML效果,開啟,選擇設定,套用,29.04.2020,.,40,動態網頁設計:其他,插入視訊元件：插入圖片視訊超連結視訊檔案：插入超連結插入背景音樂：格式背景,背景音樂,29.04.2020,.,41,快速編輯網頁,套用佈景主題：格式佈景主題,主題,29.04.2020,.,42,參考書籍,網頁設計活用集：FrontPage2000、PhotoImpact5、Cool3D3宏璽電腦圖書編著博碩文化初版，2000年6月。,29.04.2020,.,43,技術教學參考網站,義守資管學生製作:網路資源與HTML教學網站/Demo/hf99/day_3A/web/首頁製作百寶箱.tw/WWWHomePageDesign.tw/suchu/www/爪哇樂園.tw/java,29.04.2020,.,44,II.網路教學參考網站