如何制作网页.pptVIP

如何製作網頁 黃秀菊 事前作業--設計網頁架構 可採類似樹狀結構方式先將架構圖畫出 名詞解譯 網頁(WEB PAGE)：WWW上的一頁文件 首頁(HOME PAGE)：進入網站後第一個出現的網頁 網站(WEB)：一堆網頁所構成的完整內容 WWW(world wide web)：全球資訊網(原意為全世界網站) 超連結—提供前往其它網頁的地方，有文字連結及圖片連結兩種 網頁的組成 文字 圖片 動畫 超連結 計數器 分隔線 表格 框架 背景 表單 Java script或vb script Asp語言 如何編寫網頁 傳統編寫網頁的方法是像寫程式般撰寫html語言，缺點是須熟悉HTML。 簡易工具：Front Page Express、WORD等，不必記HTML語言，但僅有基本功能 專業工具： Front Page 2000、Dreamweaver 只要Frontpage就夠了嗎？ 處理圖片需要影像處理軟體，如PhotoImpact、PhotoShop、Firework等(本校有PhotoImpact 4.2) 還需取得影像的設備，如數位相機、掃描器等(本校都有) 要有動畫功能需要Flash或同類型的軟體(本校目前沒有) 搜集圖片、文件 上網時常觀摩 從網路上搜集下載(網路上有一些網頁教學的網站) 教網頁的書或電腦雜誌常會附一些圖庫或動畫檔 圖片儘量小(最好是 .JPG或.GIF的圖檔) 網頁儲存的重要關念 附檔名通常為htm或html 第一頁的檔名叫default.htm或index.htm .htm檔僅能儲存網頁內的文字及版面配置的描述，圖片、分隔線及動畫等是個別存在的檔案，不是內含在htm檔內 圖檔的格式 圖檔為了在網路上快速傳送通常都會以壓縮檔型式存在，主要有二種： Gif檔:不失真的壓縮方式,但最多只能存256色,適合顏色不多,線條清楚的圖片,如卡通圖片，可以製作動畫 Jpeg(jpg)檔:失真的壓縮方式,但可存到16.7百萬色,適合全彩的連續色調,沒有明顯邊緣的圖,如風景照 關於文字 網頁中的文字只能用細明體及標楷體，因為這是所有電腦共有的字型 如要表現字型，須以圖片方式處理 文字處理無法做很細節的控制，如文繞圖、垂直文字、左右間距調整及分欄等，這些功能在網頁中僅能利用表格及圖片處理 表格是非常重要的！ ！ ！ FrontPage的編輯模式 直接線上編輯 處理的時候是直接連線到網站，看到的、刪除的或修改的都是網站上的檔案 編輯完畢的檔案直接存檔即可 間接方式 在自已的電腦設一個資料夾 先編輯資料夾內的檔案 編輯完畢後以FTP方式傳送至網站 開始編寫 一頁存一個檔(附檔名為 .HTM或.HTML) 要插入的圖片或背景檔案先存在專用的資料夾(習慣命名為images) 開新網頁後先命名 善用圖片或文字做為超連結(Hyper Link) 分隔線、背景圖片可以美化網頁 要有用資料夾做分類的好習慣 利用表格做為分欄的工具 無框架式網頁 框架式網頁 框架(frame)的概念 框架的重點 框架每一部份須命名 製作連結時須指定連結內容顯示的位置 一定要了解 _top、_blank及_self的意思 * * default.htm B.html A.htm main left