1.4 网页设计基础知识 课件 -2022-2023学年高一下学期（中职）《网页设计与制作》（高等教育出版社）

网页设计与制作 第01章 网页设计概述 本章内容 网页基本概念 网页浏览的基本原理 常用网页编辑工具 网页设计基础知识 2 网页设计与制作 1.4 网页设计基础知识 1.4.1 什么是网站建设 网站建设是一种新兴的、综合性的技术，泛指由网站策划师、网络程序员、网页设计师等岗位，应用各种网络程序开发技术和网页设计技术，为企事业单位、公司或个人在全球互联网上建设站点，并包含域名注册和主机托管等服务的总称。 3 网页设计与制作 1.4 网页设计基础知识 1.4.2 网站建设的基本步骤 （1）确定主题 网站主题就是你要建立的网站所包含的主要内容。通常一个网站应该要有一个明确的主题，特别是对于个人网站而言，你没有能力和精力去做出像新浪、网易这种覆盖领域广、更新速度快的综合性网站。所以必须要确定一个鲜明的主题，然后在这个主题范围内做大、做全、做深、做透，办出自己的特色，这样才能给用户留下深刻的印象和良好的口碑。 可以通过多种渠道来帮助确定网站主题，比如：用户需求调查分析，对相关行业的市场及竞争对手的分析，对自身软硬件及人力资源的分析等。 4 网页设计与制作 1.4 网页设计基础知识 1.4.2 网站建设的基本步骤 （2）规划网站 一个网站设计得成功与否，很大程度上取决于设计者的规划水平。规划网站就像建筑师设计高楼一样，只有图纸设计好了，才能建成一座安全、漂亮的大厦。网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用、网站开发技术方案、网站安全性措施等。只有在制作网站之前把这些方面都考虑好了，才能在制作时驾轻就熟、胸有成竹，制作出来的网站才能有个性、有特色、可信赖、具有吸引力。对于如何做好网站规划的一些具体内容，在本节后面部分会有更详细的介绍。 5 网页设计与制作 1.4 网页设计基础知识 1.4.2 网站建设的基本步骤 （3）搜集资源 明确了网站的主题和规划以后，就要以此为中心开始搜集相关资源了。常言道：“巧妇难为无米之炊”。要想让自己的网站有血有肉，能够吸引住用户，就必须努力去搜集可信度高、内容丰富的资源。这些资源既可以从图书、报纸、光盘等媒介上得到，也可以从互联网上搜集，最后把搜集的资源去粗取精、去伪存真、分类整理，作为自己制作网页的素材。 6 网页设计与制作 1.4 网页设计基础知识 1.4.2 网站建设的基本步骤 （4）选择工具 尽管选择什么样的开发工具并不一定会直接决定项目的成败，但是一款功能强、效率高的软件往往可以起到事半功倍的效果。网站制作涉及的工具比较多，在前面已有所述，首先是网页制作工具，目前绝大多数设计人员选用的都是所见即所得的编辑工具，这其中的代表当然是Dreamweaver和FrontPage了。除此之外，还有图片编辑工具，如Photoshop、PhotoImpact等；动画制作工具，如Flash、COOL 3D、GIF Animator等；还有网页特效工具，如有声有色等。网上有许多这方面软件的学习资料，读者可以根据需要来进行针对性的学习。 7 网页设计与制作 1.4 网页设计基础知识 1.4.2 网站建设的基本步骤 （5）制作网站 素材有了，工具也选好了，接下来就需要按照规划一步一步地把自己的想法变成现实了。这是一个复杂而细致的过程，建议按照先大后小、先简后繁的原则进行制作。所谓先大后小，是指在制作网站时，先把大的结构设计好，然后再逐步完善小的结构设计。所谓先简后繁，就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题时便于修改。在制作网站时要善于灵活运用模板，这样可以大大提高制作效率。 8 网页设计与制作 1.4 网页设计基础知识 1.4.2 网站建设的基本步骤 （6）上传测试 网站制作完毕后必须要发布到Web服务器上，才能够让全世界感兴趣的用户去浏览。现在上传的工具有很多，甚至有些网站制作工具本身就带有网站上传功能。利用这些上传工具，你可以很方便地把网站发布到自己已申请好的Web服务器上。网站上传完毕后要进行严格、周密的测试，比如前台页面的有效性、后台程序的稳定性和安全性、程序及数据库的可靠性、网页兼容性、网页链接有效性等测试环节，发现问题及时修改，然后再重新上传、测试，直至整个网站通过测试后才能正式对外发布。 9 网页设计与制作 1.4 网页设计基础知识 1.4.2 网站建设的基本步骤 （7）宣传推广 网站正式发布之后，还要不断地进行宣传和推广，这样才能让更多的用户认识它、喜欢它，从而提高网站的访问量和知名度。宣传推广的方法有很多，例如：到知名搜索引擎上登记注册、与其他网站交换友情链接、加入广告链、各类媒体的广告发放等。 10 网页设计与制作 1.4 网页设计基础知识 1.4.2 网站建设的基本步骤 （8）维护更新 网