開始下手之前應思考問題

常見問答集錦【10】

第十篇
開始下手之前應思考問題

1. 列出你的 ISP 排列出你想要使用的 ISP 或伺服器，確定它們能符合所有你需要的功能，例如：ASP、FrontPage Extensions、密碼保護...等等。並且瀏覽一下同一台伺服器上的其他網站，檢查看看連線和回應的速度是否在合理的範圍內。 3. 鎖定你的目標決定哪些人才是你的觀眾，這樣可以幫助你判斷要不要使用 DHTML 或 Flash 等等。是否需要去迎合那些使用舊版瀏覽器和機器速度慢的人? 如果是這樣的話，你准備好製作兩個網站了嗎? 其中一個必須比另一個網站更快速才行。 5. 三思而後行寫下與建立網站有關所有不同的工作，如此一來你將可以知道需要花多少時間來做這件事。給你自己一個星期來建立這張清單，你需要時間去回想起所有需要做的事情。 7. 一致性想想看你該如何讓網站中的每個頁面都有一致的視覺設計：你需要建立自己的樣式規則。這個規則包含了每個頁面內文字的字體和字級、商標圖案的位置，按鈕、項目符號和水平分隔線的設計，以及段落標題。 9. 跨平台設定好兩台機器，最好是一台 PC 一台 Mac。盡量在手邊準備好各種不同的瀏覽器，然後便可以檢查你的網站是不是在每一種情況下看起來都很棒。你所使用的 DHTML 在不支援這項功能的瀏覽器中，也能夠消失的很美，不會受到影響。		2. 瀏覽便是全部一個好的網站導覽架構絕對不只是理論而已，你必須考慮當瀏覽者來到你的網站，他們想要找些什麼，而且如何才能夠讓你的網站更容易瀏覽。將你的導覽架構畫出來，並且寫下滑鼠要按多少次或要經過幾個頁面才能到達每一個的區域。 4. 目錄結構當你已經開始將網站檔案組合在一起後才重新再調整目錄結構，真的沒有比這更糟的事情了。所以一但你在紙上完成網站架構後，就要在硬碟中建立一組可以反應出網站架構的目錄結構。多花點時間去思考，直到你很確定這個目錄結構能夠完全符合需求。 6. 影像記得預留足夠的時間，以便從各種不同的來源收集影像，這也可能代表打電話給畫家、招攬廣告之類。你也需要時間來掃描圖片並且將它們最佳化處理。 8. 樣本替你網站中的每個區域建立樣本。當你需要維護整體性樣式的時候，樣本可以幫忙建立不同類型和資料量多的頁面。而你也必須留意是否和基本的樣式規則相符合。 10. 檢查再檢查列一張清單，將每一個頁面都需要檢查的項目寫下。例如：所有的影像是否都設定了 ALT （替代文字）的屬性、每個頁面都有頁面標題、所有連結都能正確運作。當你製作網頁時，把這些檢查當作是工作內容的一部份。
11. 最高原則 -- 簡單 WWW 中最有力的設計關鍵就是保持簡單。不要使用了一大堆的字體、百萬種的顏色和多采多姿非常壯觀的 Java Applet。讓網站保持乾淨和整齊。 13. 導覽列讓整個網站中的導覽控制列都保持相同，瀏覽者才會熟悉你的導覽系統，並且喜歡在網站中遊走。並且請確定你的導覽列是非常簡單易懂的。 15. 內容優先順序最重要的項目總是放在頁面的最上方，這是瀏覽者第一眼會看到的位置，所以你必須趕緊抓住他們的注意力。一但引起他們的興趣之後，你可以將一些較不重要的東西放在下面，讓他們可以繼續閱讀。 17. GIF 圖形文字不要在你的網站中使用 GIF 圖形只是為了顯示文字。GIF 圖形文字沒有辦法利用關鍵字搜尋，而且下載的時間也比一般文字要長。使用多個標註的組合來製作你想要的文字樣式。如果真的沒辦法的話，使用 CSS 樣式表吧！雖然那只有較新的瀏覽器才看得到。 19. 瞄準觀眾設計網站時，你應該時時想到你的觀眾。如果你正在設計兒童網站，便要使用明亮、字體較大的設計。如果你的目標觀眾是大型企業組織，那麼請建立一個看起來很有專業性的網站，並且不要有動來動去或有點滑稽的東西。		12. 設計靈感如果你的 idea 被卡住了，就在 WWW 上到處晃晃吧！看看其他人是怎麼做的。看看哪些技巧很不錯，把它套用到你的設計之中。 14. 導覽列位置如果你的導覽列中有非常多的連結，最好的方式便是使用一個左方的分割頁框來放置這些按鈕。如果你的連結並不多，那麼使用一個上方的分割頁框放置你的導覽列吧！以上兩種是呈現導覽列最棒的方式。 16. 配色規則請使用讓眼睛覺得舒服的配色，而且在整個網站中使用一致的配色。不要使用不協調的顏色，例如粉紅配黃、紅配綠。另外，請選擇一種能夠表現出你的網站樣式的配色。 18. 文字流排請確定頁面中的文字走向以及排版方式是很得體的，一般人不喜歡在一行中閱讀太多的字。將你的文字放入文字欄中，文字會被分為一大塊一大塊的較容易閱讀。並確定文繞圖的文字排列的也很適當。 20. 網頁安全色當你在替網站設計圖形時，請記住不是每個人都使用 32-bit 全彩的螢幕。如果將網站設計成給 256 色的螢幕使用，那麼不管在什麼機器上你的網站看起來都會是一樣出色。你的繪圖軟體應該很容易可以做到這一點，如果不行的話，試試 Fireworks 或 ImageReady 吧！

