HTML+CSS第1章.pptVIP

HTML+CSS 林琼 yun2004_11@126.com 1.1 什么是网站？ 在浏览器上打开一个网址，这时候看到的浏览器上的页面称为一个网页。网站是通过浏览器看到的多个网页构成的独立个体。网站包括网页代码、内容、图像、音频等所有呈现出来的东西。 静态页面和动态页面的区别 网页包括静态页面和动态页面。很多人都认为，静态页面就是网页上的东西不会动，动态页面就是网页上的东西是会动的，这种观点是错误的。 所谓静态页面，是指网页上的内容无法自动更新，要通过手动在网页的代码里添加修改。一般网页后缀是.html和.htm的属于静态页面。 例：xxx.html 动态页面是指网页上的内容可以自动更新，不用手动在网页的代码里添加修改。一般网页后缀除了.html和.htm可以浏览的大多属于动态页面。像后缀是.asp和.aspx等都属于动态页面。下面将举例说明动态网页的格式。 例：xxx.asp 1-* 北京源智天下科技有限公司 联系方式： 联系方式： 北京源智天下科技有限公司 第1章 网站基础知识 第一讲：初识网站 1.2 网站的基本架构 一个网站具备有内容，页面，超链接等。内容用来丰富网站，页面使网站可以放多个内容，超链接用来把多个页面串联起来。这是构成网站最起码的元素。 1.3 Web浏览器 Web全称为World Wide Web，缩写WWW，中文称万维网。在网上可以看到，几乎所有的网址前面都是以www开头的，也就是说这类网址是通过万维网协议的网站。Web浏览器是用来上网浏览通过万维网协议网站的一个工具。当然，Web浏览器的用处不止是上网浏览通过万维网协议的网站，还可以浏览本地的图片或页面等。 6种经典类型的浏览器: Internet Explorer Netscape Mozilla Firefox Opera Safari 1.4 HTML使用的编辑器 使用的编辑器 Dreamweaver编辑器 文本文档 网页是利用各种各样的语言来进行编写的。其中，最为基础的是HTML、XHTML语言，这两种语言主要用来编写静态网页。 HTML英文全称为Hypertext Markup Language，是超文本标记语言。 1.5 常见颜色单位 黄色 #FFFF00 Yellow 白色 #FFFFFF White 蓝绿色 #008080 Teal 银灰色 #C0C0C0 Silver 红色 #FF0000 Red 紫色 #800080 Purple 橄榄色 #808000 Olive 深蓝色 #000080 Navy 褐紫红色 #800000 Maroon 淡黄绿色 #00FF00 Lime 绿色 #008000 Green 灰色 #808080 Gray 紫红色 #FF00FF Fuchsia 蓝色 #0000FF Blue 黑色 #000000 Black 浅绿色 #00FFFF Aqua 颜色 十六进制颜色值 颜色 1.6 常见ASCII代码 ASCII代码，是提供网络上传输的数据，每个特殊的符号都有一个相应的ASCII代码。由于特殊符号在网络上不被解读，浏览器往往会把它认为是不被认同的符号，因此从浏览效果里看到的会是一个乱码的显示效果，通常为一个□或者？号。所以提倡在使用特殊符号时，请使用它相应的ASCII代码。 常见的ASCII代码 sect; 节，标注段落 § #8240; 千分比 ‰ yen; 标注金钱的符号 ￥ reg; 上标的?，注册商标的意思 ? copy; 版权 ? #8482; 上标的TM，商标的意思 TM nbsp; 空格 ASCII代码 说明 输出结果 1.7 常见长度单位 在编写网页的时候，会用到很多的长、宽来定义框架。虽然在编写过程中不用单位表明，也可以显示出长、宽的效果。但是为了符合Web标准和迎合XHTML，设计师们必须养成有标注单位的习惯。 像素(计算机屏幕上的一个点) px 12点活字(1pc等于12点) pc 磅(1pt等于1/72英寸) pt 一个ex既是一个字体的x-height。(x-height通常是字体尺寸的一半。) ex 1em等于当前的字体尺寸。2em等于当前字体尺寸的两倍。例如，如果某元素以12pt显示，那么2em是24pt。在CSS中，em是非常有用的单位，因为它可以自动适应用户所使用的字体。 em 毫米 mm 厘米 cm 英寸 in 百分比 % 说明 单