網頁設計師的工作職責如下：

1、負責公司網站的頁面設計及美觀優化；

2、負責網站各類專題模板的設計及制作；

3、負責網站各類活動的宣傳廣告、標語的圖片設計；

4、負責網站產品的美工設計，對交互體驗有較為深入的了解；

5、對頁面進行持續的優化，不斷提升訪問者的用戶體驗；

6、編寫可復用的用戶界面組件；

7、協同其他技術部門，做前端開發技術支持

題主問的應該是類似企業官網的網站，而不是Web Application這種系統類網站吧。

接下來我分類回答。

企業官網

對于企業官網，通常的功能包括企業介紹，產品/服務介紹，聯系信息，成功案例等等。其中企業為了通過官網進行營銷，會在一定程度上讓官網和企業的CRM系統進行集成以便生成并進一步跟進潛在客戶信息。

目前業界使用比較廣泛的工具是WordPress。那么一般情況下在選取合適的模板后，可以進入WordPress的后臺進行修改配置等。不需要直接接觸數據庫或者代碼。當然有經驗的朋友能夠對MySql和PHP有了解更好，因為WordPress是基于MySql和PHP的。

WordPress有一個很好的地方在于，做出來的網站響應式的（responsive）。能夠根據訪問的設備進行顯示。根據電腦，平板，手機自動調整顯示。

并且WordPress有超多的模板可供選擇，非常方便。

接下來上圖，可以看一下WordPress的功能，圖片包括了模板和手機顯示效果。

應用系統類網站 （Application Website）

這類系統說是網站，其實是基于Web的應用系統。功能龐大，邏輯復雜，涵蓋面很廣。目前的SaaS系統多是這一類。

一般前端也比較復雜，使用復雜的JavaScript架構，早一點的如JQuery，現在更多的使用React, Angular, Vue等。

后端使用Java的比較多，能夠應對復雜的邏輯。根據實際情況，后端也有可能是分布式的。一般來說分為調度控制層(Controller), 業務應用層 (Business Application), 數據訪問層（Persistence)。

調度控制層(Controller)：進行訪問的控制，用戶識別，以及請求的分發等。業務應用層 (Business Application)：SaaS應用的整個業務邏輯核心層就在這里了，一般覆蓋面廣，邏輯也較為復雜。數據訪問持久層（Persistence)：跟數據庫打交道的這一層，通常業界也有成熟的框架，如Hibernate，Mybatis等。大型應用也會引入緩存機制來提高效率，如 Redis等。

希望上述能夠回答題主的問題。如有進一步問題，請留言/私信。

首先，我用下面這段話先來直接回答一下你提到的一些問題。前端開發多頁應用可以用webpack，也可以不用webpack，這取決于你的開發方式。其次，針對你下面附帶的那個問題，如果你開發的網站項目對SEO有要求，且自己對框架（如vue、react等）又熟悉和能駕馭的情況一下，那么你可以考慮將你的網站項目做成同構直出，或者使用NODE做中間層（這里也可用到NODE的一些模板），做直出都是可以的。接下來就是解釋兩個問題：1. 明白webpack的作用因為只有你真正明白了webpack的作用，你才會知道為什么前端開發多頁應用可用，也可不用webpack。2. 網站項目如何解決SEO問題方面至少有三種，我說兩種前端經常處理的方式。一、搞懂webpack一句話理解就是：webpack就是一個模塊塊打包器。關于webpack的使用和配置細節，網上有好多詳細的資料，之前，我也寫過好多相關文章，可能參考，研究一下，都很容易學會，特別是之前有過使用grunt/gulp等經驗的同學。然而，我覺得最重要的是需要搞懂為什么會出現webpack ，它在我們開發項目過程中解決什么問題。因為如今的網頁相當于是一個功能豐富的應用。都具有復雜的JS代碼和一大堆所依賴的包，開發的過程自然不簡單，前端界為了簡化開發項目的復雜度，出現的好多高效的實踐方法，如模塊化開發，如使用新的語言特性，如CSS的預處理器等。雖然這些方法提高了開發效率，但開發的文件需要額外的處理才能被運行環境所識別，需要有效的加載這個資源也需要各種處理。所以webpack出現了。它能將這些瀏覽器不認識的東西轉換成瀏覽器能解析的東西。二、如何解決seo我在之前寫過的關于頁面渲染方式如何做選擇的文章中，說到過目前前端界使用的四種頁面渲染方式。其中能解決SEO問題的有三種都能。1. 后端模板渲染2. node中間層3. 服務端渲染解決首屏SEO問題，本質就是將首屏的源代碼靜態輸出到瀏覽器。如果技術團隊支持的話，使用框架（vue/react）進行服務端渲染，做同構直出是一種優越的辦法。如果有后端支持，選擇后端模板渲染，只是項目維護是更困難些。而前端有資源和能力的情況下，使用node中間層，搭配各種node模板來做技術實現，也是不錯的。總之，這些都能解決SEO問題。