教育就业基础加强.pdfVIP

课前说明

⚫-内容：HTML、CSS

⚫-目标：

•掌握手写HTML实现页面的能力，为ASP.Net

打基础

⚫-参考书：

•JavaScript网页开发——体验式学习

》

简介与开发工具

⚫-HTML文档就是网页

•-HTML超文本标记语言(HyperTextMarkupLanguage)

•-HTML是纯文本文件

⚫-HTML利用浏览器进行解释、显示

•-解释HTML源码个工具，是一个解释显示页面的应用程序

•-五大浏览器：IE(IE6特)、FF、Chrome、Opera、Safari

•-Trident、Gecko、WebKit(Blink)、Presto、WebKit

•-浏览器兼容性(CSS、JS)

⚫-开发可以直接使用记事本或高级记事本

•-不要将大多经历放在界面显示上

HTML体验

⚫-我的第一个HTML页面

•-新建一个文本文件

•-修改后缀名为html或htm

•-添加html

•-添加head和title

•-添加body

•-添加属性

•-添加注释!

⚫-说明

•-注意隐藏的后缀名(1.html.txt)

HTML结构

⚫-结构

•-有始有终，小写规范

⚫-内容结构

•-body分工，内容其中

⚫-注释结构

•-跨行注释，不要嵌套

⚫-属性结构

•-键值双引，空格分列

静态页面与动态页面(*)

⚫-静态页面

•-网页代码都在页面中，不用执行asp、php、jsp、.net等程序生成客户端代码

•-不能自主管理发布更新的页面,如想更新内容,要通过FTP软件把文件DOWN下来用网

页制作软件修改（通过fso等技术例外）

•-常见的静态页面举例：.html、.htm

•-注意：静态页面并非上没有动画的就是静态页面

⚫-动态页面

•-通过执行asp、php、jsp、.net等程序生成客户端网页代码

•-动态页面通常可以通过管理系统对的内容进行更新管理。发布，发

布公司产品，交流互动，博客，网上等，这都是站的一些功能。也是我们常

见的

•-动态页面常见的扩展名有：.asp.php.jsp.cgi等

•-注意：动态页面的“动态”是与客户端用户互动的意思，而非网页上有动画的

就是动态页面

颜色体系

⚫-案例

•-设定背景颜色

•-bgcolor属性

⚫-预留名、十六进制

•-rgb方法(兼容问题)

HTML与XML(*)

⚫-相同点

•-标记语言，注释相同

•-可以通过DOM控制

•-可以通过CSS控制

⚫-不同点

•-xml语法更加规范

•-xml主要数据、html注重展示

⚫-满足XML规范的HTML语言

•-XHTML(eXtensibleHyperTextMarkupLanguage)

⚫-动态HTML

•-DHTML(DynamicHTML)

概述

⚫-先分类，在学习

⚫-文本

•-描述文本与字体等

⚫-格式

•-控制文本排版、分隔等

⚫-与图表