Question

前端网页制作怎么克服不同分辨率的问题

Answer 1

根据屏幕不同大小，缩小窗口出横向滚动条在所难免，但理想情况下，页面应该能适应不同客户端浏览器和分辨率。实际操作通常又有三种情况：版面自适应、视觉自适应、内容自适应。
在windows系统任务栏空白处单击右键，有如下图的菜单，分别提供有“横向平铺窗口、纵向平铺窗口”的功能，根据激活窗口个数按需切分屏幕。如果没记错的话，自win2000就已经用了，更早没试过。虽然那会我们用的显示器大些才17′，但在多窗口工作时确实方便。
版面上自适应
Information Architects Japan在06年提出 web设计95%是排版 的观点，如果精确理解，指呈现部分信息架构之下“信息设计”的范畴，俗称排版。因为我们都了解广义上的web design不仅要看还得有动，其实有个很大的 知识框架 做支撑。
web排版相较平面的优势在于数据灵活性，理论上可以实现只维护单个页面，然后通过web技术来实现多种排版表现。在实践中获取点滴信息设计基础之后再来看这个问题，感触颇深。
现实网站中，越重要的页面模块越多，排版难度也就越大。比如门户网站首页，我很少看到自适应的，大概是雅虎网站改版开了先河。分别使用narrow layout和wide layout两种模式，适应800和1024px分辨率，根据客户端请求分析再输出，即在自定义基础上实现了自适应。

Answer 2

网页制作可以大体上分成四个工种：
1 美工
美工的主要任务是设计。了解用户的意图，分析网站配色，基本布局。绘制出一个网站效果图。
美工需要掌握的知识体系应该包括网页设计，UI（User Interface）用户界面人机交互、操作逻辑、界面美观的整体设计，UED（user experience design）用户体验设计--简单来说就是如何使得网站更加便于交互。
2 前端开发
美工在完成设计效果图之后，由前端开发人员将其制作成为适合浏览器查看的HTML页面。
由于现在移动互联网的大规模流行，加上各个不同厂商的浏览器的激烈竞争，前端开发的主要任务简单来说就是使网页在不同浏览器不同分辨率不同设备上提供相似或相近的浏览体验。
前端开发需要掌握的知识体系主要是兼容性问题的解决，流畅完美的交互体验。具体到技术细节上就是HTML，CSS，JavaScript，各大公司各种不同内核的浏览器、各种各样的JS库、简单的与后台交互的知识。
3 后台开发
前台开发完成之后，就是后台程序员的工作了，相比较前端来说，后台更像传统意义上的程序员。后台的工作简单来说就是网页文件对数据库的增删改查。
后台需要掌握的知识体系应该包括，编程基础，基本HTML语言，至少一门主流网页语言（C#,C++,JAVA,PHP等），数据库的操作等等。

4 宣传推广
前三个步骤完成之后，网站一定要推广，简单说就是营销。
营销人员应该掌握的知识体系应该包括SEO,SEM,线上线下推广，事件营销，危机公关等等复杂的知识。我对这个部分涉猎不多，不多说了。

另外，大型网站通常会在这四个岗位之间设立经理或有的公司叫网页架构师，经理主要是用来协调，沟通，领导这四个岗位。

至于四个岗位有多少人就完全取决于公司的网站的规模了，我自己在2000年的时候做网页基本上是四个活一个人做，除此之外还兼公司网管，电脑维修，有一段时间还兼司机，命苦啊~~