首頁  >  文章  >  web前端  >  網站的製作流程

網站的製作流程

WBOY
WBOY原創
2016-09-11 11:19:491474瀏覽

眾所周知,一個網站的製作過程,是需要按步就班的,當然,小編在這裡說的是純定制型網站而不是套模版。那麼,小編下面就簡單說一下,一個客製化網站製作過程。

首先,既然是客製化的網站,也就是從設計到製作到開發,都是一步一步來的,無論是設計還是功能開發,都需要了解客戶的需求是什麼。那麼第一要說的就是設計之初該做些什麼。

1、設計之初應該做些什麼

既然是從設計開始,那麼就需要知道客戶的需求,例如,客戶所在的公司什麼類型的公司,企業集團類型?電子商務類型,還是政府機關學校類型還是其他?然後還要看公司規模,根據公司規模來策劃公司網站的欄位。然後還要特別注意客戶喜歡什麼風格,什麼色調,頁面上有什麼需要特別突出的地方,有沒有特殊的功能開發等等,然後設計師根據客戶所提出的需求開始編寫策劃方案。方案中主要針對客戶所在的公司類型,公司規模,欄位架構,網站風格,整站色調,功能開發為進一步的詮釋。

策劃方案通過之後,設計師將著手開始按照客戶所要求的風格,色調和頁面上需要特別突出的地方進行網站首頁的設計,首頁設計完成之後,會將首頁的JPG文件發送給客戶查看,並讓客戶確認之後開始著手子頁面的設計。子頁面完成之後,也會將設計稿發給客戶看,以便依客戶要求修改設計稿以及確認設計稿。當設計稿全部確認之後,就要移交到下一步頁面製作了。

2、頁面​​製作之初需要注意些什麼

當然設計稿完成並已由客戶確認之後,那麼網站製作流程就該進入到下一步頁面製作了。負責頁面製作的是前端,也就是將設計稿的PSD檔案切片,然後寫HTML程式碼,將設計稿的圖片寫成網站上的頁面。並處理好頁面上的JS效果以及調試好瀏覽器的兼容性,並以和設計稿99%以上的相似度完成頁面。這些是前端需要做的部分,那麼前端又需要注意什麼呢。

首先,在拿到設計稿之後就直接開始製作,這個流程是錯誤的。直接開始做的話,對於當然的網站肯定是一問三不知,什麼東西都不知道,只顧著敲代碼做頁面,做完之後難免會暴露出一些問題。所以這樣是不對的,那麼應該怎麼做了,小編個人的想法是,在拿到設計稿之後,先不要急著開始製作,先跟設計師將所有頁面都過一遍,先了解網站的欄目架構,然後就是頁面上需要注意的地方,需要用到效果的地方。全部頁面過完一遍之後,再做頁面的話,就會輕鬆很多。

了解了在製作之初需要注意的事項之後,那麼在製作頁面的過程中又需要注意什麼呢。首先,在製作的過程中,將設計稿還原成網站頁面是肯定要的,然後按照設計師的設計思路,​​給頁面上需要加JS效果的地方,加上JS效果,例如輪播,選項卡等常用的JS效果之類,最後的重點就是在HTML程式碼裡面需要注意的幾個地方,首先是圖片的title和alt屬性,這樣利於SEO優化,有表單提交的頁面需要做表單驗證等。

3、開發方面需要注意的地方

程式方面的功能開發,一般情況下跟頁面製作影響的地方不是很大,如有某些頁面上需要開發功能,而設計稿上有這個頁面的話,可以跟前端溝通,優先做有功能開發的頁面,這樣的話,頁面製作和功能開發可以同時進行。而程式在開發的過程中需要注意的地方就是,首先也需要了解一下設計稿,在頁面製作的過程中,會有需要程式配合的地方,配合部分簡單講解一下就能理解,如果不清楚設計稿,在配合的時候可能會有諸多問題。這是跟前端和程式之前的配合默契度也有掛勾的。

以上就是在一個客製化網站專案製作的過程中設計,前端,程式需要注意的地方。當然,這只是在小編的日常生活中所遇到的,加以整理,寫了這麼一篇短文,後續還有其他的問題出現,小編會繼續更新相關文章。

本文轉自:http://www.0731pgy.com/a/news/Industry%20News/382.html

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn