网页设计与制作1

Wed基本概念

网页主要由文字，图像和超链接等元素构成。除了这些元素，还包
括音频，视频以及flash等。

名词解释：Internet 因特网
WWW 万户网
URL 统一资源定位符
DNS 域名解析系统
HTTP 超文本传输协议
Web 互联网的使用环境
W3C 万维网联盟
Wed标准：
Wed标准并不是某一个标准，而是一系列标准的集合，主要包括结构，表现和行为三方面。
1.结构标准：用于对网页元素进行整理和分类，主要包括XML和XHTML两部分。
2.表现标准：用于设置元素的版式，颜色，大小等外观样式，主要指的是CSS。
3.行为标准：指网页模型的定义及交互的编写，主要包括DOM和ECMAScript两部分。

网页制作入门

1.HTML简介（超文本标记语言）
HTML主要通过HTML标记对网页中的文本，图，声音等内容进行描述。
2.CSS 简介
CSS通常称为CSS样式或样式表。
HTML
HTML文档基本格式
1.标记
位于文档的最前面，用于向浏览器说明当前文档使用哪种HTML或XHTML标准规范。
2.标记
根标记，标记着HTML文档的开始，若在后有一串代码，则是用于声明XHTML统一的默认命名空间。
3.标记
头部标记，用来描述文档的标题，作者以及和其他稳当的关系
一个HTML文档只能有一对标记
4.标记
一个HTML文档只能含有一对标记，且标记必须在标记内，位于头部标记之后，与标记是并列关系。
HTML标记
在HTML页面中，带有“<>”符号的元素被称为HTML标记。所谓标记就是放在“<>”标记符中表示某个功能的编码命令，也称为HTML标签或HTML元素。
1.单标记和双标记
双标记：也称为体标记
<标记名>内容
单标记：也成为空标记
<标记名/>
2.注释标记

注释内容在浏览器窗口中不会显示

标记的属性
<标记名 属性1=“属性值1” 属性2=“属性值2” —>内容 属性之间不分先后顺序，标记名与属性，属性与属性之间均以空格分开。任何标记的属性都有默认值，省略该属性则取默认值。
标记的嵌套：
例如：

更行时间：2013年09月28日14时08分来源
font color="blue">传智播客

HTML元素样式总是遵循在“就近原则”
HTML稳当头部相关标记
1.设置页面标题标记之间的内容将会显示在浏览器窗口的标题栏中
2.定义页面元信息标记
本省标记不包含任何内容
(1)
设置网页关键字

多个关键字内容之间可以用“，”分隔。

设置网页描述

设置网页作者

（2）
设置字符集

     utf-8是目前最常用的字符集编码方式

设置自动刷新与跳转

3.引用外部文件标记

    
  例如：                  

4.内嵌样式标记

HTML文本控制标记
标题和段落标记
1.标题标记
6个等级的标题，即<1><2><3><4><5><6>
基本语法：标题文本
2.段落标记
和标题标记

-

一样
3.水平线标记

---

单标记

4.换行标记

文本样式标记

用来控制网页中文本的字体，字号和 颜色。
文本格式化标记

特殊字符标记