静态网页设计-总结
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
网页设计
1.4 网页的基本构成元素
网页的基本构成元素 1、文本 网页中的信息主要是以文本为主的。 2、图像 一般图片被用于Logo, Banner,背景图等方面。 3、超链接 超链接是网站的灵魂，超链接可以是文字或者图 片。 4、表格 表格是网页排版的灵魂
网页设计
1.4 网页的基本构成元素
网页的基本构成元素 5、表单 表单是用来收集站点访问者信息的域集。 6、导航栏 导航栏就是一组超链接，用来方便地浏览站点。 7、动画 动画是网页上最活跃的元素，包括GIF动画和 FLASH动画。 8、框架 框架是网页的一种组织形式，将相互关联的多个 网页的内容组织在一个浏览器窗口中显示。
1.3 网页类型
网页类型分类 根据网页制作的语言，可以将网页分为静态网页 和动态网页。静态网页使用的语言是HTML,动态网 页使用的语言有HTML+ASP、HTML+PHP或HTML+JSP 等。
网页设计
1.3 网页类型
静态网页的基本特点 1、每个网页都有一个固定的URL，且URL 以.htm、.html、.shtml等常见形式为后缀，而不 含有“？”。 2、网页内容一经发布，无论是否有用户访问，内 容都是保存在网站服务器上的。 3、静态网页的内容相对稳定，因此容易被搜索引 擎检索。 4、静态网页没有数据库的支持。 5、静态网页的交互性较差，在功能方面有较大的 限百度文库。
网页设计
1.1 Web服务器工作原理、相关术语及概念
URL概述 URL是Uniform Resource Location的缩写，译为 “统一资源定位符”。 通俗地说，URL是Internet上用来描述信息资源的 字符串,用一种统一的格式来描述各种信息资源。
网页设计
1.1 Web服务器工作原理、相关术语及概念
网页设计
2.2 HTML的基本结构-语法结构
HTML的标签 HTML的标签，大、小写或混写均可。如：<HTML>、 <html>、<Html>，其结果都是一样的。
在每个HTML标签中，还可以设置一些属性，控制 标签所建立的元素。设置标签属性的语法如下： <标签名称 属性1=“值1” 属性2=“值2”...>元素</ 标签名称> 语法中，设置各属性所使用的“"”可省略。
HTML文件是根据html语法规则写出来的文件，一般扩展名 为.html或.htm
网页设计
2.2 HTML的基本结构-语法结构
HTML的标签 一个HTML文件由一系列的元素和标签组成。 标签是HTML文件的重要组成部分。
HTML的标签分成对出现的标签和单独出现 的标签两种。
大多数标签是成对出现的，由首标签和尾 标签组成。标签的完整语法如下所示： <标签名称>要控制的元素</标签名称>
URL组成 URL由三部分组成 第一部分是协议（或称为服务方式）； 第二部分是存有该资源的主机IP地址（有时也包 括端口号）；
第三部分是主机资源的具体地址。如目录和文件 名等。
网页设计
1.1 Web服务器工作原理、相关术语及概念
URL实例
http://nitnews.nyist.net/ info_19626.html http://202.102.240.88/ http://www.sohu.com/
第一部分和第二部分之间用“：//”符号隔开，第 二部分和第三部分用“/”符号隔开。第一部分和第 二部分是不可缺少的，第三部分有时可以省略。
网页设计
1.2 网页和网站
网页与网站的关系
网页就是通过浏览器在 Internet上看到的页面， 英文名称为 Web Page； 网站也称为站点，英文名称为 Web Site，是多个 网页的集合，这些网页通过链接而被组织起来， 他们具有共享的属性，例如相同的主题或目标。
网页设计
2.2 HTML的基本结构-文档结构
HTML的基本结构 <html> <head> <title>第一个HTML示例</title> </head> <body> HTML的基本结构。 </body> </html>
网页设计
1.3 网页类型
动态网页的基本特点 1、动态网页以数据库技术为基础，可以大大降低 网站维护的工作量。 2、采用动态网页技术的网站可以实现更多的功能。 3、动态网页实际上并不是独立存在于服务器上的 网页文件，只有当用户请求时服务器才返回一个 完整的网页。 4、动态网页中的“？”对搜索引擎检索存在一定 的问题。
网页设计
1.2 网页和网站
主页 也叫首页，主页(Homepage)是网站中的一个特殊 页面，它专指一个网站的首页。具体的说它是作 为一个组织或个人在网络上站点开始点的页面， 其中包含指向其他页面的超链接。通常主页的名 称是固定的，例如叫做index.htm 或 index.html 等。
网页设计
1.1 Web服务器工作原理、相关术语及概念
Web工作原理
网页设计
1.1 Web服务器工作原理、相关术语及概念
Web工作原理 客户机和WWW服务器之间的通信通常分为三个步 骤： 1、首先，客户机通过浏览器向服务器发送HTTP 请求，请求一个特定的网页； 2、然后，服务器接收这个请求，找到所请求的 网页，用HTTP协议再将这个网页通过Internet 发送给客户机； 3、最后，客户机接收这个网页，并将其显示在 浏览器中。
HTML（Hypertext Markup Language) 超文本标记语言,是 用于描述网页文档的一种标记语言。 HTML并不是一种程序，它只是一种控制网页中信息显示的 标记语言。 HTML中定义了一系列标签，这些标签用于组织文字、图片、 链接、表格等元素，以及控制网页的文档格式、字符格式、 段落格式等。
网页设计
1.6 网页制作常用工具和语言
网页制作常用工具 1．FrontPage（排版） 2．Dreamweaver（排版） 3．Fireworks （美化） 4．Photoshop（美化） 5．Flash （美化） 6.记事本 7.vs2005或vs2008
网页设计
2.1 HTML网页技术简介