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