资讯素养与应用.pptVIP

資訊素養與應用 網頁設計(I) 第十三週 大綱 0. 網頁與網站 網頁概論 網頁設計流程 網頁設計範本 DreamWeaver網頁設計軟體介紹 0. 網頁與網站 0-1. 網頁與首頁的區別 0-2. 網站與網頁的區別 0-3. 網站如何申請 0-4. 網站與伺服器的關係 0-1. 網頁與首頁的區別 網路上網頁的定義(引用自 Google) 網頁，是萬維網中的一「頁」，通常是HTML格式（文件擴展名為.html或.htm）。網頁通常用圖像檔來提供圖畫。網頁要透過網頁瀏覽器來閱讀。 /wiki/網頁 網頁是指網際網路中用來顯示資訊的電子書頁。網站中的網頁可與電子版書籍相鏈接。/cn/lexique.html 網路上首頁的定義(引用自 Google) 首頁是指打開Web瀏覽器首先顯示的文檔。首頁還可以指Web站點的第一個主要文檔。/cn/lexique.html 通過萬維網路進行資訊查詢時的起始資訊頁。/zs4.htm 0-2. 網站與網頁的區別 網路上網站的定義(引用自 Google) 網站(Website)是指在網際網路上，根據一定的規則，使用HTML等工具製作的用於展示特定內容的相關網頁的集合。簡單地說，網站是一種通訊工具，就像佈告欄一樣，人們可以通過網站來發布自己想要公開的資訊，或者利用網站來提供相關的網路服務。人們可以通過網頁瀏覽器來訪問網站，獲取自己需要的資訊或者享受網路服務。 /wiki/網站 網站是指父目錄內的一組相互鏈接的網頁。 訪問我們的網站設計頁。/cn/lexique.html 0-3. 網站如何申請 一般網站都是放置在伺服器 (server)中 通常伺服器是ㄧ天24小時都打開，因此伺服器的性能需要夠好；可以用等級較好的個人電腦作為伺服器使用 除自行架設伺服器外 (用ㄧ台PC加上網站架設軟體且建置網頁即可), 也可以向 ISP (Internet Service Provider 網路服務提供者) 申請, 租一塊空間放置網站 0-4. 網站與伺服器的關係 1. 網頁概論 1-1. 網頁的組成元素 1-2. WWW 的運作原理 1-3. 網頁設計流程 1-4. 網頁設計秘訣 1-1. 網頁的組成元素 文字：最基本且重要的內容 圖片：常應用在 WWW 上的圖形有 JPG和 GIF 等格式 超連結：網頁中文字或圖形可以加上超連結標記 其他元素：包括表格、表單、聲音、影像、多媒以及程式特效等 1-2. WWW 的運作原理 1-3. 網頁設計流程 設計網頁的一連串過程，從規劃網站架構到發行網站等步驟，將於第2節介紹 1-4. 網頁設計秘訣 鎖定觀眾? ?? ?決定哪些人是你的觀眾，這樣可以幫助你判斷要不要使用 進階的網頁設計功能 一致性? ?? ?網站中的每個頁面都有一致性的頁面設計 簡單原則? ?? ?讓網站保持乾淨和整齊 1-4. 網頁設計秘訣 設計靈感? ?? ?可以參看其他人網站，學習不同的技巧 導覽列? ?? ?整個網站中的導覽列保持相同，瀏覽者才會熟悉你的導覽系統 配色規則? ?? ?使用讓眼睛覺得舒服的配色 替未來做準備? ?? ?記住以後非常可能會需要更新版面，所以在你的設計中留些擴充的空間，不要將導覽列設計成無法更改 背景影像? ?? ?如果想要在網站中使用背景影像，請讓它保持簡單 2. 網頁設計流程 2-1. 確定網頁架構 2-2. 搜集網頁資訊 2-3. 取得網頁製作工具 2-4. 編寫設計網頁 2-5. 找個網頁空間 2-6. 發行網頁 2-7. 維護網頁 2-1. 確定網頁架構 確定網站內容主題以及操作介面 網頁架構是指網頁與網頁間的連結方式 以下介紹四種網頁架構 2-1. 確定網頁架構 垂直架構 2-1. 確定網頁架構 主從架構的連結方式 2-1. 確定網頁架構 樹狀結構 2-1. 確定網頁架構 多層結構 2-2. 搜集網頁資訊 收集想要放在網站內的資料、圖形、文字 也可以利用搜尋引擎來找，常用的搜尋引擎有：Google、Yahoo以及蕃薯藤等 2-3. 取得網頁製作工具 準備撰寫網頁的軟體或圖片製作工具等 常用的撰寫網頁的軟體包括：Microsoft FrontPage、Macromedia Dreamweaver、Word、Ultra Edit等 2-4. 編寫設計網頁 開始動工，編寫網頁 需要學會使用網頁設計軟體，並且知道自己想要設計的網頁雛形 2-5. 找個網頁空間 將所完成的網頁，放置到網路上，可以搜尋網路上的免費網頁空間，或者自己架一台伺服器 2-6. 發行網頁 有了網頁空間，可以透過網頁設計軟體，將寫好的網頁上傳到網路上 2-7. 維護網頁 時常更新網頁，上傳最新的訊息 3. 網頁設計範本 3. 網頁設計範本