如何規(guī)劃和設計較復雜的網頁

【專家解說】：網頁的規(guī)劃和設計是兩個相對獨立的內容。 一般網頁制作都會經歷一個:規(guī)劃 - 設計 - 制作 的過程。 規(guī)劃，規(guī)劃也叫網站策劃，你需要整理出網站的內容分類，通常是從主導航入手，然后逐層細化和歸類。主要的原則是流暢，清晰，這直接涉及最終的用戶體驗。一般規(guī)劃還可以使用草圖文案和原型圖設計。規(guī)劃工作完成時，你要整理出完整的頁面列表和內容形式，比如列表，圖文列表等。 設計，設計階段是簡單說是美化原型圖，讓網頁更具美感。設計的原則自然是遵循網頁設計規(guī)范，保持設計源文件的清晰度和圖層合理性，這一步，你除了需要具備基礎的網頁設計理論外，還需要作圖能力，當然，還需要你大致懂得網頁效果圖和實際網頁的關系(字體，圖片，圖標等!) 制作，制作部分一般稱為開發(fā)，開發(fā)分為前端和編程兩部分。 前端開發(fā)，是把網頁效果圖制作成html文件。這一步，你需要使用到html、css、js等基礎的網頁編程語言。前端開發(fā)的原則是代碼嚴謹(標簽使用得當，js無錯誤等)，頁面兼容大部分瀏覽器和屏幕。 編程開發(fā)，是制作頁面動態(tài)數據交互，也就是通常所說的增刪改查。這一步的工作相對復雜，主要需要注意程序的高效性，安全性和交互的合理性。 其實，你所說的復雜，可以從兩個方面理解，一是頁面結構的復雜，二是程序功能的復雜。 網頁結構的復雜，就是網頁設計的比較“繁瑣”。頁面內容較多，頁面中的各種交互較為復雜。這種時候，你需要有靈活的代碼邏輯，也需要你能夠從整體上把握網頁的構成和框架，只有這樣，你才可以把復雜的網頁一步一步、一層一層簡化掉，也就是化整為零。通常，一個網頁的設計和制作也基本是1-2-3-4-5這樣的制作，一個頁面，氛圍2個區(qū)域，然后逐層細分。當你熟練的使用position等特殊的css技巧后，你會發(fā)現，其實做網頁和ps作圖差不多。 程序設計的復雜性，這個就仁者見仁了，程序設計的復雜和網站規(guī)劃相關，也和程序開發(fā)的模式有關，網站規(guī)劃的時候，你就要把每個功能推敲好，具體這個模塊或功能適合怎樣的表現，大致能使用到那些技術，有無其他接口等。其實有時候，規(guī)劃初期可能有20幾個功能，經過推敲后變成了10個，而最終開發(fā)的時候，可能因為模塊的操作的相似性又會被程序人員開發(fā)成5個功能塊，當然這是一種開發(fā)模式?？偠灾?，程序設計的復雜性，首先需要考慮有無必要復雜，然后設計復雜程序，然后簡單的驗證程序的可用性，最終確定程序設計方案。