第一章-网页设计基础ppt课件

单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,序言,网页设计与制作,中南财经政法大学,张爱菊,网页设计与制作中南财经政法大学,1,教学要求,掌握基本的网页设计技巧,能独立建设简单的网站,掌握网站构建原理,初步掌握Html语言的用法,熟练使用Dreamweaver进行网页制作,教学要求掌握基本的网页设计技巧,2,第一章 网页设计基础,1.1 网页设计中的基本概念,1.2 构成网页的基本要素,1.3 网页制作常用工具,1.4 网页美化工具,1.5 建立网站的基本流程,1.6 网页设计艺术,第一章 网页设计基础1.1 网页设计中的基本概念,3,1.1 网页中的基本概念,网站,网页,主页（首页）,静态网页,动态网页,1.1 网页中的基本概念网站,4,-,存放在网络服务器上完整信息的集合。包含一个或多个网页，这些网页以超级链接的方式连接在一起，形成一个整体，描述一组完整的信息。,衡量一个网站的性能通常从网站空间大小、网站位置、网站连接速度、网站的软件配置、网站提供的服务等几个方面考虑。,网站,-存放在网络服务器上完整信息的集合。包含,5,网 页,构成：文字、图片、动画、声音、超链接等。,编写语言：HTML,文档后缀”.htm”,”.html”,为文本文档，可用任何文本编辑软件进行编辑。,网 页,6,主 页,构成因特网的基本元素是网页，许多网页链接在一起就组成网站，每个网站的首页，即通过浏览器呈现的第一个页面被称为主页，一般命名为index.htm。主页是一个网站的标志，因此主页的制作效果非常关键。,主 页,7,静态网页,网页内容不会发生变化，不能实现与网页浏览者之间的互动，信息流向只能从服务器到浏览器。除非设计者自行修改网页的内容。,静态网页,8,动态网页,能够实现与网页浏览者之间的互动，即由后台数据库提供实时的数据更新和数据查询服务。,BBS、留言板、购物系统、用户注册、搜索查询等通常由动态网页实现。,常用到ASP、JSP、PHP等程序设计语言。,网页的后缀名由编程语言决定：.asp,.jsp,.php。,动态网页,9,1.2 构成网页的基本要素,文字-,标题、字号、字型,图片-,菜单按钮、背景图形（JPEG、GIF）,超链接-,超链接是网页中最根本的元素之一。,表格-,用来控制网页中信息的布局方式。,表单-,网页的交互功能都是利用表单来实现的。,声音和视频-,MIDI、WAV、MP3和AIF等。,LOGO,横幅广告条,导航栏,Flash动画,1.2 构成网页的基本要素文字-标题、字号、字型,10,1.3 网页制作常用工具,超文本标识语言（HTML）,FrontPage,Dreamweaver,1.3 网页制作常用工具超文本标识语言（HTML）,11,1.4 网页美化工具,Photoshop,Fireworks,Flash,1.4 网页美化工具Photoshop,12,1.5 建立网站的基本流程,网,站,的,策,划,与,准,备,阶,段,规划网站结构,确定主题,收集素材,网,站,的,策,划,与,准,备,阶,段,设计网页版式,规划网站结构,确定主题,收集素材,1.5 建立网站的基本流程网规划网站结构确定主题收集素材网设,13,网站的制作,网,站,的,策,划,与,准,备,阶,段,规划网站结构,确定主题,收集素材,网,站,的,制,作,上传网站,插入元件与排版,确定网站结构,制作网页元素,维护与更新,网站的制作网规划网站结构确定主题收集素材网上传网站插入,14,确定主题,网站的主题也就是网站的题材，是网站设计首先遇到的问题。,网站的定位要小，内容要精。,网站的题材最好选自己擅长或者喜爱的内容。,网站名称，是网站设计的一部分，而且是一个关键的要素，和现实生活中一样，网站名称是否正气、响亮、易记，这对网站的形象和宣传推广也有很大影响。,确定主题 网站的主题也就是网站的题材，是网站设计首先,15,搜集资料,搜集建站需要的各种素材，这个工作要做充分；,素材的搜集要围绕主题展开。,搜集资料搜集建站需要的各种素材，这个工作要做充分；,16,网站的整体规划,进行网站的整体规划也就是组织网站的内容并设计其结构。,网站的整体规划进行网站的整体规划也就是组织网站的内容并设计其,17,网页设计与制作,静态网页的设计与制作,为网页添加动态效果,网页设计与制作静态网页的设计与制作,18,测试与发布网页,当网页设计人员制作完所有网站页面之后，需要对所设计的网页进行审查和测试，测试内容包括功能性测试和完整性测试两个方面。,测试与发布网页当网页设计人员制作完所有网站页面之后，需要对所,19,测试与发布网页,所谓功能性测试就是要保证网页的可用性，达到最,初的组织设计目标，实现所规定的功能，浏览者可,以方便快速地寻找到所需的内容网页。完整性测试,就是保证页面内容显示正确，链接准确，无差错无,遗漏。,测试与发布网页所谓功能性测试就是要保证网页的可用性，达到最,20,网站的更新与维护,网站要注意经常维护更新内容，保持内容的新鲜。,网站的更新与维护网站要注意经常维,21,1.6 网页艺术设计,网页版式设计,1.版式设计原则,(1)统一,(2)平衡,(3)连贯和呼应,(4)分割,(5)对比,(6)和谐,1.6 网页艺术设计网页版式设计,22,2.常见的网页布局,(1)表格布局,(2)框架布局,(3)层布局,(4)自由式布局,2.常见的网页布局,23,3.网页色彩设计,在网页中是以RGB方式来表示颜色的。,在网页中合理运用色彩。,不超过3中颜色的原则。,3.网页色彩设计,24,常见问题,网页文本编排常规解决办法,Fireworks与Photoshop各自特点,在Dreamweaver中最好不要用中文命名的文件或者素材,常见问题网页文本编排常规解决办法,25,