《HTML与CSS简介》-课件设计（公开）.pptVIP

HTML与CSS简介 冰山一角 2011/9/26 什么是Web标准??? Web标准是针对网页的 网页主要由三部分组成：结构（Structure）、表现（Presentation）和行为（Behavior） 结构化标准语言：XHTML和XML 表现标准语言：CSS 行为标准主要包括对象模型（如W3C DOM）、ECMAScript等 强烈建议关注HTML 5！！！ 为什么要有标准？ 我们不得不为不同的浏览器写不同的代码 增加一种新设备时，不得不专门为其开发新版本 网站代码臃肿繁杂浪费了我们大量的带宽 针对某种浏览器的特效，使用其它浏览器的人看不到 Web标准的优点 对用户的好处 文件下载与页面显示速度更快 内容能被更多的用户所访问 内容能被更广泛的设备所访问（包括屏幕阅读机、手持设备、搜索机器人、打印机等等） 用户能够通过样式选择定制自己的表现界面 所有页面都能提供适于打印的版本 Web标准的优点 对网站制作者的好处 更少的代码和组件，容易维护 带宽要求降低（代码更简洁） 更容易被搜寻引擎搜索到 改版方便，不需要变动页面内容 提供打印版本而不需要复制内容 提高网站易用性 HTML CSS Javascript PHP SQL Photoshop Flash … 做网站，需要学习什么 什么是 HTML？？？ HTML 是用来描述网页的一种语言，具体指的是超文本标记语言 (Hyper Text Markup Language)。 HTML 不是一种编程语言，而是一种标记语言 (markup language)，拥有一套标记标签 (markup tag)，并用这套标签来描述网页！ 网页的组成 结构：这块是标题，这块是头，这块是身体，这块是……——由HTML代码定义 内容：网页的文字、图片、视频音频… 表现形式：这块的字体该多大，什么颜色，用什么框架，外边框多粗…..——由CSS文件定义 网页分类——静态网页 静态网页特点 每个网页都有一个固定的URL，且网页URL以.htm、.html、.shtml等常见形式为后缀 是实实在在保存在服务器上的文件，每个网页都是一个独立的文件 内容相对稳定，因此容易被搜索引擎检索 没有数据库的支持，在网站制作和维护方面工作量较大，因此当网站信息量很大时完全依靠静态网页制作方式比较困难 静态网页的交互性交差，在功能方面有较大的限制 网页分类——动态网页 动态网页特点 以数据库技术为基础，可以大大降低网站维护的工作量 采用动态网页技术的网站可以实现很多的功能 实际上并不是独立存在于服务器上的网页文件，只有当用户请求时服务器才返回一个完整的网页 HTML标签家族集会 HTML/HTML TITLE/TITLE HEAD/HEAD BODY/BODY DIV/DIV P/P BR HR UL/UL OL/OL LI/LI FORM/FORM INPUT SELECT/SELECT OPTION/OPTION TEXTAREA/TEXTAREA TABLE/TABLE TR/TR TD/TD TH/TH CAPTION/CAPTION FONT/FONT A/A IMG / META / SPAN/SPAN DL/DL MENU/MENU DIR/DIR FRAMESET/FRAMESET NOFRAMES/NOFRAMES H?/H? BLOCKQUOTE/BLOCKQUOTE EM/EM STRONG/STRONG CITE/CITE CODE/CODE SAMP/SAMP KBD/KBD VAR/VAR DFN/DFN ADDRESS/ADDRESS BIG/BIG SMALL/SMALL EMBED/EMBED BASE B/B I/I U/U S/S SUB/SUB SUP/SUP TT/TT PRE/PRE CENTER/CENTER BLINK/BLINK MAP/MAP AREA/AREA 常 用 标 签 稍 作 了 解 HTML标签属性概述 align、checked、maxlength、name、size、src、type、value、class、id、language、style、alt、border、width、height、hspace、vspace、href、target、rel、bgcolor、background、bordercolor、cellpadding、cellspacing、valign、rowspan、colspan、nowrap、noshade、face、content、http、equiv、vlink、alink、marginheight、marginwidth、noresize、scorlling、onload、onunload、