项目一网页设计概述.ppt

网页设计与制作项目化教程,主编 凌云 魏慧,项目一 网页设计概述,项目一 网页设计概述,【知识目标】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型布局,