2024年工作时做网站使用软件 篇1
、一流的网站制作师需要掌握什么软件如果仅仅是设计网页，熟练掌握photoshop、IIIustator、flash等这些平面设计或者动画设计软件就行，有些又称网页美工，而制作网页，就需要使用dreamweaver、dw、PageAdmin系统等一些网页制作方面的软件了，当然，对代码的熟悉，明确网站主题和内容，熟悉HTML/CSS/JS等网页基本元素也是必要的。其实很多朋友纠结的这个问题，无非是没有准确定位好自己将来的目标，自己现在的基础等等，不管是网页设计还是制作，都是一套系统的学习流程，如果真的想学，去这个群，前三位：464。中间三位：245。最后三位：307。当然了，既然是学习，三天打鱼两天晒网的心态是断然不行的。不做好努力的准备，浪费了自己的时间，也浪费了别人的时间，难道不是吗？二、为什么说掌握html就能掌握网页制作html究竟是什么，说的简单一点，你打开一个网页、然后再网页任何一个地方点击鼠标右键、然后选择“查看源文件”、点击过后将以记事本的形式打开、里面的就全是HTML代码。可以说，学习网页制作，代码师核心，不管你是天才，还是普通人，这一项必须要学。网页制作是动手性很强的知识，所以学习html也需要系统的规划，不是说简简单单找几本资料就可以了。三、关于html可以说这是最基本的知识，也是最难掌握的。如果HTML知识掌握得好，可以用记事本就可以熟练编写网页（当然，不推荐这么做，因为有现成的工具可以帮助编写HTML，但拥有这种能力是很好的）会对日后使用编辑主页，编写ASP或PHP代码有极大帮助。四、说说你不知道的设计师的地位因特网正在改变世界，它促成了网络经济雏形的形成，特别是电子商务正由新概念走向实用化。由于因特网具有传播信息容量极大、形态多样、迅速方便、全球覆盖、自由和交互的特点，已经发展成为新的传播媒体，所以全球几乎各个企业、机构纷纷建立自己的Web站点。并且由此产生了一个新的工作岗位——网站设计（Website Designer）和网站管理者。这也就是为什么很多年轻人追寻这个行业，简单来讲，就是高新。五、为什么很多同学学了很久还是不会做？这个问题是大部分想学习网页制作的同学都面临过的一个问题，学了很久，到头来还是和零基础差不多。这就是没有定位清楚自己的水平。如果你什么都不懂，上来就去背一些代码，上来就学习如何编写之类的，假以时日之后，你还是什么都不会。所以老老实实的定位自己，从基础的开始，还是那个概念，系统，学东西就要系统，没有一套系统的头脑，做什么都是很困难的。六、最后——合适的工具尽管选择什么样的工具并不会影响你设计网页的好坏,但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多,首先就是网页制作工具了,目前选择比较多的就是dw，除此之外,还有图片编辑工具,如firework 、Photoshop 等;动画制作工具,如Flash等;网上有许多这方面的软件下载,你可以根据需要灵活运用。
2024年工作时做网站使用软件 篇2
分
撇开各种不同的Web技术不谈，弄清楚Web Apps定义最困难的是如何从各种纷繁复杂的Web App中提取出他们的共同特征。当用户登录一个网站(如Pixlr)，大家很容易理解这是在访问一个Web App。但是对那些仅仅提供基础服务(如电话查询或是信息查询)的网站，区分用户是否在访问Web App就变得相当困难了。
其实这些服务大多都是Web App。我常常这样问自己"这个程序是否完成了某个任务?"。即便它只完成了某个非常小的任务，那么它也是一个Web App。Google的搜索引擎就是一个Web App，它本质上和电话查询服务没有什么区别。
这样说来，也并非所有的网站都是Web App。如果这个网站并没有执行任何任务，那么它就并不是Web App。
界面
元素变化
力求简洁明了是用户界面设计的重要原则。在同一时间给用户展示的功能越多，用户需要寻找和思考的时间也就越多。同样，界面中存在的选项越少，可用功能就越明显、越容易浏览。不过简化界面并非轻而易举，尤其是你不想减少应用程序功能的情况下。
将高级功能隐藏起来是一种有效的简化方法。搞清楚在界面中用户最经常用的是哪些功能，然后把其他功能隐藏处理。这些可由下拉式菜单和控件完成。例如，搜索栏中的高级过滤器可以做成尾部的特殊下拉菜单样式。当用户需要这些过滤器的时候只需要几次点击就可以使用。决定哪些功能保留展示哪些需要隐藏起来，并不是一个简单的工作，需要取决于功能控件的重要程度和被使用的频繁程度。
增加阴影
弹出式菜单和窗口周边的阴影不仅仅是为了视觉美观。阴影一方面增大了菜单或窗口的尺寸，有助于将菜单或窗口从背景中区别开来;另一方面通过灰度化的边缘阴影可以屏蔽背景内容的噪音干扰。
这个技巧根植于传统桌面程序，帮助用户将注意力集中在弹出的窗口。由于很多模态窗口不容易从桌面程序内容页面中凸显出来，阴影可以使它们看起来具有立体效果、仿佛悬浮于其他内容之上，于是拉近了模态窗口与用户的距离。
为实现这样的效果，设计师往往将透明的PNG背景图片作为容器，再把内容填充到容器中，同时等距离填充弹出框各边缘。或者使用具有透明边框的背景图片，并将内容框绝对定位在其中。另外，也可以使用基于JavaScript的lightboxes命令或者CSS3中的drop shadows命令，但需要注意浏览器是否支持。
提醒用户
当设计web app的时候，不仅需要关心一般情况下的信息展示，还要确保界面在空白状态时表现良好、具有指引作用。页面中还没有产生任何信息的时候，可以在空白区域放置一条帮助信息告诉用户如何开始。
例如，一个项目管理的应用程序主页会列出用户的项目，假如还没有什么项目信息，可以为用户提供一个项目创建页面的链接。即使这个页面上已经存在了这样一个功能按钮，一个额外的帮助并不会有什么妨碍。这个技巧可以有效地鼓励用户试用该服务，并在注册后立即进行使用。通过应用程序的单一操作步骤可以帮助用户理解这个应用的优势以及对他们是否有用。
此外，只为用户展示最重要的功能选项也很关键。一股脑的将众多功能倾泻给用户并没有什么实际意义。需要牢记的是，用户通常想从应用中获得或多或少的信息，但却不想跳进细节中，用户没有时间也没有兴趣。在空白状态中激励用户，可以显著地降低用户的流失率，并帮助潜在的用户更好的理解程序系统是如何工作的。
Button
许多web app拥有自定义样式的按钮。默认的输入按钮可能不适合某些情景，文字链接有时候看起来又太含蓄。需要注意的是，把链接做成Button样式的时候，它们就应该有button的表现形式。
比如，在点击button的时候它们应该会出现被"压"过的样子。这不仅仅是纯粹的视觉变化。及时反馈给用户，可以使web app感觉起来更灵敏，与桌面应用程序的用户体验更接近。可以使用CSS添加按钮的"pressed"等状态，实现处于不同状态下显示不同背景图片的功能。
情境导航
在既定的情境下考虑用户希望看什么、需要什么是非常重要的。不需要在每一个地方都放置相同的导航控件，因为用户不是在任何情况下都需要它们。
上下文情境导航最好的一个例子就是Office 2007中，原先默认的工具栏集合被换成了带状控件形式。每一项tab控制着一组相关联的功能，如编辑图形、校对或者简单书写。Web app可以从这种上下文情境导航中获益，仅展示用户需要的、而不是所有可用的功能，从而保持用户界面的整洁清爽。
关键功能
并不是所有的控件都拥有相同的重要性。例如创建一个新的条目，页面中会有"创建""取消"两个button. 这里的"创建"就要更加重要些，因为这是大多数情况下用户即将要做的事情。极少的情况下用户才会去点击取消。虽然这两个控件并排放置，但是不要给予相同的重视程度。
为了将注意力引导到"创建"上，我们可以尝试使用不用的风格或样式。一种方式是将"创建"设计成button样式，"取消"设计成文字链接样式。另一种方式是在视觉上使用使用不同的颜色，并使button略有凸起的效果。这样便于抓住用户的目光。
优点
第一、使用W3C标准的HTML(标准通用标记语言下的一个应用)语言开发，能够轻松实现跨平台，移动应用开发者不再需要考虑复杂的底层适配和跨平台开发语言的问题。与此同时，使用HTML来开发的Web App在投入上会大大的低于传统的Native App。
第二、基于当下开始普及流行的HTML5，Web App可以实现很多原本Native App才可以实现的功能，比如LBS的功能、本地数据存储、音视频播放的功能，甚至还有调用照相机和结合GPU的硬件加速功能。
第三、移动应用的迭代周期平均不到1个月，用户需要频繁的重新下载与升级。而Web App则无需用户下载，并且和传统网站一样可以动态升级。
第四、Web App有App的特性，更有Web的特性。每一个Native App在当前的用户使用场景下是相对孤立的，而Web App则可以像传统互联网网页那样相互链接，从一个Web App直接跳转到另外一个Web App。这无论是从用户的使用体验层面还是从应用之间的数据传输来看都是非常不错的选择。
制作
常用工具
ASP，PHP，HTML，JAVA等。使用这些常见的网络开发工具，可以制作绝大部分的webapp程序，使其在网站页面上实现传统的C/S架构软件的功能，也就是我们常说的SaaS模式。
其他工具
CBX，AthTekWebAPPKit等。CBX和AthTek WebAPP Kit都是国产软件，它们的主要功能就是以将使用传统编程语言如C，C++，Delphi等开发的C/S架构客户端软件工程，以所见即所得的方式，快速部署到网络服务器上，让传统的编程语言也能够实现基于web的互联网应用程序开发。
一键生成webapp工具
百度SiteApp是致力于为开发者、站长提供从生成WebApp到流量、用户引入再到变现的综合服务平台，亦是国内首家的WebApp在线生成服务平台。
2024年工作时做网站使用软件 篇3
网站制作软件包括：
一、菜鸟级网页制作软件
如果你是一个网页制作初学者，那么让FrontPage带你走进那绚丽多彩的网页制作世界吧！
①Microsoft FrontPage
如果你曾对Word很熟悉，那么相信你用FrontPage进行网页设计一定会非常顺手。使用FrontPage制作网页，你能真正体会到“功能强大，简单易用”的含义。页面制作由FrontPage中的Editor完成，其工作窗口由3个标签页组成，分别是“所见即所得”的编辑页，HTML代码编辑页和预览页。FrontPage带有图形和GIF动画编辑器，支持CGI和CSS。向导和模板都能使初学者在编辑网页时感到更加方便。
小编注：虽然介绍是这样说，但是小编我从来没有用过这款软件，我是直接就学了DreamWeaver，下面看介绍。
二、中级网页制作软件
如果你对网页设计已经有了一定的基础，对HTML脚本语言又有一定的了解，那么DreamWeaver是你不二的选择。
①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最具挑战性和生命力的是它的开放式设计，这项设计使任何人都可以轻易扩展它的功能。
~ 1 / 4 ~
小编注：对于初入门的人来说，这款软件还是有学的必要，以后对你制作div+css页面很有帮助，当时你必须结合学习以下三种脚本：html，css和javascript。因为这篇文章主要介绍软件，所以对脚本我就不多所，大家自己百度找教材看，比如搜索：html入门。
②Fireworks，第一款彻底为Web制作者们设计的图片处理软件。
Fireworks的来头实在不小，它的出现使Web作图发生了革命性的变化。Fireworks是专为网络图像设计而开发，内建丰富的支持网络出版功能，比如Fireworks能够自动切图、生成鼠标动态感应的javascript。而且Fireworks具有十分强大的动画功能和一个几乎完美的网络图像生成器(Export功能)。它增强了与dreamweaver的联系，可以直接生成dreamweaver的Libaray甚至能够导出为配合CSS式样的网页及图片！
小编注：处理网页图片必备，大家好好学习。
③Flash，让你的网页动起来
Flash是用在互联网上动态的、可互动的shockwave。它的优点是体积小，可边下载边播放，这样就避免了用户长时间的等待。可以用其生成动画，还可在网页中加入声音。这样你就能生成多媒体的图形和界面，而使文件的体积却很小。FLASH虽然不可以像一门语言一样进行编程，但用其内置的语句并结合JavaScripe，您也可做出互动性很强的主页来。有人曾经说过：下个世纪的网络设计人不会用FLASH，必将被淘汰出局！这句话在2012年之前应该说是对的，不过随着html5和css3技术的发展，加上智能手机基本都不支持flash了，所以Flash的光彩已经不如当年了，但是这不妨碍我们学习了解它。
小编注：做动画不是你会用软件就可以了，还需要有点创意才行，小编我就没有一点创意，所以现在做动画都是淘宝花几十元钱请人做。
三、高级网页制作软件
如果你要成为一个专业网站制作人员，那么有必须会一门网站开发语言，为什么呢？？我们发现没有，很多网站有留言功能，有会员注册，登陆等功能，这些功能可以保存用户的数据，资料，这就是通过编程技术实现的。网站主流编程语言有asp、php和asp.net,其中asp微软停止更新支持了，不建议学，php或asp.net是现在主流的编程语言，小编我学的是asp.net，当然php也很流行，大家可以自己百度了解一下这两个语言区别，挑一个来学习就可以了，不用两个都学，学好一个就够了。
~ 2 / 4 ~
为什么还要要有一个高级网页制作软件呢？比如我们开发asp.net，高手一般都是用计事本来编写，然后保存为aspx页面，但是对于新手来说，建议用一个编程软件，这些软件可以有很强的提示功能，比如你语法写错，会提示你，这样可以更好学习和提高，下面介绍开发asp.net软件。
①Microsoft Visual Studio
该系列的版本有：2003、2005、2008和未来的版本；是美国微软公司的开发工具包系列产品。 这款软件主要用来进行asp.net编程，就是制作aspx动态页面，可以让你在编写asp.net代码时候提高效率。
如果你要从事网站制作这个行业，上面说到的几款软件和脚本（html,css，javascript)，编程知识(php或asp.net)都必须去学习，尤其是脚本和编程必须学精。
但是...为什么又要说但是呢？因为我发现很多想做网站的朋友并不是想进入网站制作行业，只是给自己，或自己的公司做一个网站，如果为此你要花费1年半载去学习上面那么多东西，有点小题大做了，那不会上面这些软件，怎么做网站呢？下面举个例子。
比如A公司要做一个网站，会花钱请网络公司去做，做好后网络公司把网站上传到主机服务器上，然后提供一个后台地址，管理账户和密码给A公司的网站管理人员，网站管理人员可以登录这个后台去修改公司介绍，发布产品，发布一些新闻等等。
有人要问了，我是不是也要请网络公司给做一个网站呢？答案是No，我们可以去网上找一些现成的网站程序也来，这些网站程序实际就是一个制作好的网站，我们去下载下来上传到我们主机上，然后我们通过后台地址，账户和密码登陆后台去修改成我们自己的内容即可。
网站程序很多，但是真正能用的很少，小编这里介绍几款国内比较出名的网站程序给大家，根据你要制作的网站类型去选择，具体下载地址自己百度搜索就可以下载。
通用网站程序：适合做门户，学校，政府，企业这类网站，主要有下面三个。
~ 3 / 4 ~
1、PageAdmin系统 2、Drupal系统 3、Joomla! 系统
论坛程序：做论然用的，主要有下面2个
1、Discuz系统 2、Phpwind系统
商城程序：用来做在线购物网站
1、Ecshop 2、ShopEX
博客程序：用来做个人博客
1、Wordpress 2、BO-blog 3、P-blog
不同系统都针对不同类型的网站，用户下载下来后可以根据系统环境要求在本地配置环境来运行，本地不会配置的朋友也可以购买符合系统环境要求的虚拟主机上传到主机上安装，每种系统官方网站都会有详细的环境要求及使用教程，一般新手学习和熟悉一个系统功能大概要花费几天时间，熟悉功能后就可以很轻松的制作出自己需要的网站。
扩展阅读：
如何把做好的网站（或下载的程序）发布到互联网上
网站做好后我们需要发布到网上，然后通过域名任何人可以都访问，我们就需要做下面几步：
1、申请域名，就是注册一个网址（百度一下域名注册，选择一家你认为不错的注册就可以了。）
2、购买网站空间，有称为虚拟主机，用来放网站文件。（一般注册域名的公司都会同是提供网站空间服务）
购买好网站空间后就可以把你网站上传上去，这样其他人就可以通过域名来访问你的网站了，如果你不会上传不要紧张，让你空间服务商演示一下怎么上传，以后你就会明白了。
3、网站备案
国家要求国内任何一个网站必须进行工信部ICP备案，这个可以让你主机商给你代备案，一般都是免费的，你只需要提供资料给他们就可以。
做完上面步骤。别人就就可以通过域名来访问你的网站了，制作过程中会碰到各种各样的问题，不懂的地方可以百度找答案，或者咨询你的服务商，或者咨询你使用的网站系统的开发公司（这些系统一般都会有论坛提供交流协助），不要急于求成，当你学会这些后你会发现原来制作一个网站其实很简单。
2024年工作时做网站使用软件 篇4
谢谢邀请
网页设计师在使用photoshop时最常用的就是对于图片的优化，切片的应用等等。
web优化图像
在网络中当我们创建的图像非常大时，传输的速度会非常慢，这就要求我们在进行网页创建和利用网络传送图像时，要在保证一定质量、显示效果的同时尽可能降低图像文件的大小。当前常见的Web图像格式有3种：JPG格式、GIF格式、PNG格式。JPG与GIF格式大家已司空见惯，而PNG格式（portable network graphics的缩写）则是一种新兴的Web图像格式，以PNG格式保存的图像一般都很大，甚至比BMP格式还大一些，这对于Web图像来说无疑是致命的杀手，因此很少被使用。对于连续色调的图像最好使用JPG格式进行压缩；而对于不连续色调的图像最好使用GIF格式进行压缩，以使图像质量和图像大小有一个最佳的平衡点。
1 设置优化格式
处理用于网络上传输的图像格式时，既要多保留原有图像的色彩质量又要使其尽量少占用空间，这时就要对图像进行不同格式的优化设置，打开图像后，在菜单中执行“文件/储存为Web所用格式”命令，即可打开如图所示的“储存为Web所用格式”对话框。要为打开的图像进行整体优化设置，只要在“优化设置区域”中的“设置优化格式”下拉列表中选择相应的格式后，再对其进行颜色和损耗等设置，如图所示的图像为分别优化为GIF、JPG和PNG格式时的设置选项。温馨提示：选择不同的格式后，可以在原稿与优化的图像大小中进行比较。
2 应用颜色表
如果将图像优化为GIF格式、PNG-8格式和WBMP格式时，可以通过“储存为Web所用格式”对话框中的“颜色表”部分对颜色进行进一步设置，如图所示。
其中的各项含义如下:
颜色总数：显示“颜色表”调板中颜色的总和。
将选中的颜色映射为透明：在“颜色表”调板中选择相应的颜色后，单击该按钮，可以将当前优化图像中的选取颜色转换成透明。
Web转换：可以将在“颜色表”调板中选取的颜色转换成Web安全色。 颜色锁定：可以将在“颜色表”调板中选取的颜色锁定，被锁定的颜色样本在右下角会出现一个被锁定的方块图标，如图所示。温馨提示：将锁定的颜色样本选取再单击“锁定颜色”按钮会将锁定的颜色样本解锁。
新建颜色：单击该按钮可以将（吸管工具）吸取的颜色添加到“颜色表”面板中，新建的颜色样本会自动处于锁定状态。
删除：在“颜色表”面板中选择颜色样本后，单击此按钮可以将选取的颜色样本删除，或者直接拖曳到删除按钮上将其删除。
3 图像大小
颜色设置完毕后还可以通过“储存为Web所用格式”对话框中的“图像大小”部分对优化的图像进行进一步设置输出大小，如图所示。
其中的各项含义如下：
新建长宽：用来设置修改图像的宽度和长度。
百分比：设置缩放比例。
品质：可以在下拉列表中选择一种插值方法，以便对图像重新取样。
设置网络图像
对处理的图像进行优化处理后，可以将其应用到网络上，如果在图片中添加的了切片可以对图像的切片区域进行进一步的优化设置，并在网络中进行连接和显示切片设置。
1 创建切片
创建切片可以将整体图片分成若干个小图片，每个小图片都可以被重新优化，创建切片的方法非常简单，只要使用（切片工具）在打开的图像中按照颜色分布使用鼠标在其上面拖动即可创建切片，具体的创建过程与（矩形选框工具）相同，如图所示。选择（切片工具）后，属性栏会变成该工具对应的选项设置，如图所示。
其中的各项含义如下：
样式：用来设置创建切片的方法包括：正常、固定大小和固定长宽比。
宽度/高度：用来固定切片的大小或比例。
基于参考线的切片：按照创建参考线的边缘建立切片。
2 编辑切片
使用（切片选择工具）可以对已经创建的切片进行链接与调整编辑。选择（切片选择工具）后，属性栏中会显示针对该工具的一些属性设置，如图所示。
其中的各项含义如下：
切片顺序：用来设置当前切片的叠放顺序，从左到右依次表示的意思是置为顶层、上移一层、下移一层和置为底层。
提升：用来将未形成的虚线切片转换成正式切片，该选项只有在未形成的切片上单击，在出现虚线的切片时，才可以被激活。单击按钮后，虚线切片会变成当前的用户切片。
划分：对切片进行进一步的划分，如图所示。水平划分为：水平均匀分割当前切片。
垂直划分为：垂直均匀分割当前切片。
隐藏自动切片：单击该按钮，可以将为形成切片的虚线隐藏和显示。
切片选项：选择切片3，单击该按钮可以打开对当前切片的“切片选项”对话框，在其中可以设置相应的参数，如图所示。
其中的各项含义如下：切片类型：输出切片的设置，包括图像、无图像和表。
名称：显示当前选择的切片名称，也可以自行定义。
URL：在网页中的单击当前切片可以链接的网址。
目标：设置打开网页的方式，主要包含以下5种 _blank、_self、_parent、_top和自定义，依次表示为：新窗口、当前窗口、父窗口、顶层窗口和框架。当所指名称的框架不存在时，自定义作用等同于_blank。
信息文本：在网页中当鼠标移动到当前切片上时，网络浏览器中状态栏显示的内容。
AIT标记：在网页中当鼠标移动到当前切片上时，弹出的提示信息。当网络上不显示图片时，图片位置将显示“Alt标记”框中的内容。
尺寸：X和Y代表当前切片的坐标，W和H代表当前切片的宽度和高度。
切片背景类型：设置切片背景在网页中的显示类型。在下拉菜单中包括无、杂色、白色、黑色和其他。当选择“其他”选项时，会弹出“拾色器”对话框，在对话框中设置切片背景的颜色。
以上就是网页设计师在photoshop中最常用的一些知识点。
希望能够帮到您
2024年工作时做网站使用软件 篇5
你是想学到什么程度，是会看懂别人的，然后自己改改吗？还是能自己写？如果仅仅是能看懂静态网站，就随便学个dw，弄个几天就没问题了，如果要系统学习，我给你一些学习建议。
1.软件就不用学了，随便弄一个记事本也可以，先学html,css,js，最好熟练一点。
2.现在差不多可以学习php基础了，这个很简单，有其他语言基础，随便看一下就懂了。
3.学习mysql数据库，这个增删改查的也简单，有其他数据库基础也简单。
4.现在差不多能搞个类似留言板静态网页了，可以开始学习jq,xml,ajax,json，这几个是前端的，必须学，还很好用，也简单，ajax无刷新技术很好用，xml和json数据接口，开发混合app和微信公众号要用。
5.差不多了，可以学习php面相对象思想，这个很简单，就是所有东西都是对象，还有一些接口，类，封装继承多态，图像技术，http协议，mvc思想(这个好用，需要学好)。
6.接下来就要学linux系统安装php配置环境，及linux里面的常用命令，还有window配置环境(没什么技术含量，简单)，还要学习模板引擎，如smarty，还有一些版本控制软件svn,git等等，这些也简单，再学习nosql数据库，微信公众号开发等等。这个阶段没什么内容，相对简单。
7.这个阶段可以开始可以接触框架，学thinkphp框架，这个中文版，简单实用，国内最常用，可以开发oa系统，商城等等。然后学laveral框架，这个国有常用，可以来的混合app。也可以学其他框架，这个阶段学好算入门了。(相当于小学学历了，上面还有中一，中二，中三，高一，高二，高三等等等，最后到架构师)。
学完这些差不多算入门了，php很简单，算最简单的程序语言(所以也是最好的程序语言)。php也没什么内容，估计你学不用多久就可以学完了，学完出去找个小实习了，主要是练手，别太要求工资，毕竟学的东西比较少哈。加油，骚年！
2024年工作时做网站使用软件 篇6
本期分享从文案策划到交互设计共包含19个工具/网站，把控你的H5制作，最终专业H5工具主推意派Epub360。
关于H5制作流程
笔者接触的H5制作辅助制作工作基本构成分为文案策划、设计交流学习、制图、视频编辑与剪辑、原型、H5动效/动画制作、图片/音视频压缩、素材存档，所以中间所使用的的工具也是这些。
注：分享的有一些软件需下载，有标注，无标注基本上是在线网站。
文案策划
数英网-数字媒体及职业招聘网站
介绍：
数英网是一个数字营销媒体平台，内容涵盖市场营销、广告传媒、创意设计、电商、移动互联网等各数字相关领域，并且进行热门项目推荐，平台还包含了人才招聘和社区版块，用户可通过平台查找合适招聘信息，也可在社区发布动态或关注他人。
推荐理由：
数英网是一个比较不错的综合平台，无论是热门的话题、品牌活动、刷屏的文案都可以找到对应的板块，还有单独的大厂的优秀的H5项目分享，是营销媒体人必上网站之一。
TOPYS | 全球顶尖创意分享平台 OPEN YOUR MIND
介绍：
作为中国成立最早、最受欢迎的创意垂直网站,TOPYS立志打造一个多元、完备的泛创意知识产品系统和学习平台,试图成为“A Creative Institution”,希望借由创意的学习……
推荐理由：
作为全球顶尖创意分享平台，每个创意、视觉、文案都很让人惊艳，十分推荐。
视觉交流学习
站酷(ZCOOL) - 设计师互动平台
介绍：
站酷(ZCOOL),中国设计师互动平台。深耕设计领域十二年,站酷聚集了650万设计师、摄影师、插画师、艺术家、创意人,设计创意群体中具有较高的影响力与号召力。
推荐理由：
站酷在设计师圈子有着超高人气，汇聚了大批优秀设计师、摄影师、插画师、艺术家、创意人，每天都有大量的首页加精的优秀作品分享，是一个不错的集灵感、设计技巧和项目经验学习和交流为一体的设计师平台。
UI中国用户体验设计平台
介绍：
UI 中国,前身为 iconfans,是专业的用户体验设计平 台。会员均为职业 UI 设计师,覆盖全国互联网公司。我们将打造中国最专 业的 UI 设计交流平台,为 UI 设计师……
推荐理由：
UI 中国与站酷面向人群基本重合，不过正如品牌名称，特色是突出UI方面领域，倾向官网、APP、H5、小程序UI的用户体验设计，注重情感表达在人机交互中的表现，平台定期会举办设计教程分享和大赛。
制图/排版
制图&修图：Adobe Photoshop（需下载）
介绍：
Adobe Photoshop，简称“PS”，是由Adobe Systems开发和发行的图像处理软件。
推荐理由：
这个不需要多介绍了吧，一款作图的软件，设计师吃饭的家伙，我们平常说P图大多是说这个。
矢量图&排版：Adobe Illustrator（需下载）
介绍：
Adobe illustrator，常被称为“AI”，是一种应用于出版、多媒体和在线图像的工业标准矢量插画的软件。
推荐理由：
这个也不需要多介绍了吧，一款排版、制作矢量图的软件，做的视觉无论放大多少倍都不会失真，一般配合PS综合使用。
素材网站
千图网-免费设计图片素材网站
介绍：
千图网是中国素材最多的网站之一，拥有800多万张素材。 提供：矢量图 、psd源文件、图片素材、网页素材、3D模型 素材、手机 APP 素材、 ppt 、画册 、图标热门主流素材下载服务，千图网以其独特的定位和全新运营模式，处于素材 网站 领先地位。
推荐理由：
千图网各类素材较多，质量整体中等，部分图标、节日元素、海报可以作为H5使用，快速短期出平面，建议企业用户，可以商用素材，避免不必要的版权风险，若自己有原创能力尽量自己PS。
包图网_专注原创商用设计图片下载
介绍：
包图网是素材在线交易网站，主要服务是提供图片、视频、音频、psd 源文件 等形式的素材。包图网内容版块已有广告设计、摄影图、字体、UI设计、电商淘宝、多媒体、办公文档、装饰·模型、插画配图九大类别。
推荐理由：
包图网与千图网属于同类网站，但偏向于UI、插画等方向，质量整体中上，部分图标、节日元素、海报可以作为H5使用，建议企业用户，可以商用素材，避免不必要的版权风险。
视频编辑/剪辑
视频编辑：Adobe After Effects（需下载）
介绍：
Adobe After Effects简称“AE”是 Adobe 公司推出的一款图形视频处理 软件，适用于从事设计和视频特技的机构，包括电视台、动画制作公司、个人后期制作工作室以及多媒体工作室。属于层类型后期软件。
推荐理由：
同样是 Adobe 旗下的为设计打造的视频处理处理编辑软件，利用三维插件和关键帧动画可以制作出网页原生动画实现不了的动画效果，可导出视频、序列、GIF增加H5的视觉表现和互动效果，制作H5互动视频是个不错的玩法。
如H5互动视频作品：《王小艺的朋友圈》
视频剪辑：Adobe Premiere（需下载）
介绍：
Premiere的简称，由 Adobe 公司开发是一款常用的视频编辑 软件，由 Adobe 公司推出。现在常用的版本有CS4、CS5、CS6、CC 2014、CC 2015、CC 2017、CC 2018 CC2019以及2020版本。Adobe Premiere是一款编辑画面质量比较好的软件 ，有较好的兼容性 ，且可以与Adobe公司推出的其他软件相互协作。
推荐理由：
十分强大的视频剪辑软件，也是Adobe旗下的产品，是如今自媒体人必学的软件之一，可以剪辑、配乐、专场，一般会配合AE一起使用。
会声会影中文版免费下载-会声会影中文官网（需下载）
介绍：
会声会影是 加拿大 Corel公司制作的一款功能强大的视频编辑 软件，正版英文名：Corel VideoStudio，具有图像抓取和编修功能，可以抓取，转换 MV、DV 、V8、TV和实时记录抓取画面文件，并提供有超过100 多种的编制功能与效果，可导出多种常见的视频格式，甚至可以直接制作成DVD和VCD光盘。
推荐理由：
平常使用的不多，还是在大学时期使用了一些，小白可以很方便制作看起来有些炫酷的视频特效与剪辑。
原型设计
墨刀- 远程办公好帮手 在线产品原型设计与协作平台
介绍：
墨刀是一款在线原型设计与协同工具，借助墨刀，产品经理、设计师、开发、销售、运营及创业者等用户群体，能够搭建为产品原型，演示项目效果。墨刀同时也是协作平台，项目成员可以协作编辑、审阅，不管是产品想法展示，还是向客户收集产品反馈，向投资人进行Demo展示，或是在团队内部协作沟通、项目管理。
推荐理由：
产品特色包括素材库、设计、高效演示及评审、导入Sketch稿、云端编辑、多人协作，可以在线制作APP及活动页面。
H5制作工具
意派∙Epub360-专业H5页面在线交互设计制作工具
介绍：
意派Epub360隶属于上海意派科技，是专业级的H5交互设计平台，采用可视化组件编辑，可实现复杂的H5交互动画、数据及逻辑，是华为、招商银行、上海观察等企业的共同选择。
专业交互功能：支持专业级动画控制、交互设定、社交应用与数据应用，保障企业的商业需求顺利实现。
操作简易：采用由简到难递进式产品设计模式，效果组件化，减少用户上手难度，稳定的操作环境助力企业持续创意输出。
提供企业服务：我们为企业/媒体单位提供H5工具培训、定制及私有化部署服务，定制服务包含扫码签到、大屏互动、H5游戏等多种场景，是上海解放日报、招商银行、广西日报等多家单位长期合作伙伴。
提供优质模板：提供丰富的模板库，500+优质的企业H5模板，各种邀请函、招聘、节日海报、H5小游戏应有尽有。
推荐理由：
意派Epub360是一款专业的H5交互设计神器，无需下载软件，在线编辑制作H5作品，2014年上线，算是比较早的专业H5设计工具，可以零代码制作电脑、ipad和微信端H5作品，国内领先支持SVG支持SVG路径动画、SVG变形动画、精细控制、手势触发、摇一摇、拖拽交互、碰撞检测、重力感应、关联控制...并结合Epub360提供的数十种触发器控制，曾经两天时间快速上线一个炫酷产品宣传的H5作品，超神速！算是一款可以制作出高质量H5作品的H5交互设计神器。
图片压缩
图片压缩：Tinypng
介绍：
TinyPNG For Photoshop 插件是一款 PNG 图片压缩插件，通过这款插件你可以将 PNG 图片进行高压缩但对图片质量的影响微乎其微。只需要简单的两步就可以完成对 PNG 图片的高压缩而且还不会影响 PNG 图片的质量，这样就可以解决网页设计师因图片太大而影响网站加载网页速度的难题。
推荐理由：
TinyPNG虽然是英文网站，但打开很快，不需要看懂，拖动图片到中间上传的图标上就可以， 压缩率很高，支持压缩JPG、PNG，整体压缩幅度是 70%，而且几乎不损失画质。 但每次压缩限制大小5兆和 最多20 张图片，如果是序列图则不太适合，不过一般使用是完全够用的，另外自定义压缩质量还可以使用国内压缩工具“压缩图”。
图片压缩：压缩图
介绍：
压缩图是在线图片压缩工具,支持GIF压缩、PNG压缩、JPG压缩,还可以在线图片加水印、图片旋转、制作长图拼接、图片改颜色、图片添加文字、图片去底色、证件照换底色……
推荐理由：
有损压缩，但支持压缩JPG、PNG和GIF，支持压缩质量百分比、宽高比，有时我会跟tinypng混着用，部分大图压缩使用压缩图。
音视频压缩
Handbrake
介绍：
HandBrake是一款小巧到极致的实用视频转换软件，软件功能非常强大，界面简洁明晰、操作方便快捷，设计得很人性化。HandBrake中文版支持Win/Mac/Lin操作系统，批量转换视频格式，并自带压缩功能。需要的朋友千万不要错过哦!
推荐理由：
这款软件是界面是英文的，需要看懂几个基础的英文专业用词，现在经常在Mac系统上，之前用的window国产小软件不能用了，但是它同时支持Mac与window系统，有设置压缩速率，我一般设置成22左右，压缩质量和体积综合较强，压缩速度快，曾经我用这款软件把1.2G的视频文件压缩到22.6兆，可谓是惊呆了我和我的小伙伴们！确实是一款国外的优秀压缩软件！
格式转化：格式工厂
介绍：
格式工厂是一款免费多功能的多媒体文件转换工具。格式工厂功能强大，可以帮助用户简单快速的转换需要的视频文件格式。不仅如此，格式工厂软件操作简便，用户安装后就可以上手进行使用，为用户带来快速简便的使用体验。
推荐理由：
这款软件我个人用的不是很多，因为有一阵子使用Windows系统比较多，经常需要压缩音频、视频和各个视频格式的转化，挺方便，同时这也是一个免费的国产压缩软件，界面是中文的比较好操作。压缩质量中上，但速度很快，很适合对质量要求不是很专业的小白用户。
修改建议协同文档：
石墨文档-远程办公系统/解决方案
介绍：
石墨文档是全新一代云 Office 办公软件,支持多人在线协作编辑文档和表格,独有内容级安全,全过程留痕可追溯。PC 端和移动端全覆盖,随时随地远程办公。
推荐理由：
石墨最大的特点是协同办公，这点可以在我们项目制作修改意见有效的沟通并记录，传统方式，客户在项目交流群里，以聊天的形式反馈建议，一会儿没看可能就几十条，有时还穿插着59秒的语音建议，分分钟想哭好嘛？要是对方领导太多，一个人一张嘴，不经历你根本想象不到有多惨！有了这个，不会忽视每一条修改建议，客户通过标注的方式，实时反馈与按条修改，修改效率会大大提升！
素材存档
百度网盘,让美好永远陪伴
介绍：
百度网盘为您提供文件的网络备份、同步和分享服务。空间大、速度快、安全稳固,支持教育网加速,支持手机端。现在注册即有机会享受15G的免费存储空间。
推荐理由：
这个也不需要多介绍了，之前有几家网盘接连官宣停止运营，目前也就百度网盘、腾讯微云等大平台还在。我们在做H5项目一开始就养成一个好的习惯，每次做完项目，项目中所有的源文件、图片、音频、视频请新建文件夹归类。老设计师都知道，随着接触的项目越多，文件都放在电脑上，每个盘都塞得慢慢的，时间一长电脑运行肯定卡，这时候基本上要依靠移动硬盘和云盘，移动硬盘本地储存安全私密性高，但是某宝某东上搜一下，价格偏高，如果坏了难以修复，百度网盘基础使用的空间一般是够用了，缺点是免费版的下载速度真是龟速，不过也没花钱不是嘛哈哈。
本期分享就到这里了，关注我 ，有更好的推荐也欢迎留言或私信~