简介： 什么是低代码？我们为什么需要低代码？低代码会让程序员失业吗？本文总结了低代码领域的基本概念、核心价值与行业现状，带你全面了解低代码。
什么是低代码
“Low-Code”是什么？如果你是第一次听说，没准也会跟我当年从老板口中听到这个词后的内心戏一样：啥？“Low-Code”？“Code”是指代码我知道，但这个“Low”字是啥意思？不会是老板发现我最近赶工写的代码很丑很“Low”吧... 想多了，老板怎么可能亲自review代码呢。那难道是指，“Low-level programming”里的“Low”？老板终于发现让我等编程奇才整天堆Java业务代码太浪费，要派我去闭关写一个高性能C语言网络库... 显然也不是，老板哪能有这技术情怀呢。那到底是什么意思？作为一名搜商比情商还高的程序员，能问Google的绝不会问老板。于是我一顿操作后，不假思索地点开了第一条搜索结果：Low-code development platform。
Wikipedia定义
从Wiki的这段定义中，我们可以提炼出几个关键信息：
• 低代码开发平台（LCDP）本身也是一种软件，它为开发者提供了一个创建应用软件的开发环境。看到“开发环境”几个字是不是很亲切？对于程序员而言，低代码开发平台的性质与IDEA、VS等代码IDE（集成开发环境）几乎一样，都是服务于开发者的生产力工具。
• 与传统代码IDE不同的是，低代码开发平台提供的是更高维和易用的可视化IDE。大多数情况下，开发者并不需要使用传统的手写代码方式进行编程，而是可以通过图形化拖拽、参数配置等更高效的方式完成开发工作。
Forrester定义
顺着Wiki的描述还能发现，原来“Low-Code”一词早在2014年就由Forrester提出了，它对低代码开发平台的始祖级定义是这样的：
请点击输入图片描述
相比Wiki的版本，这个定义更偏向于阐明低代码所带来的核心价值：
• 低代码开发平台能够实现业务应用的快速交付。也就是说，不只是像传统开发平台一样“能”开发应用而已，低代码开发平台的重点是开发应用更“快”。更重要的是，这个快的程度是颠覆性的：根据Forrester在2016年的调研，大部分公司反馈低代码平台帮助他们把开发效率提升了5-10倍。而且我们有理由相信，随着低代码技术、产品和行业的不断成熟，这个提升倍数还能继续上涨。
• 低代码开发平台能够降低业务应用的开发成本。一方面，低代码开发在软件全生命周期流程上的投入都要更低（代码编写更少、环境设置和部署成本也更简单）；另一方面，低代码开发还显著降低了开发人员的使用门槛，非专业开发者经过简单的IT基础培训就能快速上岗，既能充分调动和利用企业现有的各方面人力资源，也能大幅降低对昂贵专业开发者资源的依赖。
低代码核心能力
基于上述的定义和分析，不难总结出如下这3条低代码开发平台的核心能力：
请点击输入图片描述
• 全栈可视化编程：可视化包含两层含义，一个是编辑时支持的点选、拖拽和配置操作，另一个是编辑完成后所及即所得（WYSIWYG）的预览效果。传统代码IDE也支持部分可视化能力（如早年Visual Studio的MFC/WPF），但低代码更强调的是全栈、端到端的可视化编程，覆盖一个完整应用开发所涉及的各个技术层面（界面/数据/逻辑）。
• 全生命周期管理：作为一站式的应用开发平台，低代码支持应用的完整生命周期管理，即从设计阶段开始（有些平台还支持更前置的项目与需求管理），历经开发、构建、测试和部署，一直到上线后的各种运维（e.g. 监控报警、应用上下线）和运营（e.g. 数据报表、用户反馈）。
• 低代码扩展能力：使用低代码开发时，大部分情况下仍离不开代码，因此平台必须能支持在必要时通过少量的代码对应用各层次进行灵活扩展，比如添加自定义组件、修改主题CSS样式、定制逻辑流动作等。一些可能的需求场景包括：UI样式定制、遗留代码复用、专用的加密算法、非标系统集成。
不只是少写代码
回到最初那个直击心灵的小白问题：Low-Code中的“Low”，到底是啥意思？答案已经显而易见：既不是指抽象程度很低（相反，低代码开发方式的抽象程度要比传统编程语言高一个level），也不是指代码很low（也相反，低代码所生成的代码一般都经过精心维护和反复测试，整体质量强于大部分手写代码），而是单纯的“少写代码” —— 只在少数需要的情况下才手写代码，其他大部分时候都能用可视化等非代码方式解决。
再往深一点儿看，低代码不只是少写代码而已：代码写得少，bug也就越少（正所谓“少做少错”），因此开发环节的两大支柱性工作“赶需求”和“修bug”就都少了；要测的代码少了，那么测试用例也可以少写不少；除了开发阶段以外，平台还覆盖了后续的应用构建、部署和管理，因此运维操作也更少了（Low-Code → Low-Ops）。
然而，少并不是最终目的：如果单纯只是想达到少的效果，砍需求减人力、降低质量要求也是一样的。低代码背后的哲学，是少即是多（Less is More），或者更准确说是多快好省（Do More with Less） —— 能力更多、上线更快、质量更好，成本还更省，深刻践行了阿里“既要，又要，还要”的价值观精髓。
请点击输入图片描述
平台的职责与挑战
上面说的是低代码给开发者提供的能力与吸引力，那么作为服务的提供方与应用的承载者，低代码开发平台自身应该承担怎样的职责，其中又会遇到多大的挑战？是否就一定要如阿里云所主张的那样，“把复杂留给自己，把简单留给别人”？虽然这句话听起来很深明大义，但不知道大家有没有想过，为什么我们一定要抱着复杂不放，平白无故给自己找事？就不能直接干掉复杂，也给咱阿里云自己的员工留点简单吗？是工作太容易就体现不出来KPI价值了，还是家里的饭菜不如公司的夜宵香？
冥思苦想许久后，我从热力学第一定律中找到了答案：开发一个应用的总复杂度是恒定的，只能转移而不可能凭空消失。要想让开发者做的更少，安心享受简单的快乐，那么平台方就得做的更多，默默承担尽可能多的复杂度。就像一个满身腱子肉的杂技男演员，四平八稳地托举着在高处旋转与跳跃的女搭档；上面的人显得越轻盈越毫不费力，下面的人就得越稳重越用尽全力。当然，不是说上面的女演员就很轻松没压力，只是他们各自的分工不同，所承担的复杂度也不一样。
根据《人月神话》作者Fred Brooks的划分，软件开发的复杂度可以划分为本质复杂度（Essential complexity ）和偶然复杂度（Accidental complexity）。前者是解决问题时固有的最小复杂度，跟你用什么样的工具、经验是否丰富、架构好不好等都无关，而后者就是除此之外在实际开发过程中引入的复杂度。通常来说，本质复杂度与业务要解决的特定问题域强相关，因此这里我把它称为更好理解的“业务复杂度”；这部分复杂度不是任何开发方法或工具能解决的，包括低代码。而偶然复杂度一般与开发阶段的技术细节强相关，因此我也相应把它称为“技术复杂度”；而这一部分复杂度，恰好就是低代码所擅长且适合解决的。
为开发者尽可能屏蔽底层技术细节、减少不必要的技术复杂度，并支撑其更好地应对业务复杂度（满足灵活通用的业务场景需求），这是身为一个低代码开发平台所应该尽到的核心职责。
请点击输入图片描述
在尽到上述职责的同时，低代码开发平台作为一个面向开发者的产品，还需要致力于为开发者提供简单直观的极致开发体验。这背后除了巨大的工作量，还得能在“强大”和“易用”这两个很难两全其美的矛盾点之间，努力找到一个符合自己产品定位与目标客户需求的平衡点 —— 这也许是设计一个通用低代码开发平台所面临的最大挑战。
三、低代码相关概念对比
纯代码（Pro-Code / Custom-Code）
“纯代码”可能算是我杜撰的一个词，更常见的说法是专业代码（Pro-Code）或定制代码（Custom-Code）；但意思都一样，就是指传统的以代码为中心（Code-Centric）的开发模式。之所以我选择用“纯代码”，是因为如果用“专业代码”会显得似乎低代码就不专业了一样，而用“定制代码”又容易让人误解成低代码无法支持定制的自定义代码。
当然，更准确的称谓我认为是“高代码”（与低代码恰好对应，只是名字太难听，被我嫌弃了...），因为即便是使用传统的代码IDE，有些开发工作也支持（甚至更适合）以非代码方式完成，比如：iOS端开发时使用的SwiftUI界面设计器、服务端开发数据库应用时使用的PowerDesigner建模工具。不过这部分可视化工作在传统开发模式下只是起辅助作用，最后通常也是生成开发者可直接修改的代码；开发者仍然是以代码为中心来开展主要工作。
低代码与纯代码之间的关系，其实跟视频和文章之间很像：
低代码就像是现代的“视频”，大部分内容都由直观易理解、表达能力强的图片组成，因此更容易被大众所接受。但与此同时，视频也不是死板得只能有图片，完全可以添加少量文字（如字幕、标注）来弥补图片表达不够精确的问题。BTW，关于“图”和“文字”之间的辩证关系，可以进一步参考《架构制图：工具与方法论》[1]这篇文章中的相关描述。
纯代码则更像是传统的“文章”，虽然很久以来都一直是信息传播的唯一媒介，但自从视频技术诞生以及相应软硬件基础设施的普及以来，便逐渐开始被抢走了风头。如今，视频已成为大部分人获取信息的主要渠道（从电视电影到B站抖音），而经常读书读文章的人却越来越少。但不可否认的是，文章依然有它存在的意义和受众（不然我也不会费这劲敲这么多字了），即使“市场份额”一直在被挤压，但永远会有它立足的空间。
请点击输入图片描述
如果按上面这种类比关系推导，低代码未来也会遵循与视频类似的发展轨迹，超越纯代码成为主流开发模式。Gartner的预测也表达了相同的观点：到2024年，所有应用程序开发活动当中的65%将通过低代码的方式完成，同时75%的大型企业将使用至少四种低代码开发工具进行应用开发。
但同样地，就像是视频永远无法取代文章一样，低代码也永远无法彻底取代纯代码开发方式。未来低代码和纯代码方式将以互补的形态长期共存，各自在其所适合的业务场景中发光发热。在后面的“低代码业务场景”章节，会详细列出哪些场景在现阶段更适合用低代码模式开发。
零代码（Zero-Code / No-Code）
从分类的完备性角度来看，有“纯代码”自然也应该有完全相反的“零代码”（也称为“无代码”）。零代码就是完全不需要写代码的应用开发平台，但这并不代表零代码就比低代码更高级和先进，它只是做了一个更极端的选择而已：彻底拥抱简单的图形可视化，完全消灭复杂的文本代码。选择背后的原因是，零代码开发平台期望能尽可能降低应用开发门槛，让人人都能成为开发者（注意：开发 ≠ 写代码），包括完全不懂代码的业务分析师、用户运营，甚至是产品经理（不懂装懂可不算懂）。
即便是专业开发者，在技术分工越来越精细的趋势下（前端/后端/算法/SRE/数据分析..），也很难招到一个能独立开发和维护整套复杂应用的全栈工程师。但零代码可以改变这一切：无论是Java和JavaScript傻傻分不清楚的技术小白，还是精通深度学习但没时间学习Web开发的算法大牛，都可以通过零代码实现自己的技术梦或全栈梦。“改变世界的idea已有，就差一个程序员了”，这句玩笑话或许真的可以成真；哦不，甚至都用不着程序员，有idea的人自己就能上。
请点击输入图片描述
当然，所有选择都要付出代价，零代码也不例外。完全抛弃代码的代价，就是平台能力与灵活性受限：
• 一方面，可视化编辑器的表达能力远不及图灵完备的通用编程语言，不引入代码根本没法实现灵活的定制与扩展（当然，理论上也可以做成Scrach/Blockly那样的图形编程语言，但那样不过是换一种形式在手写代码而已）。
• 另一方面，由于目标受众是非专业开发人员，平台能支持的操作会更趋于“傻瓜化”（e.g. 页面只支持大块业务组件的简单堆叠，不支持细粒度原子组件和灵活的CSS布局定义），同时也只会透出相对“亲民化”的模型和概念（e.g. 使用“表格”表示数据，而不是用“数据库”），无法支撑强大专业的底层开发原语和编程理念。
请点击输入图片描述
虽然零代码与狭义上的低代码有着上述明显差异，但从广义上来说，零代码可以当作低代码的一个子集。Gartner在其相关调研报告中，就是将“No Code”划在了范围更广的低代码应用平台“LCAP”（Low-Code Application Platform）中。而当前市面上很多通用的低代码开发平台，也都兼具一定程度的零代码能力；比如低代码领域领头羊Mendix，既提供了简单易用的零代码Web IDE - Mendix Studio，也包括一个功能更强大的低代码桌面IDE - Mendix Studio Pro。
HpaPaaS（高生产力应用PaaS）
上文提到，“Low-Code”一词是拜Forrester所赐。作为同样是国际知名调研机构（a.k.a 造词小能手）的Gartner，显然不会轻易在这场可能决定低代码领域江湖地位的新概念作词大赛中认输，于是也于2017年发明了“HpaPaaS”（High-productivity application Platform as a Service）这个听上去更高大上的缩写词。
按照Gartner的定义，HpaPaaS是一种支持声明式、模型驱动设计和一键部署的平台，提供了云上的快速应用开发（RAD）、部署和运行特性；这显然与低代码的定义如出一辙。但事实证明，名字起得太专业并不见得是好事，“HpaPaas”最终还是败给了起源更早、更接地气也更顺口的“Low-Code”：从2019年开始，Gartner在其相关调研报告中也开始全面采用“Low-Code”一词（如LCAP），亲手为“HpaPaaS”打上了 @deprecated 印记。
请点击输入图片描述
图源：What’s the difference between SaaS / IaaS / PaaS / aPaaS / HpaPaaS?
值得补充的是，“HpaPaaS“这个词也并非横空出世，而是传承自更早之前Gartner提出的“aPaaS”，它俩之间的关系是：HpaPaaS只是aPaaS的一个子类；除了HpaPaaS这种通过低代码实现的高生产力应用开发平台以外，aPaaS还包括面向纯代码的传统应用开发平台（High-control aPaaS，即可控度更高的纯代码开发方式）。
不值得但就想八卦一下的是，“aPaaS”这个词也非凭空捏造，而是与云计算的兴起渊源颇深。相信各位云道中人都已猜到，aPaaS与IaaS/PaaS/SaaS这些云计算远古概念是一脉相承的：aPaaS介于PaaS和SaaS之间，相比PaaS提供的服务更偏应用，但又不像SaaS一样提供现成的软件服务（更详细的说明可参考配图来源文章）。
四、为什么需要低代码
低代码是什么可能并没那么重要，毕竟在这个信息爆炸的世界，永远不缺少新奇而又短命的事物。大部分所谓的新技术都只是昙花一现：出现了，被看到了；大部分人“哦”了一声，已阅但表示不感兴趣；小部分人惊叹于它的奇思妙想，激动地点了个赞后，回过头来该用什么还是什么。真正决定新技术是否能转化为新生产力的，永远不是技术本身有多么优秀和华丽，而是它是否真的被需要，即：为什么需要低代码？如果用不同的主语填充上面这个问句（冷知识：这叫做“延迟主语初始化”），可以更全面地看待这个问题：
为什么「市场」需要低代码？
在这个大爷大妈都满嘴“互联网+”和“数字化转型”的时代，企业越来越需要通过应用（App）来改善企业内部的信息流转、强化与客户之间的触点连接。然而，诞生还不太久的IT信息时代，也正面临着与我国社会主义初级阶段类似的供需关系矛盾：落后的软件开发生产力跟不上人民日益增长的业务需求。
请点击输入图片描述
Gartner预测，到2021年应用开发需求的市场增长将至少超过企业IT交付能力的5倍。面对如此巨大的IT缺口，如果没有一种革命性的“新生产力”体系，很难想象仅凭现有传统技术体系的发展延续就能彻底解决问题。而低代码技术正是带着这样的使命而降临，期望通过以下几个方面彻底革新应用开发生产力，拯救差一点就要迈入水深火热的IT世界：
提效降本 &质量保障
虽然软件行业一直在高速发展，新的语言、框架和工具层出不穷，但作为从业者我们不得不承认：软件开发仍处于手工作坊阶段，效率低、人力成本高、质量不可控。项目延期交付已成为行业常态，而瓶颈几乎总是开发人员（对机器能解决的问题都不是问题）；优秀的开发人才永远是稀缺资源，还贼贵；软件质量缺陷始终无法收敛，线上故障频发资损不断。
相比而言，传统制造业经过几百年工业革命的发展，大部分早已摆脱了对“人”的强依赖：从原料输入到制品输出，中间是各种精密仪器和自动化流水线的稳定支撑，真正实现生产的标准化和规模化。虽然信息化号称是人类的第三次工业革命，但以软件行业目前的状况，远远还没到达成熟的“工业化”阶段。
所以，亲爱的程序员朋友，当你与前端联调了一上午接口，又与产品撕逼了一下午需求，再与自己的bug抗争了一整晚，好不容易遁入梦乡又被一连串报警短信吵醒时，是否有抬头对着星空憧憬过：“I have a dream... that one day，软件开发也能像工业制品一样，批量流水化生产，稳定高效没烦恼。” 事到如今，不管你有没有意识到，这个憧憬正在慢慢变成现实。
请点击输入图片描述
是的，低代码正在将应用软件开发过程工业化：每个低代码开发平台都是一个技术密集型的应用工厂，所有项目相关人员都在同一条产线内紧密协作。开发主力不再是熟知for循环一百种写法的技术Geek，而是一群心怀想法业务sense十足的应用Maker。借助应用工厂中各种成熟的基础设施、现成的标准零件、自动化的装配流水线，开发者只需要专注于最核心的业务价值即可。即便是碰到非标需求，也可以随时自己动手，用最灵活的手工定制（代码）方式来解决各种边角问题。
扩大应用开发劳动力
通过让大部分开发工作可以仅通过简单的拖拽与配置完成，低代码（包括零代码）显著降低了使用者门槛，让企业能够充分利用前面所提到的平民开发者资源。部分纯零代码需求场景下，低代码还能让业务人员实现自助式（self-service）应用交付，既解决了传统IT交付模式下的任务堆积（backlog）问题，避免稀缺的专业开发资源被大量简单、重复性的应用开发需求所侵占，也能让业务人员真正按自己的想法去实现应用，摆脱交由他人开发时不可避免的桎梏。
请点击输入图片描述
至此，应用开发能力不再是少数专业开发者的专利和特权，且今后所需要的技能门槛与拥有成本也会越来越低，真正实现所谓的“技术民主化”（democratization of technology）。
加强开发过程的沟通协作
多方调查结果显示，软件项目失败的最主要原因之一就是缺乏沟通（poor communication）。传统开发模式下，业务、产品、设计、开发、测试与运维人员各司其职，且各有一套领域内的工具和语言，长久以来很容易形成一个个“竖井”（silos），让跨职能的沟通变得困难而低效。这也是为什么当前热门的敏捷开发和DevOps都在强调沟通（前者是协同Biz与Dev，而后者是协同Dev和Ops），而经典的DDD领域驱动设计也主张通过“统一语言”来减少业务与技术人员之间的沟通不一致。
请点击输入图片描述
有了低代码后，这一状况将得到根本改善：上述各角色都可以在同一个低代码开发平台上紧密协作（甚至可以是同一个人），这种全新的协作模式不仅打破了职能竖井，还能通过统一的可视化语言和单一的应用表示（页面/数据/逻辑），轻松对齐项目各方对应用形态和项目进度的理解，实现更终极的敏捷开发模式，以及在传统DevOps基础之上更进一步的BizDevOps[2]。
统一开发平台下的聚合效应
低代码尝试将所有与应用开发相关活动都收敛到同一个平台（one platform）上后，将会产生更多方面的聚合效应与规模收益：
• 人员聚合：除了上一点所提到的各职能角色紧密协作以外，人员聚合到统一的低代码开发平台进行作业后，还能促进整个项目流程的标准化、规范化和统一化。
• 应用聚合：一方面，新应用的架构设计、资产复用、相互调用变得更容易；另一方面，各应用的数据都天然互通，同时平台外数据也能通过集成能力进行打通，彻底消除企业的数据孤岛问题。
• 生态聚合：当低代码开发平台聚合了足够多的开发者和应用后，将形成一个巨大的、连接一切、有无限想象力的生态体系，彻底放飞低代码的价值。
以前使用过百度地图，有一些需要对某些特定标记物进行高亮和醒目标记，因此采用css3对百度地图的marker组件进行动态效果调试，以下是简单记录。
效果如下：
效果如下：
效果如下：
首先，可以告诉想学网页制作的朋友。学习制作网页和学习其它知识一样，是要有基础的。在基础之上学习起来会比较轻松和快捷的。其次，要清楚学习它是用来做什么。建议你要具备的条件：对电脑熟练操作，使用电脑最好在一年以上，对网页设计感兴趣，有较充足的学习时间，熟悉office办公软件。当然，这些不是一定必须的。
第一阶段：开始时最好是学些网页编辑软件，如：FrontPage、Dreamweaver.这样可以使您更了解网页制作与运营的原理。最好使拿本教程来学学，结合教程边学习边制作。
第二阶段：会用网页制作软件后，已会制作一个较完整的网站了。但为了能使自己设计制作的网页尽善尽美，还是学习网页的核心技术吧！网页编辑语言（包括:html、css、javascript、asp、xml等）。你可以选择地学习。
第三阶段:结合你自己已掌握地知识来开发网站，可以开发出别人给你定义的目标网站。到了这个时候，你就成为真正的网站开发者了。
怎样制作网页，不是说一两篇文章能够说清楚的。以上介绍的是制作网页的主要纲要，希望能够给想要学习制作网页的朋友一个参考。
二
一、工具
1、空间
网页做好了肯定是要发表上网的，所以必须先申请一个空间；免费的空间不是很稳定，容量又小，也不好申请，建议到大的网站如新浪、网易去先买一个个人空间，大概有个20M以上的就可以了。
2、软件
推荐使用Dreamweaver6.0中文版，这个软件最大的特点就是“所见即所得”，也即是制作过程中看到的，便是到时发布到网络上的。
二、教程
花点时间，找个比较通俗易懂的教程看一看是很有必要的。每个网页的组成，不外是文字、表格、图、动画还有就是背景音乐等几个大的元素，搞清楚如何将这些元素摆放进去，你也就算懂得如何制作网页了。推荐一个教程地址，有空可以去看看，http://www.goeway.com/WEB/INDEX.ASP
三、制作
开始时建议去下载一个比较简单的网页，在制作软件中将它打开，然后仔细观察人家的网页的构成，模仿它去填充各种元素，实践中再配合着教城，进度会快很多，记得也牢一些。
其实做网页并不难，但要做出有特色的网页来，那就非一朝一夕之功了。
一点个人的粗浅体会，不妥之处敬请指正。
三
网站设计八步骤
由于目前所见即所得类型的工具越来越多，使用也越来越方便，所以制作网页已经变成了一件轻松的工作，不像以前要手工编写一行行的源代码那样。一般初学者经过短暂的学习就可以学会制作网页，于是他们认为网页制作非常简单，就匆匆忙忙制作自己的网站，可是做出来之后与别人一比，才发现自己的网站非常粗糙，这是为什么呢？常言道：“性急吃不了热豆腐”。建立一个网站就像盖一幢大楼一样，它是一个系统工程，有自己特定的工作流程，你只有遵循这个步骤，按部就班地一步步来，才能设计出一个满意的网站。
一、确定网站主题
网站主题就是你建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。特别是对于个人网站，你不可能像综合网站那样做得内容大而全，包罗万象。你没有这个能力，也没这个精力，所以必须要找准一个自己最感兴趣内容，做深、做透，办出自己的特色，这样才能给用户留下深刻的印象。网站的主题无定则，只要是你感兴趣的，任何内容都可以，但主题要鲜明，在你的主题范围内内容做到大而全、精而深。
二、搜集材料
明确了网站的主题以后，你就要围绕主题开始搜集材料了。常言道：“巧妇难为无米之炊”。要想让自己的网站有血有肉，能够吸引住用户，你就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。
三、规划网站
一个网站设计得成功与否，很大程度上决定于设计者的规划水平，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，你只有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。也只有如此制作出来的网页才能有个性、有特色，具有吸引力。如何规划网站的每一项具体内容，我们在下面会有详细介绍。四、选择合适的制作工具
尽管选择什么样的工具并不会影响你设计网页的好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多，首先就是网页制作工具了，目前大多数网民选用的都是所见即所得的编辑工具，这其中的优秀者当然是Dreamweaver和Frontpage了，如果是初学者，Frontpage2000是首选。除此之外，还有图片编辑工具，如Photoshop、Photoimpact等；动画制作工具，如Flash、Cool 3d、Gif Animator等；还有网页特效工具，如有声有色等，网上有许多这方面的软件，你可以根据需要灵活运用。
五、制作网页
材料有了，工具也选好了，下面就需要按照规划一步步地把自己的想法变成现实了，这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小，就是说在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计。所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题时好修改。在制作网页时要多灵活运用模板，这样可以大大提高制作效率。
六、上传测试
网页制作完毕，最后要发布到Web服务器上，才能够让全世界的朋友观看，现在上传的工具有很多，有些网页制作工具本身就带有FTP功能，利用这些FTP工具，你可以很方便地把网站发布到自己申请的主页存放服务器上。网站上传以后，你要在浏览器中打开自己的网站，逐页逐个链接的进行测试，发现问题，及时修改，然后再上传测试。全部测试完毕就可以把你的网址告诉给朋友，让他们来浏览。
七、推广宣传
网页做好之后，还要不断地进行宣传，这样才能让更多的朋友认识它，提高网站的访问率和知名度。推广的方法有很多，例如到搜索引擎上注册、与别的网站交换链接、加入广告链等。
八、维护更新
网站要注意经常维护更新内容，保持内容的新鲜，不要一做好就放在那儿不变了，只有不断地给它补充新的内容，才能够吸引住浏览者 .
四
一、首先确定你要制作的网页的主题，就是你建这个网站的内容是什么（注：网站和网页的关系与区别就好比一本书和其中的一个页面的关系）；
二、确定你的网页的阅读对象，就是你的网页是准备给那些人看的；
三、选择制作网页的工具软件，常见的有dreamweaver和office组件里面的frontpage，如果你是初学者，哪我建议你使用frongpage,因为这个软件的入门比较简单（当然功能也很强大），如果你会使用word的话，哪就可以很快作出网页的，如何你想作专业的网页制作人员，哪我建议你使用dreamweaver，目前的版本是XM，我现在就使用，很好用的，这个软件的好处是不怎么产生垃圾代码，并且支持各种代码的性能很好，基本上各种代码可以直接编辑。
四、如果你作好了页面，就需要考虑你的网页放到什么地方发表，也就是平常我们说的发表空间，我们学校的用户网络中心已经申请好了空间，大家可以直接使用（有发布空间的标志是你有了FTP账号，这个需要申请）。
五、找到发布空间以后，你需要把自己的网页上传到你的发布空间，这个需要一个上传软件，我推荐使用ACEFTP，这个软件体积小，速度快，注意我发现这个软件的2.0中文版不能够正确使用，我建议使用1.31版。
六、制作网页需要的其他相关软件：ACDSEE,这个是查看图片的最好软件，也可以对图片作简单的处理，目前的版本是4.0，网上很多地方可以下载；另外如果你对图片需要复杂处理的话，哪最好选择使用PHOTOSHOP，目前的版本是7.0，也有中文补丁，使用起来很方便，当然，这个软件的学习使用相对是比较难点的。
7、使用层的时候最好定义为div标签而不是layer，因为前者在两种主流浏览器都有很好的兼容性。
8、在用图片制作热区链接时，最好给热区命名，防止有时只能在图片上画出直线。
9、当我们将框架结构建立好后，可以将此框架体文件和Site窗体并排放置，然后从Site中选择网页文件拖放到相应的框架中。这适用于框架比较复杂的页面。
10、如果对一张图片不满意，想更换另一张，最简单的方法双击此图片，直接选择要替换的图片即可。
11、在预览网页之前最好先保存一下，有时候在不能正确预览网页，而存一下就可能会解决这个问题。
12、如果你的页面中使用了CSS或是Java Applet，最好不要使用“file->convert->3.0 browser compatible”命令，因为这一选择会把所有3.0 浏览器不认识的定义都抹去。最可怕的是我们不知道在这个过程中Dreamweaver 到底做了什么，具体发生了那些变化。而且要提醒你，对一批页面执行此操作时，一定要先备份，否则可没地方买后悔药。
五---资源
1. 水晶情缘--网页特效专家 2006 情人节特别版
这个软件是专为那些想在网上安家而苦于制作网页特效源
www.skycn.com/soft/14150.html
2. 网建博士 1.01
不懂制作网页的专门技术，不懂网页编程技术，不需要任何专业背景知识，任何人只要会用
www.onlinedown.net/soft/7597.htm
3. 网页背景选择器 2.5.1
当您制作网页时，您是否为了在大量素材中选一张背景，每每都要用看图软件查看--修改网
www.onlinedown.net/soft/11406.htm
4. Animagic GIF Animator 1.22
一个很好用的制作网页动画的软件，它提供了六种特效，也支持拖曳功能，它不仅支持gif
www.onlinedown.net/soft/4904.htm
5. Animagic GIF Animator 1.22 汉化补丁
一个很好用的制作网页动画的软件，它提供了六种特效，也支持拖曳功能，它不仅支持gif
www.onlinedown.net/soft/6612.htm
6. Macromedia Authorware V7.0
先进丰富的视音频、可视媒体集成制作解决方案，可用于制作网页和在线学习应用软件
download.21cn.com/list.php?id=31900
7. Picture2Web 2.3.1
用来制作网页电子相簿的好工具
download.pchome.net/design/homepage/9539.html
8. SCP Button Magic 4.0
专门制作网页广告横幅和按钮的软件
download.pchome.net/design/webpic/2138.html
9. Animagic GIF Animator V1.22
一个很好用的制作网页动画的软件，它提供了六种特效，
www.skycn.com/soft/2406.html
10. Magic Gallery 4.5
一款制作网页照片集以及其缩略图的软件
download.pchome.net/design/homepage/17444.html
11. Animagic GIF Animator 1.22
一个很好用的制作网页动画的软件
download.pchome.net/design/animation/633.html
12. Banner Maker Pro V4.0.0.1 汉化版
是一套制作网页横幅广告及按钮软件。特点包含：可以调
www.skycn.com/soft/2507.html
13. Banner Maker Pro V6.0.6
是一套制作网页横幅广告及按钮软件。特点包含：可以调
www.skycn.com/soft/2506.html
14. Animagic GIF Animator V1.22 汉化补丁
一个很好用的制作网页动画的软件，它提供了六种特效，
www.skycn.com/soft/2407.html
15. Mapedit 3.16
制作网页Image Maps的工具
download.pchome.net/development/html/13659.html
16. Banner Maker Pro 6.0.6
是一套制作网页横幅广告及按钮软件。特点包含：可以调整看板及按钮尺寸、选择背景颜色
www.onlinedown.net/soft/9507.htm
17. GIF Dispenser 1.0
是一个快速制作网页动态GIF图片的好工具
download.pchome.net/design/animation/923.html
18. 自助建站专家 5.0
不懂制作网页的专门技术，不懂网页编程技术，不需要任何专业背景知识，任何人只要会用
www.onlinedown.net/soft/13044.htm
19. 酷网宝典(CoolWEB) 2.0
酷网宝典(coolweb)是用于制作网页特效的软件。能够制作三大类效果：特殊层效果，动态
www.onlinedown.net/soft/6658.htm
20. 下雨天网页特效王 RD2.0
制作网页的好帮手,大量的特效代码
download.pchome.net/development/html/17686.html
21. Macromedia Contribute 3.11
Macromedia出品的全新概念网页设计工具，可以将网页编写程序化繁为简,制作网页,现在就
www.onlinedown.net/soft/20135.htm
22. 酷网宝典(CoolWEB) V2.0
酷网宝典(coolweb)是用于制作网页特效的软件。能够制作
www.skycn.com/soft/10742.html
23. Button Magic V4.0
专门制作网页广告横幅和按钮的软件，可存成 BMP、JPG
www.skycn.com/soft/2508.html
24. Liatro Button Maker V2.2
Liatro Button Maker 是一套专门制作网页按钮的绘图软
www.skycn.com/soft/8697.html
25. Mapedit V3.16
制作网页Image Maps的工具，小巧、使用方便。
www.skycn.com/soft/7725.html
26. 网建博士 V1.01
不懂制作网页的专门技术，不懂网页编程技术，不需要任
www.skycn.com/soft/9476.html
27. GIF Dispenser 1.0
是一个快速制作网页动态GIF图片的好工具，使用者只要移动操作视窗上的浮标组，来调整
www.onlinedown.net/soft/14222.htm
28. Reptile V3.0
所视即所得的背景制作软件，制作网页背景再也不需要求
www.skycn.com/soft/2541.html
29. GIF Dispenser V1.0
是一个快速制作网页动态 GIF 图片的好工具，使用者只要
www.skycn.com/soft/2417.html
30. 网建博士 V1.01
不懂制作网页的专门技术，不懂网页编程技术，不需要任何专业背景知识，任何人只要
download.21cn.com/list.php?id=24329
31. MapEdit V3.05 汉化版
制作网页Image Maps的工具，小巧、使用方便。 本
www.skycn.com/soft/16664.html
32. 网页特效王 Beta 1
制作网页特效的得力助手,正在进一步开发中
www.onlinedown.net/soft/24073.htm
33. MapEdit 3.16
小巧但是使用方便的制作网页ImageMaps的工具!
www.onlinedown.net/soft/9690.htm
34. Picture2Web V2.3.1
Picture2Web 是一个用来制作网页电子相簿的好工具。它
www.skycn.com/soft/6878.html
35. Banner Maker Pro V6.0.1
制作网页横幅广告及按钮软件。特点包含：可以调整看板及按钮尺寸、选择背景颜色、
download.21cn.com/list.php?id=10850
36. Button Magic 4.0
专门制作网页广告横幅和按钮的软件，可存成BMP、JPG和GIF格式。
www.onlinedown.net/soft/8830.htm
37. Magic Gallery 4.5.13
MagicGallery是一款制作网页照片集以及其缩略图的软件，可以方便的调节图片尺寸。
www.onlinedown.net/soft/22860.htm
38. Magic Gallery V4.5.13
Magic Gallery 是一款制作网页照片集以及其缩略图的软
www.skycn.com/soft/16474.html
39. 下雨天网页特效王 RD2.0
制作网页和好帮手，该软件包含了大量的javascript特效和vbscript特效。你只需简单
download.21cn.com/list.php?id=42907
40. BSCOutline Tutorial V5.10
用来制作网页上的Java applet导航条，类似于文件管理器
www.skycn.com/soft/494.html
