网页设计的一般步骤

《网页设计的一般步骤》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、网页设计的一般步骤在学习使用各种网页制作软件之前，首先要了解网页设计的一般步骤，这将有助于从总体上把握网页设计的流程。网页设计的一般步骤包括规划站点、制作页面效果图、切图、制作静态Web页面、添加程序、发布Web站点、推广和维护等几个方面。下面将对各个步骤进行逐一讲解。1.1网站的发布条件在制作网站之前，首先要了解一个网站能够发布所需要的条件。这些条件决定了网站上线后的浏览速度和搜索情况等。其中，域名和空间对于一个网站非常重要，一个好的域名和空间可以让网站更方便地被记住并快速显示出来。下面将对Internet、域名、空间这几个常用

2、的术语进行详细讲解。1．Internet2．域名3．空间1.2网站的CI形象设计CI形象设计又称为企业的视觉形象设计，其内容并不仅仅是颜色的搭配，也包含各种互动的元素和多媒体效果。在CI形象设计中，最重要的一条就是整体风格。每个网站的视觉设计都要遵循一个主题，或者活泼或者和谐统一，所有设计都要围绕这一主题展开，否则网站就会给人杂乱无章的感觉。1.3规划网站的栏目与版块网站的栏目与版块是和网站的功能、需求密切相关的，在规划网站栏目与版块的时候一定要注意实用性的原则，尽量避免冗余信息对浏览者的干扰。如果网站的内容非常多，要尽量对网站内

3、容进行详细地归类，以便于浏览者快速浏览。1.4规划网站的目录结构和链接结构网站的目录结构对于网站来说非常重要，它直接关系到网站是否方便浏览。一个简单、清晰、合理的目录结构可以让浏览者方便快捷地找到需要的内容；而一个混乱不堪，或者需要很多次链接才能找到目标内容的网站，通常会让浏览者感到厌烦。1.5网页版面布局与首页设计在了解并确定了网站的CI形象设计、版块构成、目录结构之后，接下来就是制作页面效果图了。制作页面效果图的目的，是向客户展示页面的显示效果，以便客户对页面设计提出具体的修改意见。使用效果图的好处在于便于修改，并且方便直观。

4、下面分别讲解其中涉及的相关内容。1．制作效果图的软件2．效果图的制作1.6制作Flash动画在网页中，使用的多媒体内容主要为Flash动画。因为Flash动画内容可以在页面中直接使用（在浏览器中也可以屏蔽Flash动画内容的显示），而其他多媒体内容都需要客户端安装相应的播放器来支持。在网页中使用Flash动画要首先考虑动画的必要性，因为动画相对于图片和文字等内容要更加复杂，而使用动画的目的也是为了让信息的传达更加方便。如果没有考虑内容的合理性，而盲目地使用动画，可能会费力不讨好，对浏览者造成产生阅读的障碍。1.7切图网页的效果图制

5、作完成后，接下来就要将效果图制作成真正的网页了。在制作网页之前，首先要对效果图进行切片。切片的目的是制作页面中使用的修饰图片。对效果图进行切片，可以在Photoshop（或者相关联软件Imageready）中进行，也可以在Fireworks中进行。1.8制作静态Web页面静态Web页面是指使用HTML等语言制作的、不能和服务器进行交互的页面。制作静态Web页面这个步骤，是为了使网页制作的分工更加明确。通常在制作好静态页面之后还要为页面添加程序，让页面的内容显示更加方便。制作静态页面时，通常使用的软件是Dreamweaver。制作的

6、静态页面一般是HTML页面，文件的扩展名为“.html”。制作好的HTML页面，可以直接在浏览器中查看其显示效果。制作静态页面是网页设计中非常核心的一步，这一步关联着效果图和程序。好的静态页面可以完全展示出效果图中设计的效果，同时便于后期程序的添加。1.9添加程序添加程序的目的是使页面能够和服务器中的资源进行交互，一般要涉及对数据库的操作。添加程序后的页面处理和显示信息的效率更高，并且更易维护。根据所使用程序语言的不同，网页中使用的程序可以分为ASP程序、ASP.NET程序、JSP程序、PHP程序等。使用不同的程序，对实现网页的功

7、能并没有影响。1.10发布Web站点在网页中添加了程序，并且客户对网页的所有功能和页面效果都确认后，就可以正式发布制作好的站点了。发布站点的过程就是将本地的站点文件上传到网站空间，通常使用Flashfxp等软件来完成。发布站点的前提是要先拥有域名和空间。1.11推广和维护网站的推广和维护，也是网站建设中相当重要的部分。针对站点的性质和需求，推广和维护的方法也不尽相同。其中，推广的方法包括百度、Google等搜索引擎上的推广，相关论坛推广，邮件推广等。网站的维护，要视站点的复杂程度和规模，指定专人或由网站建设服务商完成。