网页设计前端是什么

一、菜鸟级网页制作软件 如果你是一个网页制作初学者，那么让下面几种软件带你走进那绚丽多彩的网页制作世界吧！ ①Microsoft FrontPage 如果你曾对Word很熟悉，那么相信你用FrontPage进行网页设计一定会非常顺手。使用FrontPage制作网页，你能真正体会到“功能强大，简单易用”的含义。页面制作由FrontPage中的Editor完成，其工作窗口由3个标签页组成，分别是“所见即所得”的编辑页，HTML代码编辑页和预览页。FrontPage带有图形和GIF动画编辑器，支持CGI和CSS。向导和模板都能使初学者在编辑网页时感到更加方便。 FrontPage最强大之处是其站点管理功能。在更新服务器上的站点时，不需要创建更改文件的目录。FrontPage会为你跟踪文件并拷贝那些新版本文件。FrontPage是现有网页制作软件中惟一既能在本地计算机上工作，又能通过Internet直接对远程服务器上的文件进行工作的软件。 ②Netscape编辑器 Netscape Communicator和Netscape Navigator Gold3.0版本都带有网页编辑器。如果你喜欢用Netscape浏览器上网，使用Netscape编辑器真是简单方便！当你用Netscape浏览器显示网页时，单击编辑按钮，Netscape就会把网页存储在硬盘中，然后就可以开始编辑了。你也可以像使用Word那样编辑文字、字体、颜色，改变主页作者、标题、背景颜色或图像，定义描点，插入链接，定义文档编码，插入图像，创建表格等，是不是与FrontPage 2000还有些像?但是，Netscape编辑器对复杂的网页设计就显得功能有限了，它连表单创建、多框架创建都不支持。 Netscape编辑器是网页制作初学者很好的入门工具。如果你的网页主要是由文本和图片组成的，Netscape编辑器将是一个轻松的选择。如果你对HTML语言有所了解的话，能够使用Notepad或Ultra Edit等文本编辑器来编写少量的HTML语句，也可以弥补Netscape编辑器的一些不足。 ③Adobe Pagemill Pagemill功能不算强大，但使用起来很方便，适合初学者制作较为美观、而不是非常复杂的主页。如果你的主页需要很多框架、表单和Image Map图像，那么Adobe Pagemill的确是你的首选。 Pagemill另一大特色是有一个剪贴板，可以将任意多的文本、图形、表格拖放到里面，需要时再打开，很方便。 ④Claris Home Page 如果使用Claris Home Page软件，你可以在几分钟之内创建一个动态网页。这是因为它有一个很好的创建和编辑Frame(框架)的工具，你不必花费太多的力气就可以增加新的Frame(框架)。而且Claris Home Page 3.0集成了FileMaker数据库，增强的站点管理特性还允许你检测页面的合法连接。不过界面设计过于粗糙，对Image Map图像的处理也不完全。 二、中级网页制作软件 如果你对网页设计已经有了一定的基础，对HTML语言又有一定的了解，那么你可以选择下面的几种软件来设计你的网页，他们一定会为你的网页添色不少。 ①DreamWeaver 自制动态HTML动画的网页 DreamWeaver是一个很酷的网页设计软件，它包括可视化编辑、HTML代码编辑的软件包，并支持ActiveX、JavaScript、Java、Flash、ShockWave等特性，而且它还能通过拖拽从头到尾制作动态的HTML动画，支持动态HTML(Dynamic HTML)的设计，使得页面没有plug-in也能够在Netscape和IE 4.0浏览器中正确地显示页面的动画。同时它还提供了自动更新页面信息的功能。 DreamWeaver还采用了Roundtrip HTML技术。这项技术使得网页在DreamWeaver和HTML代码编辑器之间进行自由转换，HTML句法及结构不变。这样，专业设计者可以在不改变原有编辑习惯的同时，充分享受到可视化编辑带来的益处。DreamWeaver最具挑战性和生命力的是它的开放式设计，这项设计使任何人都可以轻易扩展它的功能。 ②Fireworks 第一款彻底为Web制作者们设计的软件 Fireworks的来头实在不小，它的出现使Web作图发生了革命性的变化。Fireworks是专为网络图像设计而开发，内建丰富的支持网络出版功能，比如Fireworks能够自动切图、生成鼠标动态感应的javascript。而且Fireworks具有十分强大的动画功能和一个几乎完美的网络图像生成器(Export功能)。它增强了与dreamweaver的联系，可以直接生成dreamweaver的Libaray甚至能够导出为配合CSS式样的网页及图片！ ③Flash 让你的网页动起来 Flash是用在互联网上动态的、可互动的shockwave。它的优点是体积小，可边下载边播放，这样就避免了用户长时间的等待。#{6FLASH6}#可以用其生成动画，还可在网页中加入声音。这样你就能生成多媒体的图形和界面，而使文件的体积却很小。FLASH虽然不可以像一门语言一样进行编程，但用其内置的语句并结合JavaScripe，您也可做出互动性很强的主页来。有人曾经说过：下个世纪的网络设计人不会用FLASH，必将被淘汰出局！我相信这句话没错！ ④HotDog Professional 制作要加入多种复杂技术的网页 HotDog是较早基于代码的网页设计工具，其最具特色的是提供了许多向导工具，能帮助设计者制作页面中的复杂部分。HotDog的高级HTML支持插入marquee，并能在预览模式中以正常速度观看。这点非常难得，因为即使首创这种标签的Microsoft在FrontPage中也未提供这样的功能。HotDog对plug-in的支持也远远超过其他产品，它提供的对话框允许你以手动方式为不同格式的文件选择不同的选项。但对中文的处理不很方便。 HotDog是个功能强大的软件，对于那些希望在网页中加入CSS、Java、RealVideo等复杂技术的高级设计者，是个很好的选择。 ⑤HomeSite 制作可完全控制页面进程的网页 Allaire的HomeSite是一个小巧而全能的HTML代码编辑器，有丰富的帮助功能，支持CGI和CSS等等，并且可以直接编辑perl程序。HomeSite工作界面繁简由人，根据习惯，可以将其设置成像Notepad那样简单的编辑窗口，也可以在复杂的界面下工作。 HomeSite更适合那些比较复杂和精彩页面的设计。如果你希望能完全控制你制作的页面的进程，HomeSite是你最佳选择。不过对于生手过于复杂。 ⑥HotMetal Pro 制作具有强大数据嵌入能力的网页 HotMetal既提供“所见即所得”图形制作方式，又提供代码编辑方式，是个令各层次设计者都不至于失望的软件。但是初学者需要熟知HTML，才能得心应手地使用这个软件。HotMetal具有强大的数据嵌入能力，利用它的数据插入向导，可以把外部的Access、Word、Excel以及其他ODBC数据提出来，放入页面中。而且HotMetal能够把它们自动转换为HTML格式，是不是很棒?此外它还能转换很多老格式的文档(如WordStar等)，并能在转换过程中把这些文档里的图片自动转换为GIF格式。 HotMetal为用户提供了“太多”的工具，而且它还可以用网状图或树状图表现整个站点文档的链接状况。 三、高级网页制作软件 ①Microsoft Visual Studio 该系列的版本有：2003、2005、2008和未来的版本； 适合开发动态的aspx网页，同时，还能制作无刷新网站、webservice功能等，仅适合高级用户。 ②Jbuilder 不论是各种版本，均适合使用其开发出JSP网页，仅适合高级用户。 ③记事本 别以为记事本功能非常少，软件很简单；但是，如何想使用它来制作网页，也仅适合高级用户；因为在其内容，没有任何可视化的操作可直接制作网页，而只能编写各种HTML代码、CSS代码、JS代码和各种动态脚本，方能制作出网页来。 参考资料： 网站、网页制作（团）