如何完整取得所有資料：
如果您想完整取得電子報內所有檔案資料，我們提供燒錄光碟片給您 Go 。
凡加入教學或教材會員者，均可獲得以下乙份完整的資料光碟。
詳細內容：語法教學、第一電子報、第二電子報、第三期電子報、網頁圖窟。

結論與建議：
本站所有報導資料，歡迎網友加入鏈結或轉載內容，惟請保留文章完整，並註明此引用來源，謝謝您的支持與配合。
本報每篇報導都花上 8 小時以上搜集、整理及撰稿，絕對值得初學者或想徹底學會 HTML 語法網友永久保存。
強烈建議您學會 HTML 語法，她真的簡單易學，懂了她您就能駕馭她，讓您使用所見即所得軟體更得心應手。
本報導屬於完全免費性質，索取教材資料屬個人自由意願，而回饋給您的光碟片，則是我們的誠意而已。
一篇保證前所未見的 HTML 教學課程，絕對是您學習 HTML 的好教材，強烈建議您進入實際體驗一下。
本電子報報導資料，未來將繼續每隔 30 日發表一次，以嘉惠更多想學會 HTML 網友，歡迎繼續訂閱。
本報導內容或資料，因限人力、時間，非教學會員，不接受任何疑惑解答，敬請見諒。

