342-简明应用网页编程.pptVIP

简明应用网页编程 谌贻荣 2003年3月4日 我们的目标 1. 客户端编程 浏览器的故事 HTML的表达能力 Java Script/VB Script DHTML和DOM 2. 服务器端编程 IIS的传说 HTTP的秘密 服务器的使命 数据库 – 应用的核心 我们的目标 3.你要掌握什么 理解大概,不用记多少，关键在于你知道去哪里找到它 MSDN使用点滴 HTML WWW的基础 1.超链接，互联网的血脉 A href=”go/a 2.表格，数据表达方便之门 tabletrtd/td/tr/table 3.表单，网络应用之门 Form method=“post” ACTION =“do.asp” HTML 没有介绍的其他标记 请参考MSDN mk:@MSITStore:C:\Program%20Files\Microsoft%20Visual%20Studio\MSDN98\98VS\2052\IERef.chm::/inet401/help/dhtml/references/dhtmlrefs.htm#dhtml_ref HTML补遗 CSS(级联样式表) CSS技术，用于进行网页风格设计 精确的控制 页面的布局、字体、颜色、背景和其它效果 对相应的代码做一些简单的修改， 可以改变同一页面的不同部分 页数不同的网页的外观和格式 CSS 的控制能力 字体样式 文本样式控制 背景属性 单元格式类型 单元格式属性 位置和层次 CSS滤镜 CSS简单举例 font face=Arial size=3 color=#FFFF66HELLO/font STYLE .formfont { font-family: Arial ; color: #FFFF66;} /STYLE font class=formfontHELLO/font CSS三类 --元素标记 ,类 , ID htmlstyle!--????p {color:red；font-weight : bold }????.bigFont {font-size:200%}????#blueBack {background-color:blue;color:yellow}--/stylebodyp利用span class=bigFontClass/span和span id=blueBackID/span显示内容。/p/bodyhtml CSS统一网站风格的解决之道 外部样式文件 保存在外部的样式单文件,扩展名为.CSS 例如 link rel=stylesheet href=”main-sheet.css” type=”text/css” CSS细节操作 http://5/lesson/css/css2-1.htm mk:@MSITStore:C:\Program%20Files\Microsoft%20Visual%20Studio\MSDN98\98VS\2052\IERef.chm::/inet401/help/dhtml/references/cssrefs.htm#part_cssrefs 网页编辑工具 1.FrongPage 强力工具 2.DreamWeaver MX 更好的选择 上下两分的HTML代码和显示界面 堆栈式的HTML标记层级 强大灵活的属性浮动面板 HTML代码提示 应用集成 。。。。。。。 编辑工具 -- DreamWeaver MX 请看演示 客户端Script脚本 Script 脚本控制的是浏览器的对象， 运行在客户端，即用户及其上 Script languang=javascript !-- Alert(‘欢迎使用客户端Script脚本’); -- /Script demo 客户端Script – 万花筒 Demo DHTML和DOM DHTML -- 动态HTML 定义了一些新的元素 最重要的是支持DOM DOM -- 文档对象模型 这是IE提供给客户端Script脚本的可调用对象结构 与DHTML紧密相连，一个标记一个对象 DOM中最常见对象 window Alert 消息框 document write 输出HTML内容 等等，请使用MSDN mk:@MSITStore:C:\Program%20Files\Microsoft%20Visual%20Studio\MSDN98\98VS\2052\IERef.chm::/inet401/help/dhtml/references/objects/objects.htm#om40_objects 题外的话，效果不错，但是 我们的重点是 网页的表达方式　CSS等 网页的服务