前端开发工程师的主要职责是与交互设计师、 视觉设计师协作，根据设计图用HTML和CSS完成页面制作（也可能是一个人完成所有）。同时，在此基础之上，对完成的页面进行维护和对网站前端性能做相应的优化。另外，一名合格的前端开发工程师，应该具有一定的审美能力和基础的美工操作能力，能很好的与交互及视觉协作。现在的前端工程师可能都需要一定程度上的全栈了，也就是前后端都需要会。不仅需要制作静态页面，包括网站架构，H5等。如今市场上招聘web前端需要你会写JS、会用JS、能设计、切图、懂用户交互等，还需要前端架构是开发和优化框架，及服务器，用户体验等涉汲就比较广，当然全栈式前端工程师工资也就比较高了。

严格说，大中型公司会把网页制作团队分为：网页视觉设计（美工）、前端交互设计（前端）、软件程序开发（程序）。单说前端，你可以百度一下“前端设计”，了解一下这个职位是干嘛的。下面引用一小段：【前端设计师是一个很新的职业，在国内乃至国际上真正开始受到重视的时间不超过5年。但是，随着Web2.0概念的普及和W3C组织的推广，网站重构的影响力正以惊人的速度增长。XHTML+CSS布局、DHTML和Ajax像一阵旋风，铺天盖地地席卷而来，包括新浪、搜狐、网易、腾讯、淘宝等在内的各种规模的IT企业都对自己的网站进行了重构。】因此，从技术上说，前端设计师要至少掌握html极其相关平台属性、css极其相关兼容语法、javascript极其相关框架、ajax极其相关语言（php或asp或json等）——如果是Flash，你还要懂得ActionScript。你要用html写页面，用css做样式，用javascript做交互，用ajax优化交互——一切的一切，提供符合标准的html页面（兼容性好、标签/命名语义化、符合W3C规范、符合SEO规范、符合或遵循网页栅格系统），链接美工和程序。从软件上说，你至少要懂得一款作图工具（切图、优化压缩图片、校正图片）、一款编码工具（组织代站点结构、书写管理代码、或者使用SVN类似的版本控制协作）、一写前端效率插件工具（压缩css或js、调整json数据、调整优化正则表达式、制作地址栏图标、制作APP图标、制作视网膜图像等）——一切的一切，效率工作，严谨风格。从个人职业修养上说，你需要建立良好的工作习惯和技能提升方法——一切的一切，好好学习，天天向上。前端设计师，说起来，是一个技能综合度比较高的职业，首先说，你应该懂数学，一些最基本的交互和计算都是离不开数学的，比较炫酷和提升用户体验的设计，通常也都和数学息息相关（圆周率、随机数、时分秒换算等等），由数学的灵活运用，还可以实现物理上的一些东西（滑动、晃动、弹跳、模拟重力等）。做好前端，说的直接一点差不多就是【写的一手好脚本】——作图有美工，编程有程序——前端设计，就是把图片转换为可嵌套程序使用的标准HTML页面，并站在UEDer（用户体验设计师）的角度去设计和制作良好的交互方法。职业生涯是一个长期的过程，所谓千里之行始于足下，实习阶段，你所学习的并不是如何如何做自己的东西，而是学习团队协作、资源管理和学习方法。好比新兵入伍，不会让你直接去参与大型的活动，而是乖乖训练，寻找自己的优势，探索学习团队协作，找到提升自我的突破口，为以后的发展提供一个良好的工作习惯和处事方法。需要说的一点是，大部分学校的教程都是较老的技术教程，在实际的工作中根本用不上。可以说，实习，差不多是带你进阶自己的技能。当你工作一段时间后会很明显的发现，原来学些学的那些东西到了实际工作中差不多也就是刚入门，各个公司各个团队都有自己的代码管理方法和工作流程，实习中，你应该尝试去接受和学习，公司通常更懂得如何把你的劳动变为金钱，你的价值体现也在于此——工资和物价无关，和你的含金量有关。经验之谈，聊聊而已。

