网页设计课程第1章.pptVIP

CNNIC发布《第28次中国互联网络发展状况统计报告》 2011年7月19日，中国互联网络信息中心（CNNIC）在京发布了《第28次中国互联网络发展状况统计报告》。 《报告》显示，截至2011年6月底，中国网民规模达到4.85亿，较2010年底增加2770万人，增幅仅为6.1%，网民规模增长减缓；最引人注目的是，在大部分娱乐类应用使用率有所下滑，商务类应用呈平缓上升的同时，微博用户数量以高达208.9%的增幅，从2010年底的6311万爆发增长到1.95亿，成为用户增长最快的互联网应用模式。 中国网民数 相关概念 Internet WWW： World Wide Web Internet的中文名称是因特网或国际互联网，是一个几乎覆盖了全世界的计算机网络。 Internet提供的服务主要有万维网（WWW）服务、电子邮件（E- mail）服务、文件传输（FTP）服务、远程登录（Telnet）服务和新闻与公告类（Usenet）服务等。 第一章 网页设计概述 1.1 基础知识 1.2 Web标准 1.3 网站整体制作流程 1.4 静态页面制作流程 1.5 影响设计的技术因素 1.1 基础知识 网站 网站(Web Site)是一个存放网络服务器上的完整信息的集合体。它包含一个或多个网页，这些网页以一定的方式链接在一起，成为一个整体，用来描述一组完整的信息或达到某种期望的宣传效果。 网页 网页(Web pages)是网站的组成部分，制作者可以将需要公布的信息按照一定的方式分类，放在每个网页上，网页里可以有文字、图象、声音及视频信息等。网页可以看成是一个单一体，是网站的一个元素。 首页 首页(Home page)，也可以称之为主页，它是一个单独的网页，和一般网页一样，可以存放各种信息，同时又是一个特殊的网页，作为整个网站的起始点和汇总点，是浏览者访问一个网站的第一个网页。 网页实际上就是一个用超文本标记语言HTML（hyper text markup language）编写的文本文件，从而把文字、表格、图像、动画、声音和视频等各种媒体有机地组合在一起。 Question:如何查看网页的源代码 要查看这个HTML的源代码，有两种方法。 一是在网页内点击鼠标右键，点击View Source(查看源文件)命令； 二是选择浏览器菜单View(查看)中的Source(源文件)命令。 服务器、客户机、浏览器 服务器是提供资源和服务的计算机。 客户机是供用户使用资源和享受服务的计算机。 浏览者在访问网页时，使用的是客户机。浏览器向存放网页的WWW服务器（经常是在很远的地方）发出一个请求；收到请求后，WWW服务器将响应信号和网页发送给客户机。 网页的基本元素 文本 图片 动画 表单 音/视频 动态网页与静态网页 动态网页：由Web服务器接到用户访问请求后动态生成的页面；内容会随着访问的变化而相应变化 静态网页：由纯粹的HTML语言实现的网页；网页文档存储在Web服务器的文件系统中，内容通常不随浏览者的不同需求而改变 可以简单的从文件的扩展名来看一个网页文件是动态网页还是静态网页 静态网页的URL的后缀是.htm、.html、.shtml、.xml等 动态网页的URL的后缀是.asp、 .aspx、.jsp、.php、.perl、.cgi等 常用的动态网页技术有：JSP、ASP、PHP、CGI等 1.2 Web标准 WEB标准，即网站标准。目前所说的WEB标准一般指网站建设采用基于XHTML语言的网站设计语言, WEB标准中典型的应用模式是DIV+CSS。 通常为了说明与HTML网页设计语言中的表格（table）定位方式的区别，因为XHTML网站设计标准中，不再使用表格定位技术，而是采用DIV+CSS的方式实现各种定位。 WEB标准不是某一个标准，而是一系列标准的集合。 网页主要由三部分组成：结构（Structure）、表现（Presentation）和行为（Behavior）。 对应的标准也分三方面： 结构化标准语言主要包括XHTML和XML， 表现标准语言主要包括CSS， 行为标准主要包括对象模型（如W3C DOM）、ECMAScript等。 这些标准大部分由W3C起草和发布，也有一些是其他标准组织制订的标准。 1.3 网站整体制作流程 前期策划 页面细化及实施 后期维护 1.4 静态页面制作流程 观察图纸 拆分图纸 组装 1.5 影响设计的技术因素 屏幕显示分辩率 浏览器类型 浏览器：万维网(Web)服务的客户端浏览程序。可向万维网(Web)服务器发送各种请求，并对从服务器发来的超文本信息和各种多媒体数据格式进行解释、显示和播放。 个人电脑上常见的网页浏览器包括微软