项目一网页设计概述

*,*,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,网页设计与制作项目化教程,主编 凌云 魏慧,项目一 网页设计概述,项目一 网页设计概述,【,知识目标,】,1,了解网站的基本概念。,2,了解网页设计的基本流程。,3,了解网页布局的基本知识，掌握常见的网页布局类型。,项目一 网页设计概述,【,技能目标,】,1,能描述网页设计的工作流程。,2,能区分不同的网页布局方案。,1.1,网页设计工作流程,1.1.1,网站的需求分析,1.,确定主题,（,1,）主题要小而精；,（,2,）主题不要太滥；,（,3,）对于个人网站来说题材最好是自己擅长或者喜爱的内容。,2.,确定浏览对象,1.1.2,规划站点结构,1.,网站规划的基本原则,（,1,）明确建设网站的目的；,（,2,）进行可行性分析；,（,3,）网站的内容设计；,（,4,）网站的表现形式设计。,1.1.2,规划站点结构,2.,确定网站的目录结构,（,1,）不要将所有文件都存放在根目录下；,（,2,）按栏目内容建立子目录；,（,3,）在每个主目录下都建立独立的,images,目录；,（,4,）目录的层次不要太深。,1.1.3,收集素材,主要有以下,4,个途径：,（,1,）客户提供的资料；,（,2,）书籍、报刊杂志等纸质媒介；,（,3,）网络；,（,4,）自己动手设计制作。,1.1.4,设计制作网站网页,设计网页就是对页面进行布局的设计、色彩的搭配，协调文字、图片、音乐、动画、视频等页面内容。,制作网页比较简单，利用,Dreamweaver,，在网页上插入文本段落、图像、,Flash,动画、表、动态,HTML,效果、声音以及超级链接，这些都可以在很短的时间内完成，当然在制作过程中需要利用,Photoshop,等工具对一些素材进行必要的处理。,1.1.5,开发动态网站功能模块,1.,搜索功能,2.,留言板,3.,新闻信息发布系统,4.,在线购物,1.1.6,申请域名和服务器空间,1.,申请空间时注意的问题,（,1,）对网站有全面的认识；,（,2,）通过观察服务商现有客户的网站，比较不同服务商的服务质量；,（,3,）在签定协议时，注意一些细节问题；,（,4,）如果企业较大，可以申请专线。,1.1.6,申请域名和服务器空间,2.,中小型企业的觖决之道,（,1,）虚拟主机,（,2,）主机托管,1.1.7,设计制作网站网页,成功申请网站的域名和空间后就能够上传网站了，可以采用,Dreamweaver,自带的站点管理上传文件，也可以采用专门的,FTP,软件上传。注意在申请空间时一定要记下你所申请空间的,FTP,主机地址、你的用户名、密码等信息，这些都是上传时必须要设置的内容。,一个好的网站，不是一次性制作完美就可以了，由于周围环境的不断变化，网站的内容也需要随之调整，给人以常新的感觉，这就要求我们对网站进行长期的不间断的维护和更新。,1.1.8,推广网站,主要采用以下,4,种方法：,（,1,）在著名的搜索引擎,(,如谷歌、百度、网易、新浪等,),中登记注册自己的网站；,（,2,）与同类或者相关类型网站联手合作，交换网站的友情链接；,（,3,）通过其他宣传媒体或方式推广网站，如散发广告单，做报刊或电视广告等；,（,4,）通过在合作网站或专门网站上进行广告交换的方式进行网站宣传。,1.2,网页的基本构成元素,1.,页面标题,2.,网站标志,3.,页面尺寸,4.,导航栏,5.,页眉和页脚,1.3,网页的布局,1.“,国”字型布局,1.3,网页的布局,2.“,厂”字型布局,1.3,网页的布局,3.“,框架”型布局,1.3,网页的布局,4.“,封面”型布局,1.3,网页的布局,5.Flash,型布局,