Web程序设计教学大纲

《Web程序设计基础》课程教学大纲三、主要教学内容（500-1000字）（一）Web程序设计概述1.HTTP 协议简介2.Web 应用程序多级架构视图3. 典型Web 应用程序的结构数据层，业务层，表示层。

4. Web 开发过程1）设计目录结构；2）编写Web 应用程序代码；3）编写部署描述符；4）编译代码；5）将Web 应用程序打包；6）部署Web 应用程序；7）执行Web 应用程序。

（二）表达层设计基础HTML和CSS1.HTML语言的结构2.HTML文件组成HTML TAGS：HTML tag出现在<>(起始标记)和</>(结尾标记)内。

HTML tag(标记)的英文字母是不区分大小写的。

Tag Attributes:属性要在开始标签中指定，用来表示该标签的性质和特性。

通常都是以“属性名”=“值”的形式来表示，用空格隔开后，还可以指定多个属性。

指定多个属性时不用区分顺序。

HTML comments：<!--This is a comment-->3.HTML常用标签：1)文字风格设置：<hn></hn>2)段落控制标记：<p align=”center”></p>、<b></b>对齐属性：属性名align，属性值left, center或right3)横线：<hr><hr width =50 align=left > 表示长宽，单位是像素<hr width =50%><hr size=10> 表示线宽，单位是像素4)特殊字符：<pre></pre>5)超链接标记：< a href= "" target="_blank"> </a>:新窗口打开百度<a href="mailto:deital@">lastpage</a>：点击发送邮件6)图片标签：<img src="hacka nm.gif" width=“60" height=“70" align="left">7)表格标记：<table></talbe>、<tr></tr>、<th></th>、<td></td><Table>tag的属性有：width表宽属性heigth表高border边框宽cellspacing划分表格的线的粗细cellpadding说明文本与边框的距离align说明文本输出的位置(left, center, right)bgcolor指定整个表格的颜色用background指定整个表格的背景图案<td>tag的属性：bgcolor指定某个单元格的颜色background指定某个单元格的背景图案规整与不规整表格8)表单标记：Action：指明了处理表单信息的文件Method：get和post9)框架结构标记：<frameset></frameset>、<frame></frame><frame> 标签定义frameset 中的一个特定的窗口（框架）。

frameset 中的每个框架都可以设置不同的属性，比如border、scrolling、noresize 等等。

10)<marquee>tag:文字移动属性direction:属性值left, right文字移动方式behavior:属性值scroll, slide, alternate循环次数loop:若未指定则循环不止(infinite)4. CSS级联样式单：1)加入HTML页面的三种方式：链入外部样式表文件，定义内部样式块对象，内联定义。

2)CSS基础语法：CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明。

Eg.selector {declaration1; declaration2; ... declarationN }选择器通常是您需要改变样式的HTML 元素。

每条声明由一个属性和一个值组成。

属性（property）是您希望设置的样式属性（style attribute）。

每个属性有一个值。

属性和值被冒号分开。

selector {property: value}3) “首字”伪元素和“首行”伪元素，4) 伪类（三）JavaScript脚本语言1.JavaScript语言介绍2.JavaScript基本数据类型：数值、字符串型、布尔型、空值3.JavaScript变量：var(声明变量)4.JavaScript程序构成：Java Script脚本语言的基本构成是由控制语句、函数、对象、方法、属性等，来实现编程的。

1)控制语句:if条件语句,for循环语句,while循环,break和continue语句2)函数：function 函数名（参数，参数等）｛函数体；return 表达式；｝3)对象：属性和方法有关对象操作语句：For…in、with、this、New对象属性和方法的引用：点(.)运算符，通过对象的下标，通过字符串的形式实现。

对象的创建：Function Object（属性表）This.prop1=prop1This.prop2=prop2…This.meth=FunctionName1;This.meth=FunctionName2;…常用对象的属性和方法：string：length、fontcolor()、indexOf()、match()math：abs()、sin()、cos()、tan()、atan()、round()、sqrt()、Pow(base、exponent) Date：getYear()、getMonth()、getDate()、getDay()、getHours()、getMinutes()、getSeconds()、getTime()、setYear()、setMonth()、setDate()、setDay()、setHours()、setMinutes()、setSeconds()、setTime()Array：length、join()、reverse()、push()、pop()、shift()5.JavaScript 注释：单行：“//”多行：“/*…*/”6.事件驱动及事件处理基于对象的基本特征，就是采用事件驱动：通常鼠标或热键的动作－—事件(Event)而由鼠标或热键引发的——一连串程序的动作－事件驱动(Event Drier)：onClik、onChange、onSelect、onFocus、onBlur、onLoad、onUnload等对事件进行处理或函数——事件处理程序(Event Handler)：Function 事件处理名（参数表）｛事件处理语句集；……｝7.JavaScript HTML DOM对象：document、frame、navigator、history、location、anchor、applet、area、form、image、link、reset、button、checkbox、radio、text、submit、password （四）JSP简介1.JSP 页面元素：静态内容：HTML静态文本指令：以“<%@ ”开始，以“%> ”结束。

表达式：<%=Java表达式%>Scriptlet：<% Java 代码%>声明：<%! 函数或方法%>动作：以“<jsp: 动作名”开始，以“</jsp:动作名> ”注释：<!-- 这是注释,但客户端可以查看到--><%-- 这也是注释,但客户端不能查看到--%>2.JSP的执行过程3.JSP的优点（五）JSP脚本和指令的使用1.JSP脚本元素：表达式，Scriptlet，声明。

2.JSP指令：page：language，import，isErrorPage，ErrorPage，bufferInclude：<%@ include file = ”文件名”%>JSP指令语法：<%@ 指令名称属性1="属性值1" 属性2="属性值2" …属性n="属性值n"%>3.使用JSP各指令进行JSP编程（六）JSP 常用内置对象1.内置对象的分类及组成2.运用输入／输出对象：request、response 和out进行JSP编程3.运用作用域通信对象：session、application和pageContext进行JSP编程4.错误对象：exception（七）使用JDBC连接数据库1.连接数据库的JDBC简介2.使用JDBC连接数据库基础与配置3.在JSP中使用JDBC连接数据库：DriverManager.registerDriver()、Class.forName().newInstance()、DriverManager.getConnection()4.在JSP中使用JDBC连接数据库的实例。