网站开发流程、第一个HTML文件与基本的HTML标签

　　网站开发流程、第一个HTML文件与基本的HTML标签

　　关于HTML与CSS的讲法，我们采取的是随讲随练的方式，每节课程之后都为各位设计了能够实现的“小功能”。换句话说，我们在课程中以“实现页面开发”为目的，一步一步的进行实现，在其中一些相关的“细节”知识点我们暂时先忽略掉，先完成主干的学习。在一个阶段的主干知识学习完成之后，我们再回头详细分析“细节”。这样更有利于大家的吸收和理解，不容易陷入到一些不必要的问题当中。

　　本文内容概要：

　　1 网站开发的流程划分2 网站开发的各个流程介绍3 创建第一个HTML文件4 前端页面制作 - HTML基本标签

　　一、网站开发的流程划分

　　一个网站的*敏*感*词*，通常需要经历5个阶段。前端开发在整个开发过程中主要是在网站设计阶段、网站改进阶段进行参与，主要负责其中的三个部分，分别是“前台页面制作”、“网站测试”、“修改”。在整个开发流程当中，不同职位的人都类似于一颗颗螺丝钉，只有整体良好的运行，才能够打造一个优秀的产品/项目。对于前端（HTML5）开发工程师来说，要做的不仅仅是了解自己的工作，还要了解与自己相关工作的职位，也要对流程有一定的了解，这样对于当前的工作以及未来的发展都是有帮助的。

　　二、网站开发的各个流程介绍先上图，之后我们再详细解释：

　　1 网站需求调查阶段

　　需求调查阶段通常是在客户提出建设一个网站的要求之后开始的，这时候最需要做的东西就是对这个网站做需求分析。

　　到底什么是需求分析呢？其实理解起来是很简单的，所谓的需求分析就是分析客户要的是什么，需求的东西是什么。试想如果我们投入大量的人力、物力、财力，开发出的网站却没人要，那所有的投入就都是徒劳。需求分析之所以重要，就是因为它具有目的性、方向性、决策性，它在网站开发过程中具有举足轻重的地位，所以提醒大家一定要对网站的需求分析具有足够的重视。在一个大型商业网站的开发中，它的作用要远远大于直接设计或编码。简言之，需求分析的任务就是解决“做什么”的问题，就是要全面地理解客户的各项要求，并且能够准确、清晰地表达给参与项目开发的所有成员，保证开发过程按照客户的需求去做，而不是为技术而迁就需求。因此，网站前期的需求分析是相当重要的。

　　而在这个阶段中，与客户做沟通的通常就是我们的产品经理了，他需要了解各种各样的需求之后，通过市场调研，与客户协商，明确好每一个需求，并书写出网站功能描述书。

　　2 网站技术分析阶段

　　拿到网站功能描述书，明确网站的细致需求之后，我们就可以开始着手制作网站了，不过在这之前我们还有一点是要考虑的。那就是面对这么多需求，我们的技术能否可以进行实现，所以作为项目经理的存在，在这个阶段就要根据需求描述进行网站的前后台技术分析，分析各个功能是否通过当前的技术手段，或者使用什么样的新技术能够更好更快的进行实现。最后就是给你的下属留下你分析完之后书写出来的网站技术解决方案了。

　　3 网站页面策划阶段

　　在确定了整个网站的需求以及搞定所需要的技术之后，就要迎来网站真正的开发阶段了。此时第一个登场的是我们的设计师，他们需要把握的是这个网站到底如何来进行设计。而一个网站应该具备什么样的功能，采取什么样的表现形式，并没有一个统一的模式。因为不同形式的网站其内容也是千差万别。因此，网站中的内容应该根据客户的需求，企业的背景来进行确定，对于网站的表现形式，也应根据网站的设计风格来确定。

　　在这个阶段，对网站的策划尤显重要。设计师或UI（User Interface（用户界面））设计人员将需求分析的结果加以适当的分析，然后设计一个用户可以直接感知的原始美工图，也就是要做网站的静态图片版。它能够方便客户与开发人员就网站建设的背景、设计风格、网站内容达成共识，并建立需求变更制度与流程，方便后期的制作与完善。

　　4 网站设计阶段

　　经过上述的阶段之后，我们就可以正式的开始制作网站了，此时就是我们前端开发工程师与后台开发工程师为主导的阶段了。

　　对于前端开发工程师来说，网站的制作主要包括页面重构、首页制作、制作模板、书写样式表。所谓的页面重构就是我们依照设计师给的原始PSD图来使用代码实现静态页面。首页是一个网站的门面，是一个网站的灵魂，因此，首页制作的好坏是一个网站成功的关键所在。制作模板便于设计出具有统一风格的网站，并且模板的运用能为网站的更新和维护带来极大的方便，为开发出优秀的网站奠定了基础。样式表是一个很神奇的东西，它能把网页制作得更加绚丽多彩，使网页呈现不同的外观。当网站有多个页面时，修改页面链接的样式表文件即可同时修改多个页面的外观，从而大大地提高工作效率，减少工作量。

　　在前端开发工程师完成他的工作的时候，我们的后台人员也一样在对网站的功能进行实现。最后在设计阶段，前端与后台都完成之后将进入我们的网站测试阶段了。

　　5 网站改进阶段

　　所谓的网站改进阶段其实就是我们的网站测试阶段，这时候包括了我们的网站测试，网站发布与推广，以及后期的修改与维护。而这些工作通常也是我们前端与推广域运营专员共同完成的工作职责。

　　在最后，我们再回过头来，你会发现作为前端开发工程师的我们，在网站制作的这5个大步骤中，其实一直都是很重要的一个存在（当然这里面的所有人员配置与工作职责都是很重要的）。

　　三、创建第一个HTML文件

　　先了解一下HTML的基本规则

　　1 后缀名为html ——> 这种文件用于书写结构 - 即HTML代码

　　2 标签通常是成对出现的，一开一关，如： 内容区