下载掌阅APP，畅读海量书库
立即打开
本章导读
随着互联网的高速发展，网页设计和网站建设的需求也日益增加。越来越多的人开始关注和学习网页设计与网站建设技能。如何才能节省时间，以最快的速度掌握网页设计与网站建设的核心技术，是每个初学者的心愿。本章将学习网页设计的必备工具、网站建设的必备技术和网页设计的必备技能。
思维导图
在网站建设过程中常用到的3个工具，是Dreamweaver、Photoshop和Flash。
1.Dreamweaver
Dreamweaver是集网页制作和网站管理于一身的所见即所得网页编辑器，是第一套针对专业网页设计师特别开发的视觉化网页开发工具。利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。
2.Photoshop
Photoshop主要处理像素构成的数字图像。使用其众多的编修与绘图工具，可以有效地进行图片编辑工作。Photoshop有很多功能，在图像、图形、文字、视频、出版等各方面都有涉及。
3. Flash
Flash是一款优秀的网页动画设计软件。它是一种交互式动画设计工具，用它可以将音乐、声效、动画以及富有新意的界面融合在一起，制作出高品质的网页动态效果。
在学习网站建设之前，读者应该知道都要学习哪些技术以及学习的顺序。网站建设必备技术主要包括网站美工、网站后台、网站推广等方面。这些方面之间是有关联的，所以不论是做前台、后台还是推广，都需要掌握网站建设必备技术。
首先，用户需要掌握图像处理软件，目前用得最多的是Photoshop，还有Fireworks、CorelDRAW、Illustrator、Freehand等。用户最少要熟练掌握其中一款软件的应用技术。
掌握软件的使用后，用户就需要考虑如何制作网站界面。这里要掌握HTML基本语言， HTML语言是网页前台的基础语言。
其次，用户需要掌握如何使用CSS+DIV设计整个网页界面的结构，这点非常重要。CSS是层叠样式表（Cascading Style Sheets）的缩写，用于定义HTML元素的显示形式，是W3C推出的格式化网页内容的标准技术。DIV是层叠样式表中的定位技术，主要用于定位网页中的各个元素。可见，CSS和DIV是网页设计者必须掌握的技术。
再次，网页中的特效往往需要通过JavaScript+ajax技术来完成，这些技术一般用于表单控制及事件处理，也是网页设计者必须掌握的技术之一。
接着就是后台编程语言和数据库。常见的后台编程语言是ASP、PHP、JSP、ASP.NET等。常见的数据库包括Access、MySQL、SQL Server、Oracle等。目前最常见的网站建设组合为ASP+Access技术和PHP+MySQL技术，ASP+Access技术通常用于中小型网站开发， PHP+MySQL技术通常用于中大型网站开发。
最后，用户还需要掌握SEO技术。SEO是指通过站内优化（如网站结构调整、网站内容建设、网站代码优化等）及站外优化（如网站站外推广、网站品牌建设等），使网站满足搜索引擎收录排名需求，在搜索引擎中提高关键词排名，从而把精准用户带到网站，获得免费流量，产生直接销售或品牌推广。
网页设计既是一门独立学科，也是一种艺术形式。网页设计的工作至少一半是基于坚实的代码和设计知识，另一半则是对于美感的认知，什么好看，什么不好看。每一个网页设计师都有着坚实的基础知识和核心竞争力，这样才能保证设计的产品脱颖而出，获得用户的认可。
1．掌握网页设计的完整流程
对于一个网站来说，除了网页内容外，还要对网站进行整体规划设计。格局凌乱的网站内容再精彩，也不能说是一个好网站。要设计出一个精美的网站，前期规划必不可少。网站成功与否很重要的一个决定因素在于它的构思，好的创意加丰富详实的内容才能够让网战焕发出勃勃生机。
（1）确定网站风格和布局
在对网页插入各种对象、修饰效果前，要先确定网战的总体风格和布局。网站风格是指网站给浏览者的整体形象，包括站点的CI（标志、色彩和字体）、版面布局、浏览方式、交互性、文字、内容及网站荣誉等诸多因素。
（2）搜集、整理素材
确定了网站风格和布局后，就要开始搜集素材了。常用的素材包括文字、图片、音频、动画及视频等。搜集到的素材越充分，制作网站就越容易。素材既可以从图书、报刊、光盘及多媒体上得来，也可以从网上搜集，还可以自己制作，然后把搜集到的素材去粗取精，选出制作网页所需的素材。
（3）规划站点、制作网页
规划站点就像设计师设计大楼，图纸设计好，才能建成一座漂亮的楼房。规划站点就是对站点中所使用的素材和资料进行管理和规划，对网站中栏目的设置、颜色的搭配、版面的设计、文字图片的运用等进行规划。
一般情况下，将站点中所用的图片和按钮等图形元素放在Images文件夹中，HTML文件放在根目录下，而动画和视频等放在Flash文件夹中。对站点中的素材进行详细的规划，便于日后管理。
制作网页是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂的顺序来制作。所谓先大后小，就是在制作网页时，先把大的结构设计好，再逐步完善小的结构设计。所谓先简单后复杂，就是先设计出简单的内容，再设计复杂的内容，以便能及时修改出现的问题。
在网页排版时，要尽量保持网页风格的一致性，不至于在网页跳转时产生不协调的感觉。在制作网页时灵活地运用模板，可以大大地提高制作的效率。将相同版面的网页做成模板，基于此模板创建网页，以后想改变网页时，只需修改模板就可以了。
（4）网站的测试与发布
网页制作完毕，应该利用上传工具将其发布到Internet上供大家浏览、观赏、使用。上传工具有很多，有些网页制作工具本身就带有FTP功能。利用这些FTP工具，可以很方便地把网站发布到所申请的网页服务器上。上传网站之前，要在浏览器中打开网站，逐一对站点中的网页进行测试，发现问题要及时修改，再上传。
（5）后期更新与维护
网站要注意经常维护更新内容，保持内容的新鲜，不要做好就放在那儿不变了。只有不断地给它补充新的内容，才能够吸引住浏览者，并给访问者留下良好的印象。只有不断地更新内容，才能使网站有生命力，否则网站不仅不能起到应起的作用，反而会对网站自身的形象造成不良影响。
网站维护包括网页内容的更新，通过软件进行网页内容的上传，目录的管理，计数器文件的管理及网站的定期推广服务等。更新是指在不改变网站结构和页面形式的情况下，为网站的固定栏目增加或修改内容。
（6）网站推广
网页制作好之后，还要不断地对其进行宣传，这样才能让更多的朋友认识它，以提高网站的访问率和知名度。推广的方法很多，例如，到搜索引擎上注册，与别的网站交换链接或加入广告链接等。
网站推广是企业网站获得有效访问的重要步骤，合理而科学的推广计划能令企业网站收到接近期望值的效果。网站推广作为电子商务服务的一个独立分支正显示出其巨大的魅力，并越来越引起企业的高度重视和关注。
2．活用HTML
HTML（HyperText Marked Language）即超文本标记语言，是一种用来制作超文本文档的简单标记语言，也是制作网页的最基本的语言，它可以直接由浏览器执行。
HTML是所有网页的基础框架，网页设计师必须熟悉HTML代码的含义，这样才能对网页设计有着更精确的掌控，让它拥有更好的可用性，更加易用。
3．掌控网站创意设计的技巧
作为网页设计师，常常会应客户要求做许多设计之外的工作，有时候甚至会被要求为网站撰写文案，尤其是当网站没有配备专职文案的时候。如果网页设计师能写得一手创意爆棚的文案，对于自身而言，绝对是无与伦比的无形资产。特别是需要做市场营销的时候，设计与文案的结合能让你和其他设计师拉开距离。
4．坚持不懈学习新技术
作为一个网页设计师，“学无止境”并不是一句单纯的口号。网页设计师确实需要不停地学习新技能，发掘新创意。通过学习可以提升设计师对设计的热情，提升作品的质量和档次。
另外，由于不断进化的设计趋势和不断涌现的新技术，网页设计师也不得不坚持学习新技术。特别是目前移动设备平台上网页设计越来越流行，这就要求网页设计师不断坚持学习新技术，只有对新趋势新技术了如指掌，才能设计出高质量的作品。
5．发掘自己的商业技能
越来越多的设计师开始选择成为自由职业者，而许多还未曾独立的设计师也开始宣传属于自己的设计品牌，这也是为什么在自己身上发掘更多商业技能成为一件必要的事情。网页设计师拥有自己的业务，销售的是自己的设计技能。如果没有系统的商业技能，就会挣扎于营销、找客户、维持客户等一系列冗杂的事务中无法脱身。
如果网页设计师懂得运营自己的业务，那么会明白如何通过与客户沟通来做决策，学会在职业生涯中高效处理多任务，保持作为网页设计师的创意思维，灵活多变地应对多种客户和不同项目，在闲暇的时候发展爱好，锻炼身体。
6．学会欣赏网页设计艺术
网页设计主要是网页设计软件的操作与技术应用的问题。但是，要使网页设计、制作得漂亮，必然离不开对网页进行艺术加工和处理，这就涉及美术的一些基本常识。
网页内容的美化首先要考虑风格定位。任何一个网页都要根据主题的内容决定其风格与形式，因为只有形式与内容的完美统一，才能达到理想的宣传效果。
网页作为一种版面，既有文字又有图片。文字有大有小，还有标题和正文之分；图片也有大小之分，而且有横竖之别。图片和文字都需要同时展示给浏览者，简单地罗列在一个页面上会显得杂乱无章。因此，必须根据内容的需要将这些图片和文字按照一定的次序进行合理的编排和布局，使它们组成一个有机整体展现出来。
7．向着职业巅峰前行
每个行业都有它的专业标准和可见的“巅峰”，网页设计也不例外。如果读者以成为一名优秀的网页设计师为奋斗目标，就应该明白该目标不是一朝一夕能实现的，需要不断地以此目标来鞭策自己，瞄准目标，设定学习的计划，保持学习的激情，朝着职业的巅峰努力、坚持，直到成功实现自己的目标。