网页设计与制作:第一章HTML与CSS网页设计与概述。第二章:HTML入门。

在这里插入图片描述
第一章HTML与CSS网页设计与概述。
1.Web基本概念
Web中文译为网页。传音博客的官方网站:传音博客
网站由网页构成,网页有静态动态之分。所谓静态网页是指用户无论何时何地的访问,网页都会显示固定信息,除非网页源代码被重新修改上传。静态网页更新很不方便,但是访问速度快。
动态网页显示的内容会随着用户操作和时间的不同而变化,这是动态网页可以和服务器数据库进行实时的数据交换。
Internet:所谓的Internet就是因特网。是由一些使用公共语言互相通信的计算机连接而成的网络。简单来说,因特网就是将世界范围内不同国家,不同地区的众多计算机连接起来形成的结果。
WWW:英文World Wide Web的缩写。中文译为万维网,但他不是网络,也不代表Internet,他只是Internet提供的一种服务–网页浏览服务。
URL:英文Uniform Resource Locator的缩写,中文译为“统一资源定位符”,其实就是Web地址,俗称“网址”。
DNS:英文Domain Name System的缩写。是域名解析系统。在Internet上域名与IP地址之间是一一对应的。
HTTP:英文Hypertext Transfer Protocol的缩写,中文译为超文本传输协议,它是一种详细规定了浏览器和万维网服务器之间互相通信的规则。
Web:Web本意是蜘蛛网和网的意思。对于普通用户来说,Web仅仅是一种环境–互联网的使用环境,氛围,内容等。对于网站设计,制作者来说,它是一系列技术的复合总称(包括网站的前台布局,后台程序,美工数据库开发等),通常称其为网页。
W3C:W3C英文World Wide Web Consortium的缩写。中文译为“万维网联盟”,是国际最著名的标准化组织。W3C最重要的工作是发展Web规范。
2.了解Web的标准
结构标准:主要包括XML和XHTML两部分。
XML:可扩展标记语言,最初的目的是为了弥补HTML的不足,它具有强大的扩展性,
可用于数据的转换和描述。
XHMTL:是可扩展产文本标记语言。它是基于XML的标记语言,是在HTML4.0的基础上,用于XML的规则对其行扩展建立起来的,他实现了HTML相XML的过度。
表现规则:
表现用于设置网页元素的版式、颜色、大小等外观样式,主要是指CSS,具体介绍如下:CSS是层叠样式表。CSS标准建立的目的是以CSS为基础进行网页布局,控制网页的表现。CSS布局与XHTML相结合,可以实现表现与结构的分离,是网页的访问及维护更加容易。
行为标准:
行为是指网页模型的定义及交互编写,主要包括DMO和ECMAScript两部分。具体区别如下
DOM:是文档对象模型W3C文档对象模型是中立与平台和语言的接口,它允许程序和 脚本动态地访问以及更新文档的内容、结构和样式。
ECMAScript是ECMA以JavaScript为基础制定的标准脚本语言。JavaScript是一种基于对象和事件驱动,并具有相对安全性的客户端脚本语言,广泛用于Web开发,常用来给HTML网页添加动态功能,比如响应用户的各种操作。
3.HTML简介
HTML主要是通过HTML表及对网页中的文本、图片、声音等内容进行描述。HTML提供了许多标记。HTML通过标记描述网页内容,通过超链接将网站与网页以及各种网页元素连接起来.
CSS简介
CSS通常称为CSS样式或样式表,主要用于设置HTML页面中的文本内容(字体、大小、对齐方式等)、图片的外形(宽高、边框样式、边距等)以及版面布局等外观显示样式。
CSS以HTML为基础,提供了丰富的功能,而且还可以针对不同的浏览器设置不同的样式。
4.Dreamweaver工具的使用。
第二章:HTML入门。
1.什么是HTML:自带的源代码构成了HTML文档的基本格式其中主要包括<!DOCTYPE>类型声明、跟标记、头部标记、主题标记。
HTML标记:在HTML页面中,带有“<>”符号的元素被称为HTML标记
单标记:也称空标记,是指一个标记符号即可完整的描述某个功能的标记。
双标记:也成体标记,是指由开始和结束两个标记符组成的标记。
注释标记:在HTML文档中添加一些便于阅读和理解但又不需要显示在页面中的注释文字,就需要使用注释字符。
2.标记的属性:需要使用HTML的标记的属性加已设置。
3.HTML文档头部相关标记(就近原则)
设置页面标题(双标记)。<br/> 定义页面元信息标记<br/> 引用外部文件标记<br/> 内部镶嵌式标记</link>

1.1.1 静态网页 静态网页是网站建设初期经常采用的一种形式。网站建设者把内容设计成静态网页,访问者只能被动地浏览网站建设者提供的网页内容。其特点如下。  网页内容不会发生变化,除非网页设计者修改了网页的内容。  不能实现和浏览网页的用户之间的交互。信息流向是单向的,即从服务器到浏览器。服务器不能根据用户的选择调整返回给用户的内容。静态网页的浏览过程如图1-1所示。 1.1.2 动态网页 网络技术日新月异,许多网页文件扩展名不再只是.htm,还有.php、.asp等,这些都是采用动态网页技术制作出来的。动态网页其实就是建立在B/S架构上的服务器端脚本程序。在浏览器端显示的网页是服务器端程序运行的结果。 静态网页与动态网页的区别在于Web服务器对它们的处理方式不同。当Web服务器接收到对静态网页的请求时,服务器直接将该页发送给客户浏览器,不进行任何处理。如果接收到对动态网页的请求,则从Web服务器中找到该文件,并将它传递给一个称为应用程序服务器的特殊软件扩展,由它负责解释和执行网页,将执行后的结果传递给客户浏览器。如图1-2所示为动态网页的工作原理图。 动态网页的一般特点如下。  动态网页以数据库技术为基础,可以大大降低网站维护的工作量。  采用动态网页技术的网站可以实现更多的功能,如用户注册、用户登录、搜索查询、用户管理、订单管理等。  动态网页并不是独立存在于服务器上的网页文件,只有当用户请求时服务器才返回一个完整的网页。  搜索引擎一般不可能从一个网站的数据库中访问全部网页,因此采用动态网页的网站在进行搜索引擎推广时需要做一定的技术处理才能适应搜索引擎的要求。 图1-2 动态网页的工作原理图 1.2 网站的前期规划
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值