壹-So-net個人網頁.docVIP

壹、認識網頁 1.1網頁設計步驟 第一步: 取得網站硬碟空間或自設網站 網頁空間夠不夠大？ 網站所在的位置及頻寬 帳號密碼方不方便自訂？ 網址好不好記？ 有沒有廣告視窗或首頁？ 上傳網頁的方式 有沒有支援FrontPage 有沒有線上編輯器？ 有沒有CGI程式(PHP、ASP)？ 有沒有搜尋、索引或分類的服務？ 若自設網站，需申請固定網址、安裝網頁伺服器(IIS或Apparch)、設定虛擬目錄、安裝資料庫系統。 第二步: 撰寫網頁文件 規劃文件內容。 編輯文件。 用瀏覽器預覽，有必要則修改。 第三步: 上傳檔案到ISP 用FTP或HTTP。 首頁的檔案為default.htm或index.htm。 第四步: 發佈網頁的消息 到搜尋引擎(Search engine)登錄網址。 用電子郵件公佈網址。 使用ICQ傳送網址。 加入好站票選活動。 在簽名留言冊上留言。 和其他網站交換小圖示Banner，相互連結。 第五步: 更新維護 以資訊為主題的網頁，更新得越快就越好。 以內容為主的網頁就可以定期(三個月)更新資料。 1.2網頁設計原則 基本認知 經常學習他人網頁的優點、方法、和特色。 網頁的相關內容越豐富越好，也要定時更新網頁的內容。 養成畫「架構圖」和「草圖」的習慣，將創意與想法組織化。 能夠自由運用HTML語言，這將有助於網站的維護、更新和改錯。 網頁應有的基本架構 搜尋引擎：提供搜尋功能。 目錄服務：提供條列式的項目，依其特性分屬不同的項目之下。 提供「網路指標」與「瀏覽指標」，讓瀏覽者可以回到想要去的網頁。 圖形 考慮適當地使用圖片來美化網頁；在圖片周圍保留一些空白，讓瀏覽者有較舒適的視覺感受。 使用圖片做網頁底圖，注意到顏色和觀感的問題。避免使用如花紋複雜的底圖、黃色底配白色字、過多的閃動圖片、或動態圖片等，這樣的網頁會令人看得非常辛苦。 圖片管理 把所有的圖片集中放在一個目錄中，例如images，較易管理。 善用表格把圖文都配置恰當。 圖檔及副檔名，建議採小寫。 美觀 初學者可使用網頁樣板Template。來製作，或使用網頁精靈Wizard來協助網頁的製作。 考慮中文與英文的不同，調整版面的配置，圖片與文字間的協調與美觀。 將網頁內容排列整齊，除了會令人感覺舒服點，找資訊也比較容易。 相容性 考慮瀏覽者的設備。 考慮瀏覽者的電腦平台。 考慮網路頻寬。 考慮瀏覽器版本。 考慮MSIE與Netscape相異之處，不斷的測試兩個版本。 注意大小寫問題，有些主機採用unix，case sensitive(辨認英文字母大小寫)的。 避免使用一些特殊的字型，最好使用預設的字型。如果一定要更換字型的話，由格式工具列上選取。 適度的使用替代文字/低解析圖鈕， 各國的語言的編碼方式互不相同，如果要看到正確的文字，必須有相對應的字型和轉碼程式才可以。要看其他國家的網頁，只要外掛轉碼程式即可。 1.3 網頁組成構件 四大元素：文字、圖形、線條、連結。 組成構件：、、、、、、、、、、 應用範圍 組成構件 圖形 文字 分隔線 連結 多媒體元素 標題 Banner, Heading ( ( ( GIF動畫、JAVA、ActiveX Welcome Message 記數器、跑馬燈 本文 Body ( ( ( ( GIF動畫、JAVA、ActiveX Suggestion ( ( 更新日期 Updated Date ( 瀏覽指標 Navigation Bar ( ( ( ( GIF動畫、JAVA、ActiveX Footer ( ( ( ( GIF動畫、JAVA、ActiveX Copyright ( ( 聯絡管道 Connection ( ( ( GIF動畫 底圖 Pattern ( ( 企業標誌 CIS Logo ( ( ( GIF動畫 主題圖形 Key Visual ( ( GIF動畫、JAVA、ActiveX 瀏覽指標：通常置於上方。 回程指標：通常置於下方的。 1.4 如何加快下載速度 當連接網站時，所需檔案取得的先後順序如下：本地的「記憶體快取」--本地的「硬碟快取」--遠端的「代理伺服器Proxy主機」--遠端的「網站」，來載入資料。：Proxy主機，以分別處理不同的請求。 設定代理主機，以ISP或最近的為優先。 其次考慮ISP硬碟空間的大小。 不要勾選”自動載入圖片”。 減少圖片的數量。 減少圖片的大小。 不要以太高的解析度進行掃描圖形。 30秒40K原則：一般人從選擇所要看的網頁到下載完畢，可忍受的時間約為30秒，大約是40KB左右。 首頁通常攜帶比較多的多媒體元素，總資料量應控制在100KB以內。 單元子頁所呈現的重點是資訊內容，資料