严格说，大中型公司会把网页制作团队分为：网页视觉设计（美工）、前端交互设计（前端）、软件程序开发（程序）。单说前端，你可以百度一下“前端设计”，了解一下这个职位是干嘛的。下面引用一小段：【前端设计师是一个很新的职业，在国内乃至国际上真正开始受到重视的时间不超过5年。但是，随着Web2.0概念的普及和W3C组织的推广，网站重构的影响力正以惊人的速度增长。XHTML+CSS布局、DHTML和Ajax像一阵旋风，铺天盖地地席卷而来，包括新浪、搜狐、网易、腾讯、淘宝等在内的各种规模的IT企业都对自己的网站进行了重构。】因此，从技术上说，前端设计师要至少掌握html极其相关平台属性、css极其相关兼容语法、javascript极其相关框架、ajax极其相关语言（php或asp或json等）——如果是Flash，你还要懂得ActionScript。你要用html写页面，用css做样式，用javascript做交互，用ajax优化交互——一切的一切，提供符合标准的html页面（兼容性好、标签/命名语义化、符合W3C规范、符合SEO规范、符合或遵循网页栅格系统），链接美工和程序。从软件上说，你至少要懂得一款作图工具（切图、优化压缩图片、校正图片）、一款编码工具（组织代站点结构、书写管理代码、或者使用SVN类似的版本控制协作）、一写前端效率插件工具（压缩css或js、调整json数据、调整优化正则表达式、制作地址栏图标、制作APP图标、制作视网膜图像等）——一切的一切，效率工作，严谨风格。从个人职业修养上说，你需要建立良好的工作习惯和技能提升方法——一切的一切，好好学习，天天向上。前端设计师，说起来，是一个技能综合度比较高的职业，首先说，你应该懂数学，一些最基本的交互和计算都是离不开数学的，比较炫酷和提升用户体验的设计，通常也都和数学息息相关（圆周率、随机数、时分秒换算等等），由数学的灵活运用，还可以实现物理上的一些东西（滑动、晃动、弹跳、模拟重力等）。做好前端，说的直接一点差不多就是【写的一手好脚本】——作图有美工，编程有程序——前端设计，就是把图片转换为可嵌套程序使用的标准HTML页面，并站在UEDer（用户体验设计师）的角度去设计和制作良好的交互方法。职业生涯是一个长期的过程，所谓千里之行始于足下，实习阶段，你所学习的并不是如何如何做自己的东西，而是学习团队协作、资源管理和学习方法。好比新兵入伍，不会让你直接去参与大型的活动，而是乖乖训练，寻找自己的优势，探索学习团队协作，找到提升自我的突破口，为以后的发展提供一个良好的工作习惯和处事方法。需要说的一点是，大部分学校的教程都是较老的技术教程，在实际的工作中根本用不上。可以说，实习，差不多是带你进阶自己的技能。当你工作一段时间后会很明显的发现，原来学些学的那些东西到了实际工作中差不多也就是刚入门，各个公司各个团队都有自己的代码管理方法和工作流程，实习中，你应该尝试去接受和学习，公司通常更懂得如何把你的劳动变为金钱，你的价值体现也在于此——工资和物价无关，和你的含金量有关。经验之谈，聊聊而已。

