4网络教育平台与技术.ppt

人有了知识，就会具备各种分析能力， 明辨是非的能力。 所以我们要勤恳读书，广泛阅读， 古人说“书中自有黄金屋。 ”通过阅读科技书籍，我们能丰富知识， 培养逻辑思维能力； 通过阅读文学作品，我们能提高文学鉴赏水平， 培养文学情趣； 通过阅读报刊，我们能增长见识，扩大自己的知识面。 有许多书籍还能培养我们的道德情操， 给我们巨大的精神力量， 鼓舞我们前进。 * * * 1、需要一种由数据驱动的动态页面设计。例如，搜索引擎提供的搜索结果页面和电子商务网站提供的订购页面等 3、例如，一个电子商务网站使用服务器端脚本从产品数据库中获取产品信息，以动态地生成每日最新的产品商情页面 4、如现在流行的博客及虚拟社区等都要由用户来协作创建数据内容 * C/S与B/S * * * * * * * window对象简介 window对象是所有JavaScript对象中最顶层的对象，整个HTML文档就是在一个浏览器的一个窗口，即window对象中显示。常用window对象方法：（1）window.open(“”, “”,”width=300,height=200) （2）window.close()（3）window.confirm(“”)（4）window.alert(“”) document对象简介 document对象是在具体的开发过程中用的最频繁的对象，利用document对象可以访问页面上任何的元素。通过控制这些元素可以完成与用户的互动。（1）利用document定位HTML页面元素document.getElementById(),访问所有元素访问表单：document.forms[“formNname”]和 document.forms[“formIndex”]（2）利用document对象动态生成HTML页面 html head title动态生成HTML页面/title script type=text/javascript function create() { var content = htmlheadtitle动态生成的HTML文档/title/head; content += bodyfont size=2b这个文档的内容是利用document对象动态生成的/b/font; content += /body/html; var newWindow = window.open(); newWindow.document.write(content); newWindow.document.close(); } /script /head body form input type=button value=创建HTML文档 onclick=create() /form /body /html CSS基础知识 利用HTML和JavaScript我们已经基本可以编出具有简单互动的网页，但是仅仅这样还是不够的，一个专业的网页需要在字体、颜色、布局等方面进行各种设置，需要给用户带来视觉的冲击。 什么是CSS CSS（Cascading Style Sheets）即层叠样式表，也就是通常所说样式表。CSS是一种美化网页的技术。CSS美化网页就是通过设置页面元素的属性方便、灵活地设置网页中不同元素的外观属性，通过这些设置可以使网页在外观上达到一个更高的级别。 WWW 万维网(World Wide Web , WWW) WWW是一种基于因特网的分布式信息查询和浏览系统,使用超文本和超媒体技术,采用网状结构组织信息,为用户提供一种交叉交互式查询和浏览信息的方式. WWW服务是基于C/S模型的,使用HTML编写Web页面,使用HTTP协议与浏览器进行交互,运用动态网页技术可以获得交互式动态页面 HTTP超文本传输协议 简单的,无状态的,面向对象的协议 常用的三种请求模式: GET , HEAD , POST 允许任意类型数据的传送 无连接(每次连接只限一个请求)—高效 URL统一资源定位器 传输协议:// 页面所在机器的域名 /指定页面 http:// www.gfkd.mtn /index.htm HTML文档结构 HTML HEAD META \ TITLE标题/TITLE H1一级标题/H1 STYLE风格/STYLE /HEAD BODY /BODY /HTML 头部 主体 HTML文档 服务器端 浏览器客户端 静态Web应用解决方案 用户界面 WWW服务器 （静态页面数据） HTTP请求 HTML+CSS 静态W