文档介绍：1课程简介?本门课程有三部分内容组成: ? HTML 语言部分:介绍制作网页的最基本的知识? CSS 样式部分:进一步美化所制作的网页,设计各种格式? JavaScript 部分:在页面中增加各种动态控制内容 2 补充说明:当今 Web 编程技术纵览 C J2EE — Java EE J2SE Java 网络基础 J2EE Web 开发 JSP 、 Servlet JavaBean 、 EJB J2EE 框架技术 Struts 、 Hibernate Spring 、 Ajax JSF html 、 CSS 、 JavaScript 数据库 Access SQL Server Oracle 、 MySQL JDBC-ODBC 数据库 SQL Server Oracle 、 MySQL JDBC C /S编程 B /S— Web 编程 ASP ASP .NET C# PHP 静态网页动态网页 3 HTML 页面应用 4 HTML 页面应用 5第1章 HTML 、 CSS 、 JavaScript 综述 HTML 、CSS 、JavaScript 代码示例 HTML 、CSS 、JavaScript 的基本概念 如何学习 HTML 、CSS 、JavaScript HTML 、CSS 、JavaScript 综合应用 6 HTML/CSS/JavaScript 代码示例<html> <head> <title> 第一个 HTML 文件</ title > </ head > <body> <h2 align="center" >这是 HTML 代码</h2> <hr /> <p> 我们在学习 HTML 。</p> </ body > </ html > 【例 h1- 】 html 页面设计第一个 html 页面: 传统 html 属性文本居中对齐传统 html 属性文本居中对齐 7 【例 h1- 】 html+CSS 页面<html> <head> <title> 第一个 HTML 文件</ title > < style type="text/ css "> h2{ color:blue ; font-family: 黑体; text- align: center ; } p { color:red ; } </ style > </ head > <body> <h2> 这是 HTML 代码</h2> <hr /> <p> 我们在学习 HTML 。</p> </ body > </ html >注意: 样式的修改会影响到每个应用该样式的页面效果 8 【例 h1- 】 html+CSS+JavaScript 页面设计页面如图: 弹出对话框问候。 9 【 h1- 】<html> <head> <title> 第一个 HTML 文件</ title > < style type="text/ css "> h2{ color:blue ; font-family: 黑体; text- align: center ; } p { color:red ; } </ style >< script language="JavaScript" type="text/ javascript " > <!-- //Java Script 代码与 html 注释标记必须换行 alert(" 欢迎您光临我们的网站"); // --> </ script > </ head > <body> <h2> 这是 HTML 代码</h2> <hr /> <p> 我们在学习 HTML 。</p> </ body > </ html > 10 小实例讲解<html> <head> <title> 第一个实例</title> <style type=text/ css > <!-- body{background-image:url(1-4-);background- attachment:scroll;background-position:100% 100%; background- repeat:no -repeat} h2{font-family: 黑体;font-size:22pt;color:red} .p1{font-size:20px;color:#000000;text-align:left} --> </style> </