web前端与后端的区别主要是：1、要搞懂区别，我们首先要知道他们是什么。Web前端: 顾名思义是来做Web的前端的。我们这里所说的前端泛指Web前端，也就是在Web应用中用户可以看得见碰得着的东西。包括Web页面的结构、Web的外观视觉表现以及Web层面的交互实现。 Web后端：后端的是与数据库进行交互以处理相应的业务逻辑。需要考虑的是如何实现功能、数据的存取、平台的稳定性与性能等。2、web前端分为网页设计师、网页美工、web前端开发工程师。首先网页设计师是对网页的架构、色彩以及网站的整体页面代码负责网页美工只针对UI这块的东西，比如网站是否做的漂亮，web前端开发工程师是负责交互设计的，需要和程序员进行交互设计的配合。3、 web前端需要掌握的有脚本技术javascript DIV+CSS现下最流行的页面搭建技术，ajax和jquery以及简单的后端程序等。 后端的话可供开发的语言有 asp、php、jsp、.NET 这些后端开发语言的话搭建环境都不一样4、实际的开发过程中，前端、后端开发人员的定位如下： 1）前端开发人员：精通JS，能熟练应用JQuery，懂CSS，能熟练运用这些知识，进行交互效果的开发。 2）后端开发人员：会写Java代码，会写SQL语句，能做简单的数据库设计，会Spring和iBatis，懂一些设计模式等。

很多时候，设计稿，和实际应用，多多少少 都会一点差异的。不可能一模一样。只要大体过得去就行，在说 网页在不同的 浏览器 或者不同的版本当中 显示都会 有点差异的。还有一点 ，前端的编程人员，可能经验不够。

很多时候，设计稿，和实际应用，多多少少 都会一点差异的。不可能一模一样。只要大体过得去就行，在说 网页在不同的 浏览器 或者不同的版本当中 显示都会 有点差异的。还有一点 ，前端的编程人员，可能经验不够。

前端开发工程师独立出来主要就是做数据交互、后台处理、SEO优化等工作，要熟练各种脚本语言和运行环境，熟悉XML、SQL、ORACLE等数据库，熟悉AJXA、Jquery、Slivelight、Struct2、CSS4、Html5等网站处理技术。网页设计（web design，又称为Web UI design，WUI design，WUI），是根据企业希望向浏览者传递的信息（包括产品、服务、理念、文化），进行网站功能策划，然后进行的页面设计美化工作。作为企业对外宣传物料的其中一种，精美的网页设计，对于提升企业的互联网品牌形象至关重要。网页设计一般分为三种大类：功能型网页设计（服务网站&B/S软件用户端）、形象型网页设计（品牌形象站）、信息型网页设计（门户站）。设计网页的目的不同，应选择不同的网页策划与设计方案。网页设计的工作目标，是通过使用更合理的颜色、字体、图片、样式进行页面设计美化，在功能限定的情况下，尽可能给予用户完美的视觉体验。高级的网页设计甚至会考虑到通过声光、交互等来实现更好的视听感受。网页设计主要以Adobe产品为主，常见的工具包括FW、PS、FL、DW、CDR、AI等，其中DW是代码工具，其他是图形图像和FL动画工具。还有最近几年Adobe新出的EdgeReflow、EdgeCode、Muse。

网页设计分为两大部分：一、单纯的设计，也就是ps。二、就是网页制作，前端开发div+css。一般来说大公司都是分的很细的，而小公司却让一个人做。不管做哪部分刚入职时都会有一个老师带着也就是说给老师打下手，老师会分出来一部分内容让你去做。直到可以独立完成为止。