网页设计的一般步骤.ppt

网页设计的一般步骤,在学习使用各种网页制作软件之前，首先要了解网页设计的一般步骤，这将有助于从总体上把握网页设计的流程。网页设计的一般步骤包括规划站点、制作页面效果图、切图、制作静态Web页面、添加程序、发布Web站点、推广和维护等几个方面。下面将对各个步骤进行逐一讲解。,1.1 网站的发布条件,在制作网站之前，首先要了解一个网站能够发布所需要的条件。这些条件决定了网站上线后的浏览速度和搜索情况等。其中，域名和空间对于一个网站非常重要，一个好的域名和空间可以让网站更方便地被记住并快速显示出来。下面将对Internet、域名、空间这几个常用的术语进行详细讲解。 1Internet 2域名 3空间,1.2 网站的CI形象设计,CI形象设计又称为企业的视觉形象设计，其内容并不仅仅是颜色的搭配，也包含各种互动的元素和多媒体效果。在CI形象设计中，最重要的一条就是整体风格。每个网站的视觉设计都要遵循一个主题，或者活泼或者和谐统一，所有设计都要围绕这一主题展开，否则网站就会给人杂乱无章的感觉。,1.3 规划网站的栏目与版块,网站的栏目与版块是和网站的功能、需求密切相关的，在规划网站栏目与版块的时候一定要注意实用性的原则，尽量避免冗余信息对浏览者的干扰。如果网站的内容非常多，要尽量对网站内容进行详细地归类，以便于浏览者快速浏览。,1.4 规划网站的目录结构和链接结构,网站的目录结构对于网站来说非常重要，它直接关系到网站是否方便浏览。一个简单、清晰、合理的目录结构可以让浏览者方便快捷地找到需要的内容；而一个混乱不堪，或者需要很多次链接才能找到目标内容的网站，通常会让浏览者感到厌烦。,1.5 网页版面布局与首页设计,在了解并确定了网站的CI形象设计、版块构成、目录结构之后，接下来就是制作页面效果图了。制作页面效果图的目的，是向客户展示页面的显示效果，以便客户对页面设计提出具体的修改意见。使用效果图的好处在于便于修改，并且方便直观。下面分别讲解其中涉及的相关内容。 1制作效果图的软件 2效果图的制作,1.6 制作Flash动画,在网页中，使用的多媒体内容主要为Flash动画。因为Flash动画内容可以在页面中直接使用（在浏览器中也可以屏蔽Flash动画内容的显示），而其他多媒体内容都需要客户端安装相应的播放器来支持。在网页中使用Flash动画要首先考虑动画的必要性，因为动画相对于图片和文字等内容要更加复杂，而使用动画的目的也是为了让信息的传达更加方便。如果没有考虑内容的合理性，而盲目地使用动画，可能会费力不讨好，对浏览者造成产生阅读的障碍。,1.7 切图,网页的效果图制作完成后，接下来就要将效果图制作成真正的网页了。在制作网页之前，首先要对效果图进行切片。切片的目的是制作页面中使用的修饰图片。 对效果图进行切片，可以在Photoshop（或者相关联软件Imageready）中进行，也可以在Fireworks中进行。,1.8 制作静态Web页面,静态Web页面是指使用HTML等语言制作的、不能和服务器进行交互的页面。制作静态Web页面这个步骤，是为了使网页制作的分工更加明确。通常在制作好静态页面之后还要为页面添加程序，让页面的内容显示更加方便。 制作静态页面时，通常使用的软件是Dreamweaver。制作的静态页面一般是HTML页面，文件的扩展名为“.html”。制作好的HTML页面，可以直接在浏览器中查看其显示效果。制作静态页面是网页设计中非常核心的一步，这一步关联着效果图和程序。好的静态页面可以完全展示出效果图中设计的效果，同时便于后期程序的添加。,1.9 添加程序,添加程序的目的是使页面能够和服务器中的资源进行交互，一般要涉及对数据库的操作。添加程序后的页面处理和显示信息的效率更高，并且更易维护。 根据所使用程序语言的不同，网页中使用的程序可以分为ASP程序、ASP.NET程序、JSP程序、PHP程序等。使用不同的程序，对实现网页的功能并没有影响。,1.10 发布Web站点,在网页中添加了程序，并且客户对网页的所有功能和页面效果都确认后，就可以正式发布制作好的站点了。发布站点的过程就是将本地的站点文件上传到网站空间，通常使用Flashfxp等软件来完成。发布站点的前提是要先拥有域名和空间。,1.11 推广和维护,网站的推广和维护，也是网站建设中相当重要的部分。针对站点的性质和