1. HTML概述
HTML 是用来描述网页的一种语言。HTML 是一种在 Web 上使用的通用标记语言。HTML 允许你格式化文本,添加图片,创建链接、输入表单、框架和表格等等,并可将之存为文本文件,浏览器即可读取和显示。
(1)HTML 指的是超文本标记语言: HyperText Markup Language
(2)HTML 不是一种编程语言,而是一种标记语言
(3)标记语言是一套标记标签 (markup tag)
(4)HTML 使用标记标签来描述网页
(5)HTML 文档包含了HTML 标签及文本内容
(6)HTML文档也叫做 web 页面
网页的构成
网页主要由文字、图像和超链接等元素构成。当然,除了这些元素,网页中还可以包含音频、视频以及Flash等。
特殊的符号和文本
浏览器渲染
除首页之外,一个网站通常还包含多个子页面。网页与网页之间通过超链接互相访问。
网站由网页构成,网页有静态和动态之分。
静态网页是指用户无论何时何地访问,网页都会显示固定的信息,除非网页源代码被重新修改上传。
动态网页显示的内容则会随着用户操作和时间的不同而变化。
大部分网站都由静态网页和动态网页混合组成,两者各有千秋,用户在开发网站时可根据需求酌情采用。
HTML文件的基本结构
-
<html >
-
<head>
-
<title>第一个页面</title>
-
</head>
-
<body>
-
hello world
-
</body>
-
</html>
2.网页、网站和主页
网页是我们上网时在浏览器中打开的一个个画面。网站则是一组相关网页的集合一个小型网站可能只包含几个网页,而一个大型网站则可能包含成千上万个网页,如新浪网就包括新闻、财经、科技、体育、娱乐等多个板块,而每个板块又包括很多网页。另外,打开某个网站时显示的第一个网页被称为网站的主页(或首页)。
2.1 LOGO设计
网页的构成元素网页中的元素按功能可分为站标、导航条、广告条、标题栏和按钮等。站标他称Logo,是网站的标志,其作用是使人看见它就能够联想到企业。因此网站 Logo通常采用企业的Logos。Logo一般采用一含企业文化和特色的图案,或是与企业名称相关的字符或符号及其变形,当然也有很多是图文组合。
2.2 导航条
导航条可以说是网站最重要的组成部分,它是一组链接到网站内主要页面的超链接组合,通过单击这些超链接,浏览者可以轻松找到网站中的各个页面,导航条也因此而得名。同时,导航条也是网站中所有重要内容的概括,可以让浏览者在最短时间内了解网站的主要内容。
2.3 广告条
广告条又称 Banner,其功能是宣传网站或为其他商品做广告。Banner的尺寸可以根据内容或版面需要来安排。标题栏不是指整个网页的标题栏,而是网页上各版块的标题栏,是各版块内容的概括。它使得网页内容的分类更清晰、明了,大大地方便了浏览者。按钮通常是启动某些装置或机关的开关。
3.网页的本质
网页究竟是由哪些文件组成的呢?一般情况下,网页中除了包含网页文件(扩展名为 hml、asp等)外,还有图像文件(扩展名为.jpg、.gif等)、脚本文件 (扩展名为.js)、样式文件 (扩展名为.css)以及视频文件(扩展名为.avi、.flv等)等。
网页颜色的选择与搭配设计网页时,可根据以下原则确定网页的背景色和主色调,并进行颜色搭配。
(1)网页背景颜色最好选择白色或黑色(大部分网页选择白色),这样颜色搭配最灵活
(2)可根据网站性质确定网站主色调,并且该主色调应贯穿于网站中的全部网页
(3)设计网页时恰当利用同类色、邻近色和对比色,可增强网页的层次感、丰富网页的色彩或突出某些重要内容。