1. 列出你的 ISP 排列出你想要使用的 ISP 或伺服器，確定它們能符合所有你需要的功能，例如：ASP、FrontPage Extensions、密碼保護...等等。並且瀏覽一下同一台伺服器上的其他網站，檢查看看連線和回應的速度是否在合理的範圍內。 3. 鎖定你的目標決定哪些人才是你的觀眾，這樣可以幫助你判斷要不要使用 DHTML 或 Flash 等等。是否需要去迎合那些使用舊版瀏覽器和機器速度慢的人? 如果是這樣的話，你准備好製作兩個網站了嗎? 其中一個必須比另一個網站更快速才行。 5. 三思而後行寫下與建立網站有關所有不同的工作，如此一來你將可以知道需要花多少時間來做這件事。給你自己一個星期來建立這張清單，你需要時間去回想起所有需要做的事情。 7. 一致性想想看你該如何讓網站中的每個頁面都有一致的視覺設計：你需要建立自己的樣式規則。這個規則包含了每個頁面內文字的字體和字級、商標圖案的位置，按鈕、項目符號和水平分隔線的設計，以及段落標題。 9. 跨平台設定好兩台機器，最好是一台 PC 一台 Mac。盡量在手邊準備好各種不同的瀏覽器，然後便可以檢查你的網站是不是在每一種情況下看起來都很棒。你所使用的 DHTML 在不支援這項功能的瀏覽器中，也能夠消失的很美，不會受到影響。		2. 瀏覽便是全部一個好的網站導覽架構絕對不只是理論而已，你必須考慮當瀏覽者來到你的網站，他們想要找些什麼，而且如何才能夠讓你的網站更容易瀏覽。將你的導覽架構畫出來，並且寫下滑鼠要按多少次或要經過幾個頁面才能到達每一個的區域。 4. 目錄結構當你已經開始將網站檔案組合在一起後才重新再調整目錄結構，真的沒有比這更糟的事情了。所以一但你在紙上完成網站架構後，就要在硬碟中建立一組可以反應出網站架構的目錄結構。多花點時間去思考，直到你很確定這個目錄結構能夠完全符合需求。 6. 影像記得預留足夠的時間，以便從各種不同的來源收集影像，這也可能代表打電話給畫家、招攬廣告之類。你也需要時間來掃描圖片並且將它們最佳化處理。 8. 樣本替你網站中的每個區域建立樣本。當你需要維護整體性樣式的時候，樣本可以幫忙建立不同類型和資料量多的頁面。而你也必須留意是否和基本的樣式規則相符合。 10. 檢查再檢查列一張清單，將每一個頁面都需要檢查的項目寫下。例如：所有的影像是否都設定了 ALT （替代文字）的屬性、每個頁面都有頁面標題、所有連結都能正確運作。當你製作網頁時，把這些檢查當作是工作內容的一部份。
11. 最高原則 -- 簡單 WWW 中最有力的設計關鍵就是保持簡單。不要使用了一大堆的字體、百萬種的顏色和多采多姿非常壯觀的 Java Applet。讓網站保持乾淨和整齊。 13. 導覽列讓整個網站中的導覽控制列都保持相同，瀏覽者才會熟悉你的導覽系統，並且喜歡在網站中遊走。並且請確定你的導覽列是非常簡單易懂的。 15. 內容優先順序最重要的項目總是放在頁面的最上方，這是瀏覽者第一眼會看到的位置，所以你必須趕緊抓住他們的注意力。一但引起他們的興趣之後，你可以將一些較不重要的東西放在下面，讓他們可以繼續閱讀。 17. GIF 圖形文字不要在你的網站中使用 GIF 圖形只是為了顯示文字。GIF 圖形文字沒有辦法利用關鍵字搜尋，而且下載的時間也比一般文字要長。使用多個標註的組合來製作你想要的文字樣式。如果真的沒辦法的話，使用 CSS 樣式表吧！雖然那只有較新的瀏覽器才看得到。 19. 瞄準觀眾設計網站時，你應該時時想到你的觀眾。如果你正在設計兒童網站，便要使用明亮、字體較大的設計。如果你的目標觀眾是大型企業組織，那麼請建立一個看起來很有專業性的網站，並且不要有動來動去或有點滑稽的東西。		12. 設計靈感如果你的 idea 被卡住了，就在 WWW 上到處晃晃吧！看看其他人是怎麼做的。看看哪些技巧很不錯，把它套用到你的設計之中。 14. 導覽列位置如果你的導覽列中有非常多的連結，最好的方式便是使用一個左方的分割頁框來放置這些按鈕。如果你的連結並不多，那麼使用一個上方的分割頁框放置你的導覽列吧！以上兩種是呈現導覽列最棒的方式。 16. 配色規則請使用讓眼睛覺得舒服的配色，而且在整個網站中使用一致的配色。不要使用不協調的顏色，例如粉紅配黃、紅配綠。另外，請選擇一種能夠表現出你的網站樣式的配色。 18. 文字流排請確定頁面中的文字走向以及排版方式是很得體的，一般人不喜歡在一行中閱讀太多的字。將你的文字放入文字欄中，文字會被分為一大塊一大塊的較容易閱讀。並確定文繞圖的文字排列的也很適當。 20. 網頁安全色當你在替網站設計圖形時，請記住不是每個人都使用 32-bit 全彩的螢幕。如果將網站設計成給 256 色的螢幕使用，那麼不管在什麼機器上你的網站看起來都會是一樣出色。你的繪圖軟體應該很容易可以做到這一點，如果不行的話，試試 Fireworks 或 ImageReady 吧！