一個網頁看起來簡單,要做的事情還真是不少:
- 設計,在一張白紙上作畫,這是最難的。要放哪些內容、如何擺放、相互之間的關系、等等。
- 布局,做好響應式布局,適配不同屏幕。
- 字體,尤其要做到中英文、不同平臺都能用到合適的字體,很難。
- 字號,頁面縮放時,字體也能相應地縮放。不同級別的文字對比適中。
- 顏色,前景色、背景色、鏈接顏色、文字選擇顏色、等等。
- 分享,想要干凈的社會化分享,現有的產品肯定是不行、也很笨重,只能找到 js 組件、并進行定制。另外,網頁布局也要適合分享,比如,分享到微信時,縮略圖正確。
- SEO,要對 SEO 友好,方便收錄。
- 加速,比如,盡量使用 cdn 上的 js/css 資源,CSS 與 html 分離卻又要盡量合并小文件。
- 數據統計,比如使用 GA,分析用戶行為。
今天基本做好了 Klib 筆記分享頁面,感興趣可以 點這里瞧瞧示例頁面,有意見?歡迎。
博客原文:0611 - 今天只做了一個網頁