网页设计的一般步骤.ppt_第1页
网页设计的一般步骤.ppt_第2页
网页设计的一般步骤.ppt_第3页
网页设计的一般步骤.ppt_第4页
网页设计的一般步骤.ppt_第5页
已阅读5页,还剩8页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

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

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论