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

在这里插入图片描述
第一节:Web基本概念
1,认识网页
(1)网页主要有文字,图像和超链接等元素构成;
2,名词解释
(1)internet:就是通常所说的因特网,是由一些使用公用语言互相通信的计算机连接而成的网络。
(2)www:中文译为万维网。但他不是网络,也不代表Internet,他只是Internrt提供的一种服务——网页浏览服务。
(3)URL:中文译为“统一资源定位符”,其实就是Web地址,俗称“网址”。
(4)DNS:是域名解析系统,在internet上域名与IP地址是一一对应的。
(5)HTTP:中文译为超文本传输协议,它是一种规定了浏览器和万维网服务器之间互相通信的规则。具有强大的自检能力。
(6)Web:本意是蜘蛛网和网的意思。
(7)W3C组织:中文译为万维网联盟是国际最著名的标准化组织。
2,了解Web标准
Web:web标准并不是某一个标准,而是一系列标准的集合,主要包括结构,表现和行为三方面。
(1)结构标准:结构用于对网页元素进行整理和分类,主要包括XML和XHTML两部分,具体区别如下:
*XML:是一种可扩展标记语言,其最初的目的是为了弥补HTML的不足,它具有强大的扩展性,可用于数据的转换和描述。
*XHTML是可扩展超文本标记语言。它是基于XML的标记语言,是在HTML4.0基础上,用XML的规则对其进行扩展建立起来的,它实现了HTML向XML的过渡。
(2)表现标准:表现用于设置网页元素的板式,颜色,大小等外观样式,主要指的是CSS,具体介绍如下:CSS是层叠样式表。。CSS标准建立的目的是以CSS为基础进行网页布局,控制网页的表现。CSS布局与XHTML相结合,可以实现表现与结构的分离,是网页的访问及维护更加容易。
(3)行为标准:行为标准:
行为是指网页模型的定义及交互编写,主要包括DMO和ECMAScript两部分。具体区别如下
DOM:是文档对象模型W3C文档对象模型是中立与平台和语言的接口,它允许程序和 脚本动态地访问以及更新文档的内容、结构和样式。
ECMAScript是ECMA以JavaScript为基础制定的标准脚本语言。JavaScript是一种基于对象和事件驱动,并具有相对安全性的客户端脚本语言,广泛用于Web开发,常用来给HTML网页添加动态功能,比如响应用户的各种操作。
第二节网页制作入门
1.HTML简介
HTML主要是通过HTML表及对网页中的文本、图片、声音等内容进行描述。HTML提供了许多标记。HTML通过标记描述网页内容,通过超链接将网站与网页以及各种网页元素连接起来.
2,CSS简介
CSS通常称为CSS样式或样式表,主要用于设置HTML页面中的文本内容(字体、大小、对齐方式等)、图片的外形(宽高、边框样式、边距等)以及版面布局等外观显示样式。
CSS以HTML为基础,提供了丰富的功能,而且还可以针对不同的浏览器设置不同的样式。
3,Dreamweaver工具的使用。
第二章:HTML入门。
1.什么是HTML:自带的源代码构成了HTML文档的基本格式其中主要包括<!DOCTYPE>类型声明、跟标记、头部标记、主题标记。
HTML标记:在HTML页面中,带有“<>”符号的元素被称为HTML标记
单标记:也称空标记,是指一个标记符号即可完整的描述某个功能的标记。
双标记:也成体标记,是指由开始和结束两个标记符组成的标记。
注释标记:在HTML文档中添加一些便于阅读和理解但又不需要显示在页面中的注释文字,就需要使用注释字符。
2.标记的属性:需要使用HTML的标记的属性加已设置。
3.HTML文档头部相关标记(就近原则)
设置页面标题(双标记)。<br/> 定义页面元信息标记<br/> 引用外部文件标记<br/> 内部镶嵌式标记</link>