2024年了解网页设计工程师 篇1
你最起码要先学会html超文本标记语言 再谈其他的
工具方面 我喜欢dreamweaver 8.0 图像及动画方面 我喜欢photoshop cs3 flash 8.0 用这三个做网页基本上无往不利了 不过要想学会没有半年也是不行的学会html之后再学css网页排版 再学javascript网页特效都学会了再去学数据库 这是动态网页的基础 之后再去学asp php
另外我再转给你一段文章 希望你看过后会有所感悟
CSS网页布局是建立符合WEB标准的网页，表现、内容、行为分离。我们要简化我们的代码，让其效率更高。而应用DreamWeaver往往会增加许多垃圾代码，而且不够简化。一句代码能够搞定的设置，DreamWeaver或许搞出四五句话来帮你完成。更重要的是，如果项目是由一个多人团队协作完成，这样由DreamWeaver所制作出来的代码，往往会让其他成员感觉很棘手，一堆代码，没有明确的界定与规律，无从下手与识别。这与table布局时的代码大同小异。
有些朋友或许会说，我们可以使用DreamWeaver的代码提示功能，辅助编码。例如我们在代码中键入“F”往往DreamWeaver就会提示以“F”有关的一些样式，这对于英文基础薄弱的朋友来说是雪中送炭。这个功能我们可以使用，但请注意，不要产生依赖的心理。如果你到了一个新单位，或者加入一个新的项目团队，或者处理一些应急问题，脱离了DreamWeaver这个环境，你很快就愣了，完全不知道如何进行样式的编写。而且这样长久下去，你对代码的含义理解也不够明确与清晰。
如果你想对CSS了如指掌，你想对CSS网页布局的工作非常熟练。建议你扔掉一切辅助软件，用记事本进行开发。如果感觉很困难或者一些单词记不住。没有关系，放一个参考列表在手边，一行一句，一个词一个字母的慢慢的进行编写。一两天以后，你感觉就适应了，一两个星期以后，你就完全熟练了。实践证明这样的付出是值得的，你完全能理解代码是什么，为了少敲字母，你会尽量的想办法去精简你的代码，用很少的代码实现同样的功能与样式设置。假以时日，你的代码就规范了，你就越接近高手的境地了。
2024年了解网页设计工程师 篇2
先说说我们公司开发一个网站的流程，首先是UI设计把界面设计出来，然后产品根据需求由交互设计师把网站的模型做出来，最后前端开发再根据模型用css和html做出静态页面，如果说网页设计师就是前端工程师，那就是敲代码，但事实上网页设计师的本质是设计，前端只是网页设计的一部分，网页设计师需要了解人机交互，用户色彩心理，设计出用户体验性好的页面，我觉得一个优秀的网页设计师更注重的是设计。
2024年了解网页设计工程师 篇3
先回答个问题吧：
A.设计，你是一名有美术基础的学生，有一定艺术基础。
B.制作，你是一名理工科学生，有较强的逻辑思维能力，已经具备了成为一名程序猿的觉悟！
如果你选A：那好吧，你要学习的方向很清晰，由于艺术功底的BUFF加成，你可以很享受工作。你需要学习以下内容：
1.HTML超文本标记语言：虽然HTML也被称为语言，但实际上更应该被称为标签标注，非常简单容易。目前正在使用的是HTML5标准，我觉得学习起来更简单。
发一个参考教程链接，可以先了解一下。
https://www.w3school.com.cn/html5/index.asp
2.CSS层叠样式表单：虽然HTML可以制作出一个功能完整的网站，但他是没有被“美颜”的，要想让你的网站变漂亮，至少要学习这个技术，还好，也不难。
参考教程如下链接：
https://www.w3school.com.cn/css3/index.asp
3.Photoshop：哦，对不起，一名艺术专业的学生怎么可能不会Photoshop，这是必修课，所有网页上的图片、LOGO、Banner等都要用图像处理软件来制作、修改。
4.Axure软件：这个是网站原型设计软件。它可以快速的设计一个网站的用户界面，提交给用户反馈，然后快速修改，直到用户确认。你就可以将这个设计好的原型，提交给同伴去制作成真正的网站了。
好了，选A的同学结束了，恭喜你，靠天赋就能混的不错。
如果你选B：那好吧，恭喜你！格子衫、996、脱毛谢顶走起！学习规划图如下：
1.跑不了的HTML语言：必须一天学会！太简单了，无论是否能熟练应用，但必须一天内学会！学完这个，你就会飘飘欲仙，觉得网站制作如此简单！然后被套牢。
2.逃不掉的CSS样式：即便不完全学会，也要能完全看懂别人写的表单效果，未来是一定会用的！否则以后调试页面会给你逼疯！完全学会也只需要3天，但熟练掌握可能要数月！因为技巧很多，还要注意各种浏览器的坑要填。
3.终极奥义Javascript语言：这里是坟墓！是埋葬了很多人的万人冢！没有网页制作人员能绕的过去，掉进去就会被埋！是否能浴火重生就要看自己的决心了！如果能学会，后面一堆技术都难不倒你。
4.至少学习一个网页框架吧bootstrap：为了快速开发，已经有人帮你整个好了一个库，将前面三种技术整合到了一起，你可以很快速的开发出一个网站来。尤其是网页布局，很容易！2天学会。
至此，网页前台就已经差不多了！
有小伙伴觉得给你的压力还不够，还有一大堆要学的。没关系，你学到上面4个后，自己就会知道还学啥了！不用我们再教你了。
接下来是页面后台了！
要想让你的网站能从数据库中读取数据，并显示出来！或是将文本框中用户输入的数据存储到数据库中。那都要学习后台技术。作为一个初学者，建议你：
1.PHP语言：php是世界上最好的编程语言！（稍等老衲先去包扎一下伤口）。使用会用PHP，可以让你了解网站后台运行的全部机制！相对简单易用。尤其是作为学习阶段，还是可以接触一下的。但现在Java如日中天，用PHP的已经相对减少很多了。
2.Java语言：未来你想从事企业级网站应用的开发、安卓系统移动应用程序的开发，都离不开java！虽然我不喜欢它，但无疑，他是使用最广泛的！
3.. NET技术：好吧，也可以不学，可以跟以上两门语言划等号，可以实现全部的功能。但这个派系人单势微，不提也罢。
4.数据库技术：根据你选择的行业、语言的不同，你可能也会选择不同的数据库技术。这个太麻烦，有需求再细说吧。
5…
6…
这个列表是总也写不完的！一入猿门深似海！这辈子永远学不完！
就到这里吧！
2024年了解网页设计工程师 篇4
你现在最需要的，就是大量练习和实践，先把网页设计师所需的职业技术给掌握了，然后再专研一下网页设计背后的业务问题“为什么这么设计”？带着这样的思路，你做出来的网页，会具有更高的体验度！
我也是从印刷类平面设计职业，过渡到网页设计的。注意这里的用词是“过渡”而非“转行”，因为我觉得这两者，其本质都是解决业务宣传，以及与用户沟通的问题，很多基础的设计理论、美学原理都是共通的。
那么，成为一名专业的网页设计，需要做好哪些功课呢？接下来，且听我慢慢道来。以下内容，皆是我从业以来的学习成长的心路历程，希望对大家有所帮助！
写在前面
目前，关于网页设计的常见类型及方向有：淘宝天猫类型的电商视觉设计、企业官网的设计、新品专题宣传类型的网页设计、后台管控类的网页端UI设计。在日常的工作中这几种也许你都会接触到。在学习之初你还得从软件技能、排版布局、图像处理、切图输出等这些具体的点着手熟悉。
然后再慢慢的上升到对产品的理解、对数据转化率的理解，去解析业务需求，然后推导出合适的网页设计来。以下内容，你可以看作是「如何自学网页设计」的实操攻略，要学习网页设计的朋友也可参考参考一二。
一、学习网页设计之前，你需要知道的4件事。
自学网页设计，你首先得了解网站的制作流程。有了全局的概览后，能对接下来需要学习的知识了然于胸。然后再做有针对性的学习和训练，方能够更高效率的入门网页设计。
1、网站的制作流程
引用于：自学网页设计，需要了解的网站开发流程
通常情况下，任何一网站的建立，都会经过“分析策划—交互设计—视觉设计—前端制作—后端制作—测试上线”6个环节。
在实际的工作岗位中，一般由“网页设计师”负责「视觉设计」板块，即我们平常所说的「网页设计」。而「前端制作」环节则主要有“前端工程师”来负责，即用代码来重构还原设计师的视觉稿，这一环节也就是我们平常所说的「网页制作」。
很多初学网页设计的朋友，对这两者的关系往往是傻傻分不清楚的状态，对自己的专业定位没有清晰的认识。这就导致学设计的同学，后来干到了“前端工程师”的岗位，学前端的孩子开始猛补“设计知识”，这个就是要走偏的节奏。
2、网页设计，是以视觉设计为主的工作。
自学网页设计的核心任务是学习“视觉设计”相关的知识点。用什么样的排版，或者富有创意的表现形式，才能如何更加高效的传达版面信息？如何规划页面路径？用什么样的颜色，以及多大的字号？这是新手学习网页设计应该画下的重点。
一个网页被设计出来，是给人用，给人看的。 要好看（简洁）、要好用（高效）这才是一个设计师需要反复考虑的。视觉+交互，是网页设计师的核心竞争力。
其中“视觉设计”的依据，源于前面的策划和交互设计。最后出具的“视觉设计稿”得符合品牌定位，满足生产运营、以及用户需求，这是网页设计师必修的基本功！
3、网页制作，是以前端代码为主。
网页制作在协作流程上，紧跟设计之后。这部分工作通常是由WEB前端工程师来完成的，工程师通常会运用到HTML、CSS、以及JavaScript、jQuery等网页前端代码，来还原网页设计师的“视觉设计稿”，以及交互动画等。
“前端工程师”除了要配合网页设计师外，还要配合做后端工程师，做好网页端的数据收集处理等工作。如果你要励志成为一个优秀的网页设计师，请牢记自己的岗位职责和学习重点，在没有认清“视觉设计”前，要当心自己是不是越位到Web前端开发这个坑里去了。
▽图例：优秀的电商网页设计作品，视觉合成。作者：尚云
再比如优化网站所需的SEO、Ajax等技术，虽无需你动手实践，但能做到了解一二，也是不错的加分项。在设计的时候，也可充分利用这些规则和技术来规划你的版面，使其更加的专业友好。
4、那么问题来了，新手学习网页设计要学些什么？
(1).首先要精通设计软件，把Photoshop玩转，这是网页设计的主力工具！
(2).深入学习排版设计、色彩构成，掌握视觉基础规律（构成、透视、光影）
(3).掌握网页设计规范、设计创意的表达思路流程。了解常见的网页布局形式，学习交互设计等基础知识。
(4).了解前端代码HTML、CSS、JS、JQuery的运用，学一款代码编辑软件（如：Dreamweaver）
(5).了解你设计网站的公司及产品，熟悉这个公司及其产品面向的人群！
(6).拓展学习网站优化、开发、后台数据处理常识（加分项目！）
前四个是基本功，后面的是加分项。越靠前越重要！
二、从这里开始着手，系统学习网页设计。
1.从设计书籍着手，学习网页设计理论。
(1).网页设计实践畅销：《界面设计模式(第2版)》
(2).设计入门启蒙书籍：《写给大家看的设计书(第4版)》
(3).色彩搭配实践书籍：《互联网产品(Web/移动Web/APP)视觉设计·配色篇》
(4).网页交互设计经典：《简约至上：交互式设计四策略》
(5).如何制作响应式网页：《响应式Web设计实践》
2.从视频教程着手，学习网页设计实践技能。
学习路线参考：http://www.xxriji.cn/career/7.html
(1).【基础】视觉设计基础理论：学习三大构成、素描基础。
(2).【基础】必备网页设计软件：学习Photoshop视频教程、Dreamweaver视频教程。
(3).【核心】网页设计专业知识：学习网页设计设计概述、制作流程、视觉元素、色彩搭配、以网页布局排版、切图、交互知识等。
(4).【核心】网页设计视觉提高：学习网页设计思路，将文案创意到视觉化呈现的全过程，以及画面光影细节刻画的技能提高。
(5).【拓展】更好的团队协作：学习HTML+CSS网页前端课程。
知识的学习并非一成不变，不同公司的岗位职责、业务工作内容各不相同，以上只是从最基础的层面谈到了一些通识的东西，希望对初学者有所帮助
2024年了解网页设计工程师 篇5
您好！很高兴回答您的问题！
一、平面
平面设计是这三种设计里最“古老”的专业了，可以说平面设计是一切设计的鼻祖，学任何设计都绕不开它。因为所有的设计理论比如配色，排版，字体等都是平面的基础也是设计的基础。同时平面设计也是比较复杂的，因为除了要了解基本的设计技巧以外也要了解材质，工艺等，不同的工艺和材质出来的效果也是千差万别，甚至在预算上都会差出好几个层级。
1.1载体
平面的载体在三类专业中算是比较多的，最常见的就是纸了，当然纸也分为了很多种，最常用的是铜版纸。铜版纸又根据克数的不同用途也有所区别。用到纸质的设计有画册，单折页，海报，杂志，名片等。这里关于名片多说一句，很多人说名片那么小的尺寸，如何才能有设计感？加的内容和装饰多了会显着很乱很拥挤，加的内容少了又给人的感觉没有设计感，这个问题如何解决呢？最简单的方法就是简约的设计+高档的纸+恰当的印刷工艺。不过这里所说的名片是比较高档的名片了，在公司里也是处于中高管理层的，一般的业务员因为分发的名片量比较大，所以就用最普通的纸就可以了，控制成本。
平面设计中还会用到的载体是喷绘和灯箱片用到的一种类似塑料的材质。此类材质的设计手法与其他设计无异，关于此类材质多说一句就是设计时的分辨率设置。一提到平面设计的分辨率很多人的第一反应就是300，这是个绝对的误区，其实在平面中也会用到150，72，甚至30。那这是如何划分的呢？最简单的一种解释方式就是阅读距离。一般捧在手上看的设计分辨率为300，比如杂志／单折页／画册等，因为阅读距离很近，如果分辨率比较低，会出现很明显的不清楚情况。
再有海报的设计一般是挂在墙上的，我们阅读时是有一些距离的，所以分辨率设置为150到200即可，很多人会问设计成300可不可以？当然可以，但有几个前提，首先你能找到那么大尺寸同时是300分辨率的素材图片，再有就是你的电脑是不是都能够带起来这么大尺寸同时分辨率又很高的文件，还是建议大家不要尝试了，结果一般比较惨。
再有还有72和30的分辨率，此类分辨率会用在阅读距离更远的设计上，比如马路上的大型围挡，商场大厦外面的五六层楼高的大型海报。
最后要提的一个材质是最近几年流行起来用的比较多的就是电子屏，在商场大厅，电梯墙壁，写字楼前台等地方现在都会用到电子屏来展示一些海报／通知／活动等。此类材质的好处就是更新内容方便，节省印刷成本，最重要的是没有印刷后果。印刷的风险比较大，因为印刷不可逆，印刷出来后出现了问题，基本没有补救的措施，而电子屏则没有这个风险。当然它的缺点就是没有很强的流通性，一般只能在固定的一个地方进行展示。
1.2用途
平面设计包含的品类是比较多，常见的画册／海报／单折页／名片／书籍装帧甚至包装等传统设计基本都是平面设计师的工作。除了这些印刷品以外还有logo设计，VI设计等工作。平面设计的品类就是比较多，所以想做一个优秀的平面设计师没有个几年的历练是很难达到的，这也是最初平面设计师转UI设计师和电商设计师比较容易比较多而网页转平面不容易的原因所在了。
平面设计师设计出来的内容很多，刚才提到了logo，VI我们统一称为品牌设计。画册，海报，包装我们统一称之为物料设计。两类设计统一归放到平面的名下一定是有原因的，品牌设计是用来宣传企业品牌的，规范企业的设计视觉，统一企业的宣传口径。
画册，海报，包装等物料是用宣传企业产品的，使自己的产品在原有的基础上更具商业价值。最具代表性的就是包装，我们经常会看到很多普普通通的产品包裹上漂亮的包装后，价格就会成倍的增长。所以不管是品牌也好还是物料也好都是用来做“宣传”的。这也是平面设计师最鲜明的特点，设计出来的东西用来做宣传。这个东西本身并不是产品，也不具备什么商业交易价值，都是为了公司为了产品服务的。
1.3技能
因为平面设计师需要做的内容涵盖的比较多，所以对于技能方面的要求也比较全面。比如除了最基本的PS／AI／ID等设计软件以外，还有了解到排版印刷工艺，材质使用，字体设计等。如果各位将来是做平面设计的话，印刷材质是关键，就像刚才说名片时提到的，同样的设计，如果材质不同给人的感觉也是完全不一样的。所以这一块除了看书学习以外，更直接的方式就是泡在印刷厂里，跟着老师傅走几遍流程，学到的东西会受益匪浅的。
二、网页设计
网页设计在现在的工作中又分成了两个工种，一种就是常规的网页设计师，设计企业的官网，或者是一些具备功能性的网站。另一种是电商设计师，在五年前，这个工种依然不被人看重，即便是现在也有很多电商企业称自己家的设计师为美工，这也就造成了很多设计师会不愿意来做电商设计，更不想承认自己是美工。但实际上做的好的电商设计师工资也是非常可观的，尤其是在一些大型的店铺，此类店铺的视觉自然也是能够在圈里数一数二的了。
2.1载体
网页的载体比较单一，在之前就主要是在PC端运用，后来移动互联网的流行与普及，使得网页在手机上也流行起来，还有平板等。为了保证能够多端正常显示，在html5和css3的帮助下流行开的一个名词叫着“响应式设计”，也就是使我们的网页能够在任何平台上都正常显示。
2.2用途
刚才我们说平面设计时提到了一个名词就是“宣传”。如果给网页也用一个名词概括的话，我觉着就是“载体”。没错，网页本身就是载体，企业站乘载了公司的产品信息，企业文化，品牌宣传等，是普通人了解一家企业的最基础入口。而类似于天猫淘宝此类的功能性网站，也是将网页作为了一个平台一个载体，来进行产品的销售的。网页本身是一个“容器”，里面“装”的内容决定了一个网页的价值。
2.3技能
在说平面时我提到了平面设计师转网页设计师是比较好转的，因为网页设计师同样需要具备对于色彩，排版和字体的敏感度。软件除了要会PS和AI以外还要需要了解Html和Dw。这里一定要跟大家强调的是网页视觉设计师不用对代码有非常深入的研究，因为在一家健康的运行公司里网页视觉设计师和前端工程师是两个工种。对于代码的态度是了解基础即可，深入了解如虎添翼。如果是做电商设计的话，从现在的趋势和2016年双十一的店铺设计来看最近一年是3D轻质感的天下，所以有心的设计师一定要会一款3D软件，市面上很多，3D MAX／MAYA／C4D等，给大家推荐的是C4D，出效果易上手。
三、总结
设计这个行业是一个充满了很多无奈的地方，表面光鲜，后面因为客户、资金、想法等所经历的坎坷只有自己体验了才知道。之前说过一句话，如果是因为看到了这个行业挣钱就来这里做的话，可以，没有问题。但是如果你很难使自己喜欢上设计的话，那还是奉劝各位需要慎重啊。因为如果不是真心喜欢的话，挣在再多钱也很难坚持下来，半途而废虎头蛇尾的事在这行里很常见的。
最后我一直跟人分享的一句话就是师父领进门 ，修行在个人。作为设计师你需要了解的是这个世界上最新的东西，紧跟时代，任何新东西的产生没有设计师是出不来的。所以无论是科班出身还是专业培训，一直都要做的就是自学。不要想着通过喷几句大品牌的设计来凸显自己的逼格更高，你自己的专业度和审美是无法和苹果几百人的团队来比拼的。喷Instagram的图标丑的都是没有用过的人。有心的人能谦虚的去看比自己优秀的作品，找出好处加以学习使自己进步。
最后说一句设计这个行业对于学历没有特别的门槛，你可以没有学历，但不能停止学习。
2024年了解网页设计工程师 篇6
其实这个问题，完全取决于你将来的职业走向，或者个人的性趣爱好。
首先两者的区别，一个是前台，一个是后台。
两者的语言也不一样。
数据库有国家认证的职称工程师
网页只有知名私企的认证。
如果是网页设计，像很多的APP，门户网站都需要你来设计，排班，布局，SEO搜索引擎优化，显示方式，数据调用等等，简单来说，就是让一个网站的网页呈现在你面前是什么样，当然也要美工的配合，相对来说，这个能直接影响到用户的第一观感。
数据库牵扯到后台的数据存储，设计，写入，读取等，相当于幕后，不过有些复杂。
如果你是初学，并且爱好，我建议学网页设计，初期很快能做出东西，有成就感，如同绘画一般，会激发你坚持走下去的兴趣
2024年了解网页设计工程师 篇7
网页设计师主要的工作是用photoshop或者是类似的软件来将页面画出图形来。而前端工程师是将网页设计师画出来的设计图形变成真实的网页。这是完全两种不同的工种。
一般来说网页设计师都能做一些平面设计和ui ue的设计，甚至你拍了几张照片儿，也可以要求网页设计师帮你ps一下，美化一下。而前端工程师一般来说都不会做这相关的东西。
前端工程师是一个编程类的岗位，他需要掌握的语言有html和css，还有js。
简单点说，网页设计师就是画画的，而前端工程师是写代码的。
以上文字只是我的个人观点，如果各位看官有不同的观点，欢迎在评论区中讨论留言。
如果喜欢我的回答，可以给我点赞，转发并关注我，我在这里谢谢大家了。
2024年了解网页设计工程师 篇8
石家庄新华学校网站设计培训目标：
1、通过学习使学员了解创意方法、设计方式、项目流程等设计应具备的网页美术设计师的岗位技能，使学员具有独立完成Web站点设计的能力。学完后能从事网站的美术设计、页面开发制作、界面设计、流媒体设计等工作。
2、通过学习使学员能运用ASP技术开发相应的基于B/S的应用程序;了解开发网站的整体管理、维护、建设等方面的前后台程序的流程和规范;掌握网络的的基本维护和管理，并能熟练对SQL数据库进行管理、设计等。完成本专业课程能够胜任网站开发工程师等职位，并能独自开发网站，具备网站开发的技能和项目实战经验。