Web程序设计教学大纲(田).docVIP

《Web程序设计基础》课程教学大纲 三、主要教学内容 （500-1000字） （一）Web程序设计概述 HTTP 协议简介 Web 应用程序多级架构视图 3. 典型 Web 应用程序的结构 数据层，业务层，表示层。 4. Web 开发过程 1）设计目录结构； 2）编写 Web 应用程序代码； 3）编写部署描述符； 4）编译代码； 5）将 Web 应用程序打包； 6）部署 Web 应用程序； 7）执行 Web 应用程序。 （二）表达层设计基础HTML和CSS HTML语言的结构 HTML文件组成 HTML TAGS：HTML tag出现在(起始标记)和/(结尾标记)内。HTML tag(标记)的英文字母是不区分大小写的。 Tag Attributes: 属性要在开始标签中指定，用来表示该标签的性质和特性。通常都是以“属性名”=“值”的形式来表示，用空格隔开后，还可以指定多个属性。指定多个属性时不用区分顺序。 HTML comments：!--This is a comment-- HTML常用标签： 1)文字风格设置：hn/hn 2)段落控制标记：p align=”center”/p、b/b 对齐属性：属性名align，属性值left, center或right 3)横线：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=hackanm.gif width=“60 height=“70 align=left 7)表格标记：table/talbe、tr/tr、th/th、td/td Tabletag的属性有： width表宽属性 heigth表高 border边框宽 cellspacing划分表格的线的粗细 cellpadding说明文本与边框的距离 align说明文本输出的位置(left, center, right) bgcolor指定整个表格的颜色用 background指定整个表格的背景图案 tdtag的属性： bgcolor指定某个单元格的颜色 background指定某个单元格的背景图案 规整与不规整表格 8)表单标记： 表单控件(Form Controls)： 表单控件(Form Contros) 说明 input type=text 单行文本输入框 input type=submit 将表单(Form)里的信息提交给表单里action所指向的文件 input type=checkbox 复选框 input type=radio 单选框 select 下拉框 textArea 多行文本输入框 input type=password 密码输入框(输入的文字用*表示) Action：指明了处理表单信息的文件 Method：get和post 9)框架结构标记：frameset/frameset、frame/frame frame 标签定义 frameset 中的一个特定的窗口（框架）。 frameset 中的每个框架都可以设置不同的属性，比如 border、scrolling、noresize 等等。 10) marqueetag: 文字移动属性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脚本语言 JavaScript语言介绍 Ja