‘壹’ 网站美工和WEB前端开发哪个更有前途同样水平的这两个职业，哪个拿的钱多
网站美工有前途，拿钱多。
你想想，现在做网站都不是什么稀奇的事了，可好看的网站却没有几个吧~~~
‘贰’ 做web前端开发都应该会些什么
不知道题主的意思是前端需要掌握的技能有什么还是学成之后能做的事。
如果是前者，那前端开发中需要掌握最基础的技能就是HTML、CSS，JavaScript，在页面的布局时， HTML将元素进行定义，CSS对展示的元素进行定位，再通过JavaScript实现相应的效果和交互。这些基础知识都必须熟知，才能进行流畅的编写。
熟悉了程序语言之后，将会运用到多种开发工具进行开发，常用的有Dreamweaver，Sublime Text ，HBuilder、GIMPGIMP、BootstrapBootstrap 、Notepad++Notepad++等
当然工具只能解决一些特定问题，在你提升了自己之后，可以尝试接触框架。目前开发运用到的三大框架是Angular、React、Vue。当然框架也有很多种，都是要等待你去慢慢发掘的。
如果问题是后者，前端开发会做的事情就很多了，就业范围也相当广阔。能从事的岗位有前端开发工程师、资深前端开发工程师、网站重构工程师、前端架构师等等。
‘叁’ 做前端开发主要学些什么
要学前端开发，首先要熟悉几种最基础的程序语言。前端需要用到的是：HTML、CSS，JavaScript，在页面的布局时， HTML将元素进行定义，CSS对展示的元素进行定位，再通过JavaScript实现相应的效果和交互。这些基础语言，必须在熟练掌握之后，结合不同的开发工具，开发出高质量的页面。
最开始用到的开发工具主要有如下几个：
1，Dreamweaver：，集网页制作和管理网站于一身的所见即所得网页代码编辑器。
2，Sublime，全称Sublime Text ，是一个主要功能包括拼写检查，书签，完整的 Python API ， Goto 功能，即时项目切换，多选择，多窗口的代码编辑器
3，HBuilder：是DCloud,推出的一款支持HTML5的Web开发IDE。
当然，并不局限于这些工具，如果要开发出更好的作品，要用到的肯定是更广泛的工具，工作中不同工具的灵活运用也是一种能力的体现，比如可以将图标 web 字体放到自己的项目中的FontelloFontello、能够自动实施安全相关的 header 规则的Secureheaders、针对于编写现代 web 和云应用的跨平台编辑器的Visual Studio CodeVisual Studio Code。
前端开发要学习的知识很广泛，不过最重要的，就是要打好基础，熟练掌握三种基础技能，无论什么网页的制作都不在话下。
‘肆’ 自学web前端开发,请问从何入手呢
学习前端，要从学习HTML和CSS开始着手。关于这部分的学习，网上可选择的资料就太多了，这里不一一列举，题主网络搜索栏搜索HTML 教程，或者css 教程，就可找到相关资料。
接着是学习前端的一个难点、也是重点，就是JavaScript。
首先，初学一门语言，要秉承一个原则：“能动手的，尽量别吵吵”
另外，你需要一个能够从简到难的知识体系，一步一步跟下来。
下面是干货。
体系：上图。
（四）、工作流(跟JS原生关系不大，不详细展开了)
webpack
gulp
上面的内容结束后，就可以进入前端框架的海洋中畅游了。
‘伍’ aspx中如何实现单点登录
这个主要是用asp.net的
轻量级单点登录系统源码
实现原理：
使用使用<script type="text/javascript" src=""> </script>形式远程调用单点登录系统上的脚本，获取加密后的用户登录票据信息，自动绑定到当前页表单的相应字段，并自动提交到后台。后台解密前台提交的用户登录票据信息，判定用户是否已在单点登录系统上成功的登录，如果已登录返回系统首页，如果没有登录，跳转到单点登录系统登录页。使用DES加密用户登录票据信息,不同应用系统使用不同密钥。
开发环境（VS2008 + Eclipse3.2）
轻量级单点登录系统解决方案包括以下项目：
1、公共组件SSOLab.SSOServer.Components
2、单点登录系统SSOLab.SSOServer.WebApp
3、企业门户系统系统演示SSOLab.Portal.WebApp
4、人力资源管理系统演示SSOLab. APP1. WebApp
5、财务管理系统演示SSOLab. APP2. WebApp
‘陆’ 网站前端的工作具体是在做什么
前端开发工程师的主要职责就是与交互设计师、视觉设计师协作，根据设计图用HTML和CSS完成页面制作。同时，在此基础之上，对完成的页面进行维护和对网站前端性能做相应的优化。另外，一名合格的前端开发工程师，应该具有一定的审美能力和基础的美工操作能力，能很好地与交互及视觉协作。
HTML、CSS和DIV+CSS技术用来制作Web页面;
Java、DOM、BOM等用建立开发基础;
photoshop和Axure等软件应用，完成页面UI设计;
NodeJS和PHP加上数据库等这样的后端语言，方便前后端开发配合;
HTML5、CSS3、响应式页面布局、微网站制作等开发移动互联网的应用；
像Ajax、JQuery、jQueryMobile、Bootstrap、AngularJS等更是前端开发必学的高级技术;
HTML5地理位置应用、离线应用、Webworker多线程实现、Websocket、跨平台开发技术和WebAPP开发等，这些企业级应用技术也是现在开发的主流；现在前端开发最热门、要人最多，就是使用canvas开发网页游戏动画，以及会用 Cocos2d-js制作游戏等开发。
‘柒’ 怎样在eclipse中添加struts框架
步骤如下：
一、下载struts包
网络直接搜“struts2”，进入Apache官网下载，此处下载的是struts-2.3.20-all.zip。
二、新建web项目
打开Eclipse新建一个Dynamic Web Project，项目名为：struts2。
三、向Web项目中添加struts2框架
1、解压struts-2.3.20-all.zip，在lib文件加下找到以下jar文件：
commons-fileupload-1.3.1.jar
commons-io-2.2.jar
commons-lang3-3.2.jar
freemarker-2.3.19.jar
javassist-3.11.0.GA.jar
ognl-3.0.6.jar
struts2-core-2.3.20.jar
xwork-core-2.3.20.jar
2、把以上文件，复制粘贴到第二步新建的Web项目下的WebContent/WEB-INF/lib路径下。
3、修改WebContent/WEB-INF路径下的web文件：
<?xmlversion="1.0"encoding="UTF-8"?>
<web-appxmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"xmlns="http://java.sun.com/xml/ns/javaee"xsi:schemaLocation="http://java.sun.com/xml/ns/javaeehttp://java.sun.com/xml/ns/javaee/web-app_3_0.xsd"id="WebApp_ID"version="3.0">
<display-name>struts2</display-name>
<welcome-file-list>
<welcome-file>index.html</welcome-file>
<welcome-file>index.htm</welcome-file>
<welcome-file>index.jsp</welcome-file>
<welcome-file>default.html</welcome-file>
<welcome-file>default.htm</welcome-file>
<welcome-file>default.jsp</welcome-file>
</welcome-file-list>
<!--以下是添加struts2框架-->
<filter>
<filter-name>struts2</filter-name>
<filter-class>org.apache.struts2.dispatcher.ng.filter.StrutsPrepareAndExecuteFilter</filter-class>
</filter>
<filter-mapping>
<filter-name>struts2</filter-name>
<url-pattern>/*</url-pattern>
</filter-mapping>
</web-app>
四、建立struts2项目文件
1、在项目中的JavaResources/src路径下新建RegisterCheck.java跟RegisterAction.java文件（属于com.struts2包）：
RegisterCheck.java代码：
packagecom.struts2;
publicclassRegisterCheck
{
publicbooleancheck(Stringpsd,Stringrepsd)
{
if(psd.equals(repsd))
{
returntrue;
}
else
{
returnfalse;
}
}
}
RegisterAction.java代码：
packagecom.struts2;
publicclassRegisterAction
{
privateStringusernaem;
privateStringpsd;
privateStringrepsd;
publicStringgetUsernaem()
{
returnusernaem;
}
publicvoidsetUsernaem(Stringusernaem)
{
this.usernaem=usernaem;
}
publicStringgetPsd()
{
returnpsd;
}
publicvoidsetPsd(Stringpsd)
{
this.psd=psd;
}
publicStringgetRepsd()
{
returnrepsd;
}
publicvoidsetRepsd(Stringrepsd)
{
this.repsd=repsd;
}
publicStringexecute()throwsException
{
RegisterCheckrc=newRegisterCheck();
if(rc.check(getPsd(),getRepsd()))
{
return"success";
}
else
{
return"failure";
}
}
2、在项目中的JavaResources/src路径下新建一个struts.xml文件，并在此文件中对项目的Action进行配置：
struts.xml文件内容：
<?xmlversion="1.0"encoding="UTF-8"?>
<!DOCTYPEstrutsPUBLIC
"-//ApacheSoftwareFoundation//DTDStrutsConfiguration2.3//EN"
"http://struts.apache.org/dtds/struts-2.3.dtd">
<struts>
<packagename="struts2"extends="struts-default">
<actionname="register"class="com.struts2.RegisterAction">
<resultname="success">/success.jsp</result>
<resultname="failure">/failure.jsp</result>
</action>
</package>
</struts>
3、在项目下的WebContent目录下新建register.jsp、success.jsp和failure.jsp文件：
register.jsp代码：
<%@pagelanguage="java"contentType="text/html;charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=UTF-8">
<title>Inserttitlehere</title>
</head>
<body>
<center>
<formaction="register"method="post">
用户名：<inputtype="text"name="username"><br>
密码：<inputtype="password"name="psd"><br>
确认密码：<inputtype="password"name="repsd"><br>
<inputtype="submit"value="提交">
<inputtype="reset">
</form>
</center>
</body>
</html>
success.jsp代码：
<%@pagelanguage="java"contentType="text/html;charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=UTF-8">
<title>Inserttitlehere</title>
</head>
<body>
<center>
<h1>注册成功</h1>
</center>
</body>
</html>
failure.jsp代码：
<%@pagelanguage="java"contentType="text/html;charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=UTF-8">
<title>Inserttitlehere</title>
</head>
<body>
<center>
<h1>注册失败</h1>
</center>
</body>
</html>
五、运行Web项目
部署好web项目后，在浏览器输入“http://localhost:8080/struts2/register.jsp”，即可运行项目，输入数据测试是否配置好。
‘捌’ 作为一名前端开发工程师,需要掌握html5哪些知识
随着移动互联网的发展，web前端逐渐受到企业的重视，前端开发人员的薪资也水涨船高，越来越多的人看好前端行业的发展，想要转行加入。下面，给大家分享一份web前端学习路线图，希望对初学者有所帮助。Web前端行业的发展，让前端人员能完成比以前更多的职责范围，所以未来前端可以宽口径就业，前景非常好。
对于零基础的人而言，要怎么学习web前端呢?
1、 前端页面重构。主要内容为PC端网站布局、Photoshop 工具及切图、H5移动端网页布局、HTML5+CSS3新特性与交互。学习目标是完成PC端网站布局，可实现响应式布局，一套代码适配 PC 端、移动端、平板设备等。
2、 前后端网页交互。主要内容为JavaScript语法全面进阶、ES6 到 ES10 新语法实践、jQuery 应用及插件使用、设计模式及插件编写、封装JS工具库及Web APIS、AJAX+PHP+MySQL前后端交互、前端工程化与模块化应用以及PC 端全栈开发项目等。学习目标是可以掌握前端工程化工具，如 git、gulp、webpack 等，搭建项目及开发项目。
3、 Node.js + 前端框架。主要内容为Node.js 全面进阶、Koa2+MongoDB搭建服务、Vue.js 框架、React.js 框架、小程序云开发与小程序框架、原生APP与混合APP、数据可视化与桌面应用等。学习目标是掌握桌面应用及可视化大数据，实现复杂数据展示类项目，能够独立完成前后台相关功能，胜任HTML5全栈开发工程师职位。很多学习web前端的朋友都希望在学成后能找到一份满意的工作，所以我们在学习过程中一定要注意实战经验的积累，如果你所学的东西对企业没有用，那你所做的一切都是无用功
‘玖’ 怎样快速做出一个APP的预览界面
1，借助第三方预览软件或网站
LiveView for iPhone & iPad Mobile Application Design & Prototyping Tool
酷站官网：http://www.zambetti.com/projects/liveview/ getsilkscreen.com
如何在iPhone和iPad的等终端预览你的设计图, 这里详细介绍使用方法。
最简单的办法就是
一种方法是你将设计图保存成图片，同步至iPhone，然后使用图片浏览的方式查看。
还有一种就是原型设计方法了，你可以将实现的效果通过Phonegap技术生成app，发布到终端进行查看。下面推荐几个可以同步预览的软件。
腾讯出品的一款iOS app：Ps play 除主要的同步预览PS画面外，还有快照留存、画布设置、email/微信分享等贴心的功能。
工具官方网站地址：http://isux.tencent.com/app/psplay
国内程序师的预览程序Proto view，有iPad端和Mac端，支持WIFI直接同步，可预览PSD、JPG、PNG格式的图，mac端推图进去， iPad马上就显示了，超好用！在iTunes Store里有。如果你是程序员，应该会知道怎么用，呵呵
2、架一个Web HTTP服务，在全屏浏览器里看。 这也是最方便最好用的方法。
3、给iphone或ipad发个邮件就行，带个图片附件，然后你打开邮件预览。原理跟2是一样的。
4、DIY一个webAPP页面，直接在浏览器访问，在 head 里面加上相应的代码，用 safari 的 web clip 保存到桌面还可以预览一下 icon 的效果。
<meta name=”apple-mobile-web-app-capable” content=”yes” />
<meta name=”apple-mobile-web-app-status-bar-style” content=”black”>
‘拾’ 前端工程师需要学哪些课程
Web前端是为了协调前端设计与后端开发之间工作的岗位，是最接近产品和设计的工程师，起到衔接产品和技术的作用，前端为用户可以看到的部分负责，所以也是最接近用户的工程师。
Web前端开发基础技能：HTML、CSS、JavaScript
前端的开发中，在页面的布局时， HTML将元素进行定义，CSS对展示的元素进行定位，再通过JavaScript实现相应的效果和交互。虽然表面看起来很简单，但这里面需要掌握的东西绝对不会少。在进行开发前，需要对这些概念弄清楚、弄明白，这样在开发的过程中才会得心应手。
Web前端开发必知标准：http标准、W3C标准、ECMAScript标准
浏览器要从服务端获取网页，网页也可能将信息再提交给服务器，这其中都有http的连接。W3C标准不是某一个标准，而是一系列标准的集合。网页主要由三部分组成：结构(Structure)、表现(Presentation)和行为(Behavior)。JS是在ES的基础上，为Web浏览器做了一部分封装(增加了DOM操作、BOM操作等)。
Web前端开发加薪技能：jQuery、Ajax、React
jQuery一定是大部分Web前端开发者不可或缺的工具，对jQuery的学习不能停留在只使用它的API和插件上，还要会自己去写jQuery插件、会读jQuery源码、了解jQuery的设计思路。
Ajax是一种用于创建快速动态网页的技术，通过在后台与服务器进行少量数据交换，Ajax可以在无需重新加载整个网页的情况下，更新部分网页的技术。
React主要用于构建UI，你可以在React里传递多种类型的参数，如声明代码，帮助你渲染出UI、也可以是静态的HTML DOM元素、也可以传递动态变量、甚至是可交互的应用组件。
除了要掌握技术层面的知识，Web前端工程师还要掌握理论层面的知识，包括代码的可维护性、组件的易用性、分层语义模板和浏览器分级支持等等。