项目一 网页设计概述

1、网页设计与制作项目化教程,主编,凌云,魏慧,1,项目一,网页设计概述,2,项目一,网页设计概述,【知识目标】,1,了解网站的基本概念。,2,了解网页设计的基本流程。,3,了解网页布局的基本知识，掌握常见的网,页布局类型。,3,项目一,网页设计概述,【技能目标】,1,能描述网页设计的工作流程。,2,能区分不同的网页布局方案。,4,1.1,网页设计工作流程,1.1.1,网站的需求分析,1.,确定主题,（,1,）主题要小而精；,（,2,）主题不要太滥；,（,3,）对于个人网站来说题材最好是自己,擅长或者喜爱的内容。,2.,确定浏览对象,5,1.1.2,规划站点结构,1.,网站规划的基本原则,（,1,

2、）明确建设网站的目的；,（,2,）进行可行性分析；,（,3,）网站的内容设计；,（,4,）网站的表现形式设计。,6,1.1.2,规划站点结构,2.,确定网站的目录结构,（,1,）不要将所有文件都存放在根目录下,；,（,2,）按栏目内容建立子目录,；,（,3,）,在,每,个,主,目,录,下,都,建,立,独,立,的,images,目录；,（,4,）目录的层次不要太深,。,7,1.1.3,收集素材,主要有以下,4,个途径：,（,1,）客户提供的资料,；,（,2,）书籍、报刊杂志等纸质媒介,；,（,3,）网络,；,（,4,）自己动手设计制作,。,8,1.1.4,设计制作网站网页,设计网页就是对页面进行

3、布局的设计、色彩,的搭配，协调文字、图片、音乐、动画、视频,等页面内容。,制作网页比较简单，利用,Dreamweaver,，,在网页上插入文本段落、图像、,Flash,动画、表、,动态,HTML,效果、声音以及超级链接，这些都可,以在很短的时间内完成，当然在制作过程中需,要利用,Photoshop,等工具对一些素材进行必要的,处理。,9,1.1.5,开发动态网站功能模块,1.,搜索功能,2.,留言板,3.,新闻信息发布系统,4.,在线购物,10,1.1.6,申请域名和服务器空间,1.,申请空间时注意的问题,（,1,）对网站有全面的认识,；,（,2,）通过观察服务商现有客户的网站，,比较不同服务

4、商的服务质量,；,（,3,）在签定协议时，注意一些细节问题；,（,4,）如果企业较大，可以申请专线。,11,1.1.6,申请域名和服务器空间,2.,中小型企业的觖决之道,（,1,）虚拟主机,（,2,）主机托管,12,1.1.7,设计制作网站网页,成功申请网站的域名和空间后就能够上传,网站了，可以采用,Dreamweaver,自带的站点管,理上传文件，也可以采用专门的,FTP,软件上传。,注意在申请空间时一定要记下你所申请空间的,FTP,主机地址、你的用户名、密码等信息，这,些都是上传时必须要设置的内容。,一个好的网站，不是一次性制作完美就可,以了，由于周围环境的不断变化，网站的内容,也需要随之

5、调整，给人以常新的感觉，这就要,求我们对网站进行长期的不间断的维护和更新。,13,1.1.8,推广网站,主要采用以下,4,种方法：,（,1,）在著名的搜索引擎,(,如谷歌、百度、网易、,新浪等,),中登记注册自己的网站；,（,2,）与同类或者相关类型网站联手合作，交换,网站的友情链接；,（,3,）通过其他宣传媒体或方式推广网站，如散,发广告单，做报刊或电视广告等,；,（,4,）通过在合作网站或专门网站上进行广告交,换的方式进行网站宣传,。,14,1.2,网页的基本构成元素,1.,页面标题,2.,网站标志,3.,页面尺寸,4.,导航栏,5.,页眉和页脚,15,1.3,网页的布局,1.,“,国”字型布局,16,1.3,网页的布局,2.,“,厂”字型布局