第三篇 web 编程 基础部分.pptxVIP

本章主要内容;Web 表单 和 Web窗体 ;1. Web 开发基础 What is the World Wide Web ?;;What makes the Web work?;剖析一个URL ;How the Web works?;Client-Side;静态网页;;早期的动态网页;服务器端动态网页技术;动态网页基本原理;什么是 ASP;早期的 ASP 代码;Client;缺点;ASP.NET 解决了这两个问题;一个ASP.NET应用程序的运行过程; IIS Windows;2. HTML 初步;2.1 Html 简介 ;注意，html 使用的标记都是事先定义好的。但是浏览器并不对 html 语法做严格检查，对于有错误无法解释执行的部分会忽略。 例如：h1 这是一个标记，表示用 1 号字体显示这段文字 /h1 用 html 语言写的文档即为 html 文档，使用html 或 htm 扩展名。 Html不区分大小写，但一般都使用小写，但在本文中为了醒目，往往使用了大写。 可以使用任何文本编辑器编写。;HTML 的基本结构 ;例如;Html 标记格式 ;Html 标记格式;HTML 中的注释;HTML 元素的属性 ;2.2 常用的简单标记 ;BODY/BODY 放置Web页面的正文内容，包含文件内的文字、超链接文字的颜色、背景色彩、图片、动画、影像、音效等几乎所有对网页的展示功能。 META 用来介绍与文件内容相关的信息。每一个META标记用于指明一个名称或数值对，常常放在头部标记中。 ;(2) 文本、字符格式（Text Char Format） ;字体标记;字符格式标记 ;(3) HTML 特殊字符显示 ;最常用的字符实体 ;(4) 超链接（Hyperlink） ;(5) 表格（Table） ;表格的主要属性 ;表格的主要属性;上述属性有的只能用在表格标签中，有的也可用在行或单元格中。 表格中还可以合并单元格 也可嵌套表格 单元格中既可以是文本，也可以是其他元素标记。 ;下面的例子显示了一个表格 ;td这个单元格里包含了一个表格： table border=1 tr tdA/td tdB/td /tr tr tdC/td tdD/td /tr /table /td /tr ;tr td这个单元格里包含了一个图片： img src = 犀利哥.bmp /td tdHELLO/td /tr /table ;(6) HTML 框架(Frames) ;Frame 标记 ;iframe 标记;2.3 表单及 HTML 控件（组件） ;表单要掌握以下三方面内容;post 则将表单的内容通过 http 发送，你在地址栏看不到表单的提交信息。 如果只是为取得和显示数据，一般用get；一旦涉及数据的保存和更新，建议用post。 （3）表单控件(Form Controls) ： 表单中可以容纳很多控件，如文本框、按钮、单选与多选，下拉列表等。;简单的例子;input 标记;Type 属性的主要取值及对应控件 ;Type 属性的主要取值及对应控件;input 的常用属性;input 的常用属性;其它控件标记 ;（2）select 下拉列表标签 ;2.4 事件 ;下面简单例举一些常用的事件，如何处理事件在 JavaScript 部分再进行介绍。 窗口事件 (Window Events) 仅在 body 和 frameset 元素中有效。一般可以在这里做初始化 onload：当载入页面时执行脚本 onunload：当卸载页面时执行脚本 ;表单元素事件 (Form Element Events) ;键盘事件 (Keyboard Events);鼠标事件 (Mouse Events) ;练习;3. JavaScript 简介 ;Java 与 JavaScript 有什么不同 ;3.1 JavaScript 语言基础 ;（2）基本格式;(3) JavaScript 的语句及语法结构 ;JavaScript 的语法几乎和 java 一样 像变量命名、赋值、基本运算、函数的声明及调用、各种逻辑结构等等。 而且在某些方面进行了简化（例如函数的说明、数字等），使用起来更灵活、方便。 比如：for (i = 1; i 10; i++) { document.write(i); } 和 java 的写法完全一样。 ;变量及声明 ;数据类型 ;JavaScript 的特殊常量 ;数组 ;函数;函数