對企業(yè)網(wǎng)站的一些看法

Atom 發(fā)布于2019-08-22 18:36 / 3098人閱讀

摘要：網(wǎng)站樣式減少冗余和污染不濫用選擇器網(wǎng)站行為對人類友好，多注釋，要為了寫功能而寫代碼，盡量不要為了炫技而寫語法糖。

前言

見解有限，如有描述不當(dāng)之處，請幫忙指出，如有錯誤，會及時修正。

為什么要寫此文章？
把自己感覺對的用文字的形式記錄下來。

1、網(wǎng)站欄目劃分

網(wǎng)站欄目劃分，在前端的角度看就是首頁和子頁，在佛系點都是頁面，然而站在客戶的角度想，又有不同的答案，網(wǎng)站是一個企業(yè)的另一種展示。而展示的目的是為了證明我是我，我做什么，我能帶來什么等等，簡單粗暴點就是通過網(wǎng)站推銷自己的產(chǎn)品，既然為了推銷產(chǎn)品那產(chǎn)品我想有必要作為一個欄目來劃分，所以第一個產(chǎn)品欄目就劃分好了，每個企業(yè)都有自己的新聞動態(tài)，那第二個新聞欄目也好了，最重要的是我想是公司信息，所以一定要有聯(lián)系我們，每個產(chǎn)品和新聞我想應(yīng)該還需要一個詳細的介紹所以還要有產(chǎn)品詳情頁，新聞詳情頁
，這樣網(wǎng)站欄目劃分也就完成了，欄目為產(chǎn)品欄目：新聞欄目，聯(lián)系我們等等，詳情頁為：產(chǎn)品詳情頁，新聞詳情頁，聯(lián)系我們詳情頁等等，這就列舉這幾個，這不是絕對的，具體情況具體分析。這一刻其實可以把網(wǎng)站看作一個對象，每一個頁面可以看作網(wǎng)站的屬性和方法。

2、從PSD到網(wǎng)站代碼實現(xiàn)

網(wǎng)站結(jié)構(gòu)（HTML）
劃分公共模塊實現(xiàn)重復(fù)使用，要特別注意一下圖片大小，因為網(wǎng)站的展品圖片是實時變化的，從CMS管理后臺添加的時候不一定是符合尺寸大小的，可以把圖片寬高固定化，這樣就不會出現(xiàn)和前期效果圖不一致了。還有就是文本的處理，單行文本不換號，多行折斷等等。

網(wǎng)站樣式（CSS）
減少冗余和污染不濫用選擇器

網(wǎng)站行為（JAVASCRIPT）
對人類友好，多注釋，要為了寫功能而寫代碼，盡量不要為了炫技而寫語法糖。