网页设计的基本概念.ppt

,网页设计的基本概念,什么是网页、网站？网页的板块结构？网页包含哪些基本的构成元素？,网站（web site）是一个存放网络服务器上的完整信息的集合体。它包含一个或者多个网页，这些网页以一定方式链接在一起，成为一个整体，用来描述一组完整的信息或达到期望的宣传效果。有的网站内容众多，如新浪、搜狐等门户网站；有的网站只有几个页面，比如说企业网站。,网站,网页,网页是一个文件，它存放在世界某个角落的某一台计算机中，而这台计算机必须是与互联网相连的。网页通常用图像档来提供图画。网页要透过网页浏览器来阅读。网页可以看成是一个单一体，是网站的一个元素。 平常我们听说的”新浪“、”搜狐“、”网易“等， 即俗称的”网站“。而当我们访问这些网站的时候，最直接访问的就是”网页“了。这许许多多的网页组成了整个站点，就是网站。,首页（home），它是一个单独的网页，和一般网页一样，可以存放各种信息，同时又是一个特殊的网页，作为整个网站的起始点和汇总点。例如，当浏览者输入搜狐网站地址”www.sohu.com“后出现第一个页面，即搜狐网站的首页。 问题：首页和主页有区别吗？ 1、通常网站为了方便浏览者查找和分类浏览网站的信息，会将信息分类，并建立一个网页以放置网站信息的目录，即网站的主页。 2、并非所有的网站都将主页设置为首页，有的网站喜欢在首页放置一段进入动画，并将主页的链接放置在首页上，浏览者需要单击首页的链接进入主页。,首页,静态网页：客户端与服务器不发生交互 访问者只能被动的浏览网站建设提供的网页内容。 其特点是：网页内容不会发生变化，除非网页设计者修改了网页的内容。不能实现和浏览网页的用户之间的交互。信息流向是单向的。 动态网页：客户端与服务器要发生交互 动态网页指的是浏览器可以和服务器数据库进行实时数据交流的交互网页，而不是加上了动画等特效的动感网页。动态网页技术的网站可以实现更多的功能，如用户注册、用户登录、搜索查询、用户管理、订单管理等。信息流向是双向的。,网页的表现形式,网页的板块结构,Internet中的网页由于涉及和制作的差别而千变万化，但通常由几大板块组成。,通常网站为体现其特色与内涵，涉及并制作一个logo图像放置在网站的左上角或其他醒目的位置。 企业网站常常使用企业的标志或者注册商标。 一个优秀的logo可以给浏览者留下深刻的印象，为网站和企业形象宣传起到十分重要的作用。 往往整站的颜色风格也是根据logo来走的。,网站logo,logo,导航条是网页的重要组成元素。设计的目的是将站点内的信息分类处理，然后放在网页中可以帮助浏览者快速查找站内信息。 导航条的形式多种多样，包含文本导航条、图像导航条以及动画导航条等。 有些使用特殊技术如（flash、javascript、css）制作的导航条还可以具有下拉菜单的功能。,导航条,导航条,Banner 的中文意思是横幅。Banner的内涵常为网页中的广告 在网页布局中，大部分网页将Banner放置在与导航条相邻处，或者其他醒目的位置以吸引浏览者浏览。,Banner,网页的内容板块是整个网站的组成部分 设计员可以通过改页面的栏目要求来设计不同板块，每个人可以有一个标题内容，并且每个内容版块主要是来显示不同文本信息。,内容板块,版尾，即页面最低端的板块。 这部分位置通常放置网页的版权信息，以及网页所有者、设计者的联系方式等 有的网站也将网站的友情链接以及一些附属的导航条放置在这里。,版尾或版权板块,网页的基本构成要素,虽然网页的种类繁多，形式各有不同。但网页的基本构成元素大体相同，网页设计就是要将构成要素有机整合，表达出美与和谐。,文本,网页中的信息以文本为主。与图片相比，文字虽然不如图片那样能够快速的引起浏览者注意，但却能比较准确的表达信息的内容和含义。,文本,用户在网页中使用的图片格式主要包括gif、jpeg和png等，其中使用最广泛的是gif和jpeg两种格式。,图片,超链接,动画,http:/www.cecwpc.cn/,声音和视频,表格,表单,其他常见元素,网站建设的基本流程,规范的网站建设应遵循一定的流程，合理的流程可以最大限度的提高工作效率。网站建设流程主要规划设计阶段、实施发布阶段、评价阶段组成。,流程图,谢谢观看,2019/9/2,