如何成为一名网页设计工程师？具体应该怎么做？_百度知道
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。
如何成为一名网页设计工程师？具体应该怎么做？
要成为一名网页设计工程师，必须你要懂得网页设计，可以到学校学习或者自学。成为网页设计工程师需要掌握的有：一、熟练操作Dreamweaver及Photoshop； 二、能够简单操作Flash、Firework、Illstrator等作图工具； 三、如果是涉及编程，需要能够操作asp、php、.NET其中一种编程语言； 四、尽可能多的理解熟悉各种网站的基本架构表现。 五、理解能力及沟通能力强。
采纳率：95%
来自团队：
.NET其中一种编程语言； 四、Firework、Illstrator等作图工具； 三、能够简单操作Flash一、熟练操作Dreamweaver及Photoshop； 二、最重要的一点：理解能力强或善于沟通，需要能够操作asp、如果是涉及编程、尽可能多的理解熟悉各种网站的基本架构表现。 五、php
本回答被提问者采纳
你想想一个软件今天用这个明天用那个，你最重要的还是学好PhotoShop。这个东西精通了以后以后无乱做什么都可以的啊。 你要掌握的是：PhotoShop&gt，但是你必须更得上网络的发展，你才能成为网页设计师。 ------------------------------------------------------------------------ 当然对一些软件精通不是网页设计师的本质要求，作为一个网页设计师需要培养自己对美术的感觉。 不断学习的能力;ASP……，你能都精通吗。 你明年还要一门asp的课程，也许就在一两年后，一种新的网页程序就会取代它。 一个人没有时间去学习每一个东西;&gt。从HTML&&CSS+DIV&&Dreamweaver&&Flash。然后学一点基本的语言，我告诉你，也许现在你学习asp还能用上派场
一、熟练操作Dreamweaver及Photoshop； 二、能够简单操作Flash、Firework、Illstrator等作图工具； 三、如果是涉及编程，需要能够操作asp、php、.NET其中一种编程语言； 四、尽可能多的理解熟悉各种网站的基本架构表现。 五、最重要的一点：理解能力强或善于沟通。
其他1条回答
为您推荐：
其他类似问题
网页设计的相关知识
等待您来回答网页设计师需要具备哪些条件?
　　网站制作的环节中少不了网页设计师参与，不同的网页设计师做出来的页面不一样，有时候页面效果还存在很大的质量差异。如何检验一个网页设计师的水平呢?用什么方法来判断呢?下面小编就给大家介绍网页设计师应该需要具备哪些条件。图片来源于网络　　条件一、较强的网站审美能力和具备一定的美术功底　　无论是不是设计师都应当首先懂得欣赏网站，对于具有设计感的网站有着独到的见解，可以分析出其他设计师作品的设计理念和思想，而这一切都是需要较强的审美能力的，这种能力有些人是与生俱来，有些人则是后期培养出来的。网页设计师不一定非得能够绘图或者是能够设计出多么精美的平面设计，但是必须对于颜色具有敏锐的嗅觉;对于元素的搭配具有合理的概念;对于框架的搭建具有严谨的规范;对于整体效果的设计具有无限的想象空间，这就是一名网页设计师应当具备的美术功底。　　条件二、较强沟通能力及领悟力　　沟通能力的好坏其实对于设计师来说相当的重要，如果具备较强的沟通能力，那么很多工作都可以事半功倍，可以让客户很快接受你的从而减轻不必要的工作量。　　客户更多时候其实特别喜欢与设计师直接交流，其实这是一个非常好的工作方式，设计师能够迅速掌握客户的想法，但是大多客户都不懂网页设计，对于自身的想法也不能表达的十分清楚，那么这个时候设计师如果具备较强的领悟能力，就可以很快把握客户的要求便于开展下一步工作。　　条件三、熟练掌握网页制作工具　　其实这点可以一带而过，如果连网页工具都比较生疏，那就无法谈及其他了。　　条件四.不断学习，尽快掌握最新技术　　网站及其他网络相关技术的更新频率十分快，所以一个合格的网页设计师怎么能够不与时俱进呢?所以要通过不断的学习来掌握最新的技术。　　条件五、要有足够的创新理念网页设计师不是单纯的制作网站，更多的是强调设计二字，所以设计师要懂得学习找寻灵感，借鉴别人的优点，能够脱离设计的束缚，足够大胆来设计创新作品。　　条件六、良好的心态　　设计作品被别人吐槽这是家常便饭，设计师万不能因为多了几次被吐槽就心灰意冷，甚至自暴自弃，遇到这种情况首先要学会理性对待，调整心态，总结到底差在哪儿，通过与其他设计师的交流互通找出自己作品的短板，这样其实是可以很好提升设计水平的。　　条件七、具备优质的服务意识　　设计是一项服务，所以设计师一定要有优质的服务意识，千万不要单纯的把自己的工作固定在电脑屏幕中，因为这只是服务的手段，真正服务的目的是客户，是人，无论是为了提升网络公司的业绩还是提升自己的设计水平，这一切都是为了客户服务，缺少了服务意识就一定不能成为一名合格的设计师，不单单是网站建设行业。
&&& &&最新资讯
&&&&关键词分类
&&& &&联系我们
杭州吾诺瀚卓网络科技有限公司
400-008-0088
地址：杭州市西湖区文三路478号华星时代广场 21 层
&&& &&我要评论
已有条评论，共人参与
&&&最新评论
Began to make an appointment如何去设计一个自适应的网页设计或html5_百度知道
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。
如何去设计一个自适应的网页设计或html5
我有更好的答案
iPad版本、在进行设计的时候不能使用绝对宽度由于网页会根据屏幕宽度调整布局，即16像素，同时要维护好几个版本，而且如果一个网站有多个portal（入口），会大大增加架构设计的复杂度。于是。如果屏幕宽度在600像素到1300像素之间，就是CSS3引入的 Media Query模块、CSS的@media规则同一个CSS文件中;}}上面的代码意思是，如果屏幕宽度小于400像素，则column块取消浮动（float。对于那些老式浏览器（主要是IE6、7、8），很早就有人设想，能不能”一次设计，普遍适用”，让同一张网页自动适应不同大小的屏幕，根据屏幕宽度.875em。它的意思就是，自动探测屏幕宽度？其实并不难.es上面有更多这样的例子。这里还有一个 测试小工具，则加载smallScreen.css文件。除了用html标签加载CSS文件，则6张图片分成两行.5倍，即24像素（24&#47，然后加载相应的CSS文件。上面的代码意思是。二，网页设计师不得不面对一个难题：如何才能在不同大小的设备上呈现同样的网页。如果屏幕宽度在400像素以下，则6张图片分成三行。mediaqueri。h1 {font-}这行代码对于大多数嵌入网页的视频也有效，所以可以写成，所以只好写成：img { width: 100%; }此外，如果屏幕宽度小于400像素（max-device-width: 400px），就加载tinyScreen.css文件。如果屏幕宽度在400像素到600像素之间：img { max-width: normal 100% Helvetica, Arial，需要使用 css3-mediaqueries.js，windows平台缩放图片时，可能出现图像失真现象，加入一行 viewport元标签。viewport是网页默认的宽度和高度，上面这行代码的意思是：width：img，可以在一张网页上，同时显示不同分辨率屏幕的测试效果；PC的屏幕宽度，还可以在现有CSS文件中加载。@import url(“tinyScreen.css”) screen and (max-device-width:none）！从而给移动互联网带来新的挑战！移动设备正超过桌面设备，成为访问互联网的最常见终端。于是。三？手机的屏幕比较小，宽度通常在600像素以下;}老版本的IE不支持max-width，网页宽度默认等于屏幕宽度（width=device-width），原始缩放比例（initial-scale=1）为1.0，即网页初始大小占屏幕面积的100%。所有主流浏览器都支持这个设置，包括IE9: 100%; }或者，Ethan Marcotte的 imgSizer，也要非常小心。六、选择性加载CSS“自适应网页设计”的核心，”自适应网页设计”还必须实现图片的 自动缩放。这只要一行CSS代码，即14像素（14/16=0。这时，可以尝试使用IE的 专有命令。如果屏幕宽度在400像素到600像素之间，则导航栏移到网页头部，也不能使用具有绝对宽度的元素。这一条非常重要。具体说，CSS代码不能指定像素宽度：width:xxx px: absolute）的使用，我推荐安装: xx%;或者width:auto:width: 70%、需要允许网页宽度自动调整“自适应网页设计”到底是怎么做到的，有的还达到了2000像素。同样的内容，要在大小迥异的屏幕上.main {}上面的代码指定，字体大小是页面默认大小的100%，越来越火爆.875）。五、流动布局（fluid grid）或瀑布流“流动布局”的含义是: 1.5}然后，h1的大小是默认大小的1，绝对定位（position、相对大小的字体字体也不能使用绝对大小（px），而只能使用相对大小（em）。body {font：img { -ms-interpolation-mode:}#sidebar {display:none，也可以根据不同的屏幕分辨率。small {font-size: 0;四，都呈现出满意的效果，并不是一件容易的事.leftBar {float:width: 25%: 400px);16=1.5），是为不同的设备提供不同的网页，比如专门提供一个mobile版本，各个区块的位置都是浮动的，不是固定不变的。;}small元素的大小是默认大小的0.875倍，选择应用不同的CSS规则。@media screen and (max-device-width: 400px) {.column {float:width:}float的好处是，如果宽度太小。这样做固然保证了效果，但是比较麻烦，更多需求跟随而来！APP应用市场和APP应用数量成倍成倍的增长.js。addLoadEvent(function() {var imgs = document.getElementByIdx_x(“content”).getElementsByTagName_r(“img”);imgSizer.collate(imgs);});不过，有条件的话，最好还是根据不同大小的屏幕，加载不同分辨率的图片。有 很多方法可以做到这一条，服务器端和客户端都可以实现。只要遵循这8条设计准则，我相信你们可以很快的设计出自适应的网页出来, object { max-width，放不下两个元素。很多网站的解决方法，自动调整布局（layout）？一、了解什么是”自适应网页设计”自从2010年，Ethan Marcotte提出了 “自适应网页设计”（Responsive Web Design）这个名词、并做出相应调整的网页设计。他制作了一个 范例，里面是《福尔摩斯历险记》六个主人公的头像，一般都在1000像素以上（目前主流宽度是），指可以自动识别屏幕宽度;};只能指定百分比宽度: 100%，所以不能使用绝对宽度的布局。首先，在网页代码的头部，或者iPhone &#47。如果屏幕宽度大于1300像素，则6张图片并排在一行、宽度自动调节（width:auto），sidebar块不显示（display:none）。八、图片的自适应（fluid image）除了布局和文本;七, sans-serif，后面的元素会自动滚动到前面元素的下方，不会在水平方向overflow（溢出），避免了水平滚动条的出现。另外如今移动互联网随着3G的普及
电子产品技术支持
为您推荐：
其他类似问题
您可能关注的内容
html5的相关知识
等待您来回答前端入门篇（一）：如何把设计稿还原成真实网页 - 简书
前端入门篇（一）：如何把设计稿还原成真实网页
如果你对网页设计及开发感兴趣，但是对标题里出现的第一个名词就摸不着头脑，先不要方。本文对小白友好，零基础可读，保证你读完能了解网页开发的基本思路和流程，明白网页设计稿是怎样被开发实现的。
一、什么是前端
首先，所谓的前端是指什么呢？前端（front-end）是相对后端（back-end）而言的，是描述进程开始和结束的通用词汇。在计算机程序中，前端作用于采集输入信息，后端进行处理。
而我们通常所说的「前端」，一般是指web前端，可以理解为网页的界面样式和视觉呈现。所以，前端设计一般视作网站的视觉设计，前端开发则是视觉设计的代码实现。
二、前端开发语言
HTML、CSS和JavaScript是前端开发中三种最基础的代码语言。看到代码你先别急着关网页，先来欣赏下使用不同程序语言的程序员之间的鄙视链（笑）。
汇编 &C &C++ &Python &Java 及 C# 及 PHP（这三者相互撕） &VB &那些坚持把HTML称为程序语言的人
所以你大概明白了，对于完全零基础的人来说，前端开发所用的语言（除了JavaScript），是相对比较容易学习和上手的。
2.1HTML/CSS/JavaScipt
你可以把网页想象成一间房子。HTML决定了网页的框架结构——有几间房间、作什么用途、里面摆放什么东西，CSS决定了网页的样式——房间是如何装潢的（如墙壁是什么颜色的），JavaScript则决定了网页上的用户交互和数据处理——用遥控器遥控电视。
下面简单介绍一下HTML和CSS语言的用处和用法，如果想继续学习，可以参考翁恺老师的两门公开课程——和。
HTML是一种网页标记语言。它主要是利用标签来告诉浏览器，标签之间的东西是什么——是标题、段落、图片还是链接等。浏览器则会根据HTML标签，相应地作出显示。下面举几个栗子：
&h1&这是1级标题&/h1&
&p&这是段落&/p&
&a href=“这是链接地址”&这是链接的文字&/a&
&img src=“这是图片的路径或链接地址”/&
CSS中文名叫做「层叠样式表」，从名字里就可以看出，它是一种声明样式的文档。我们可以通过链接外部css文档，或者将样式写在HTML文档的&head&&/head&标签中，抑或在HTML标签中内嵌属性style=""来实现对样式的定义。举个例子，我们要让&p&这个段落&/p&的背景变成灰色，就可以用以下三种方法实现：
/*方法一：直接用style属性*/
&p style=“background-color:”&这是段落&/p&
/*方法二：在HTML文档的&head&标签中声明（会应用于页面中所有的&p&&/p&段落）*/
background-color:
/*方法三：通过外链实现*/
//另建一个css文档，在其中写上方法二中&style&标签间的内容，再在HTML文档中作如下声明
&link href=“css文档的路径” rel=“stylesheet" type=“text/css” /&
三、网页上的框
代码语言只是前端开发实现的基础工具，要还原一个网页视觉稿，你还需要掌握以下的方法，并且记住——网页上的所有东西都盛放在框中。
3.1Chrome开发者工具
Chrome开发者工具是对前端开发最有用的神器，对，没有之一。它不仅可以让你看到网页的源码，每个元素的样式、构成，还能让你编辑源码并且实时查看页面效果。
你可以在Chrome的菜单栏中，点击更多工具&开发者工具打开开发者工具，也可以在网页任意位置右击，点击检查打开。打开后，可以同时看到网页页面和开发者工具窗口。其中开发者工具左半边是HTML的源码，里面有各种各样的元素，右边显示的是你在左半边选择的元素的样式。
Chrome开发者工具
点击开发者工具左半边窗口中的各种标签，你可以看到页面上你所选择的元素周围出现了一个亮色的框（如上图所示）。这就是所谓的「任何一个页面元素都盛放在框中」。
3.2如何框化视觉稿
知道了网页元素都盛放在框中对于前端开发有啥用呢？用处可大了去了。现在，假设你是一个前端开发工程师，设计师给了你如下的设计稿，你该做的第一步是什么呢？
那就是把设计稿上你能看到的所有元素都放进框中，不光是那些天然已经是框状的图片，还有那些不呈现为方框状的文字等。实际上，一个HTML的标签（例如&p&123&/p&）就是一个框。
框化视觉稿
还要注意的是，框是可以嵌套的。所以，要框化这个视觉稿，你首先应该找出一个包括整个页面的最大的框，然后再找出将页面明显分成几块的次大框，再找更小的框，一直找下去，直到无法再分下去。
3.3框化后的代码实现
等你把所有元素都框化以后，就可以着手开始写代码还原设计稿了。顺序是从最外面的框写起，不断往里面写。这里面有的框是并列关系，比如：
&p&我是段落一，也是框一，我和二是并列哒&/p&
&p&我是段落二，也是框二，我和一是并列哒&/p&
也可能是包含关系：
&p&我是段落方框，我被外面的div层的框所包围&/p&
四、前端开发的流程
有了工具和方法，那网页设计稿的实现具体是怎样操作的呢？步骤可以概括如下：
从设计师那里（或者自己设计好）拿到网页的设计稿
分析设计稿，找到那些现成的框
找出那些样式重复的元素（或框）——如1级标题、2级标题、段落等
写HTML代码，把内容盛放进框中
写CSS代码，定义元素（或框）的样式（从大的样式特征——如框的宽度，到小的——如字体字重）
保存代码，在浏览器中打开，检查和设计稿的差距，调整代码
重复4-6步直到还原设计稿
工具癖 | 伪极客 | 成长中的产品汪
CSS 绝对底部 - 前端 - 掘金来自国外的设计达人，纯CSS，可以实现: 当正文内容很少时，底部位于窗口最下面。当改变窗口高度时，不会出现重叠问题。甚至，创造该CSS的人还专门成立一个网站介绍这个CSS底部布局方案。不知道他有没有去申请专利:)&!DOCTYPE htm...
用两张图告诉你，为什么你的 App 会卡顿? - Android - 掘金Cover 有什么料？ 从这篇文章中你能获得这些料： 知道setContentView()之后发生了什么？ ... Android 获取 View 宽高的常用正确方式，避免为零 - 掘金相信有很多朋友...
用两张图告诉你，为什么你的 App 会卡顿? - Android - 掘金 Cover 有什么料？ 从这篇文章中你能获得这些料： 知道setContentView()之后发生了什么？ ... Android 获取 View 宽高的常用正确方式，避免为零 - 掘金 相信有很多...
问答题47 /72 常见浏览器兼容性问题与解决方案？ 参考答案 (1)浏览器兼容问题一：不同浏览器的标签默认的外补丁和内补丁不同问题症状：随便写几个标签，不加样式控制的情况下，各自的margin 和padding差异较大。碰到频率:100%解决方案：CSS里 {margin...
DOMDOM节点DOM的概念DOM是文档对象模型（DocumentObjectModel）的简称，它的基本思想是把结构化文档（比如HTML和XML）解析成一系列的节点，再由这些节点组成一个树状结构（DOMTree）。所有的节点和最终的树状结构，都有规范的对外接口，以达到使用...
001： 我是个选择困难症户，小到工作大到生活；往往总是不辨主次。 记得刚开始参加工作，还不太懂得拒绝，往往文案总一下子推上几十分，每一款都被标注急！急！！急！！！每每这个情况出现，除了无措还有就是好想甩手不干有木有？！每个小时总有60分钟不知道应该先做什么。 经历了很多次...
姓名：罗海馨
年龄：12岁 小组：第5组 #九十天目标及完成情况# 1、家长目标： 完成了阅读计划。养成了早睡早起，锻炼身体的好习惯。 2、孩子目标： ...
brew又叫Homebrew，是MacOSX上的软件包管理工具，能在Mac中方便的安装软件或者卸载软件卸载brewMac更新ElCapitan(OSX10.11)后，ElCapitan的newSIPprocess会使brew的使用造成问题，建议先移除后重新安装ruby-e&...
你的前半生是属于别人的 ，我们总是希望别人给你爱，希望父母、老师给你爱。为了得到爱，我们会觉得自己要做些什么才能得到爱，就像妓女贩卖自己才能获得爱一样。但是没有人能够给你这份无条件的爱。你的后半生是属于自己的，要为自己而活。
Demo详见GitHub：JXTMarkLabel 镂空文字 - JXTHollowOutLabel 镂空文字效果的实现基于drawRect重绘，具体参考了两篇帖子： Drawing a path with subtracted text using Core Graphi...