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问题。