一,认识网页
说到网页,其实大家并不陌生
1.1网页究竟是什么?
网页主要由文字、图像和超链接等元素构成。当然,除了这些元素,网页中还可以包含音频、视频以及Flash等。
1.2网页是如何形成的呢?
1.特殊的符号和文本
2.浏览器的渲染
除了首页之外,一个网站通常还包含多个子页面。网页与网页之间通过超链接互相访问。网站由网页构成,网页有静态和动态之分。静态网页是指用户无论何时何地访问,网页都会显示固定的信息,除非网页源代码被重新修改上传。动态网页显示的内容则会随着用户操作和时间的不同而变化。大部分网站都由静态网页和动态网页混合组成,两者各有千秋,用户在开发网站时可根据需求酌情采用。
二网页相关名词
名词 | 名词释义 |
Internet网络 | 就是通常所说的互联网,是由一些使用公用语言互相通信的计算机连接而成 的网络。 |
WWW | WWW(英文World Wide Web的缩写)中文译为“万维网”是Intertnet提供的一种网页浏览服务。 |
URL | URL(英文Uniform Resource Locator的缩写)中文译为“统一资源定位符”URL其实就是Web地址,俗称“网址”。 |
DNS | DNS (英文Domain Name System的缩写)是域名解析系统。 |
HTTP | HTTP (英文Hypertext transfer protocol的缩写) 中文译为超文本传输协议,是一种详细规定了浏览器和万维网服务器之间互相通信的规则。 |
Web | Web通常指互联网的使用环境。但对于网站制作者来说,它是一系列技术的复合总称,通常称之为网页。 |
W3C组织 | W3C(英文World Wide Web Consortium的缩写)中文译为“万维网联盟”。万维网联盟是国际最著名的标准化组织。 |
三,网页制作简介
3.1html介绍
HTML(英文HyperText Markup Language的缩写)中文译为“超文本标记语言”,主要是通过HTML标记对网页中的文本、图片、声音等内容进行描述。HTML提供了许多标记,如段落标记、标题标记、超链接标记、图片标记等,网页中需要定义什么内容,就用相应的HTML标记描述即可。
HTML之所以称为超文本标记语言,不仅是因为它通过标记描述网页内容,同时也由于文本中包含了所谓的“超级链接”点。通过超链接将网站与网页以及各种网页元素链接起来,构成了丰富多彩的Web页面。
HTMl语言发展至今,经历了6个版本:
•超文本标记语言(第一版)——在1993年6月作为互联网工程工作小组(IETF)工作草案发布。
•HTML2.0——1995年11月作为RFC1866发布,在RFC2854于2000年6月发布之后被宣布已经过时。
•HTML3.2——1997年1月14日,W3C推荐标准。
•HTML4.0——1997年12月18日,W3C推荐标准。
•HTML4.01(微小改进)——1999年12月24日,W3C推荐标准。•HTML5.0——2014年10月29日最终制定完成,并公开发布。
目前最新的HTML版本是HTML5,但是各个浏览器对其支持不统一,所以如今大多数的网站采用的还是HTML5版本。
XML虽然数据转换能力强大,完全可以替代HTML,但是面对互联网上成千上万基于HTML编写的网站,直接采用XML还为时过早。因此,在HTML4.0的基础上,用XML的语法规则对其进行扩展,得到了XHTML。
目前国际上,网站设计推崇的Web标准就是基于XHTML的(即通常所说的DIV+CSS)。
3.2css介绍
CSS通常称为CSS样式或样式表,主要用于设置HTML页面中的文本内容(字体、大小、对齐方式等)、图片的外形(宽高、边框样式、边距等)以及版面的布局等外观显示样式。
CSS以HTML为基础,提供了丰富的功能,如字体、颜色、背景的控制及整体排版等,而且还可以针对不同的浏览器设置不同的样式。
CSS语言的发展历程:
•1996年12月W3C发布了第一个有关样式的标准CSS1。
•1998年5月发布了CSS2。
•目前最新的版本是CSS3
CSS通常称为CSS样式或样式表,主要用于设置HTML页面中的文本内容(字体、大小、对齐方式等,但是各个浏览器对它的支持不统一,所以流行的版本仍然是CSS3。
CSS非常灵活,既可以嵌入在HTML文档中,也可以是一个单独的外部文件,如果是独立的文件,则必须以.css为后缀名。
3.3JavaScript介绍
JavaScript是Web页面中的一种脚本语言,通过JavaScript可以将静态页面转变成支持用户交互并响应相应事件的动态页面。
在网站建设中,HTML用于搭建页面结构,CSS用于设置页面样式,而JavaScript则用于为页面添加动态效果。
JavaScript代码可以嵌入在HTML中,也可以创建.js外部文件。通过JavaScrit可以实现网页中常见的下拉菜单、TAB栏、焦点图轮播等动态效果。
四,工具之一下载
1、visual studio code官网下载,解压安装即可
打开该链接:https://code.visualstudio.com/Download ,下载与你自己电脑系统匹配的安装包。我下载的第一个。
五,作品介绍
以下是我自己做的简单网页
1.效果图
2.代码