XXXX年10月13日培训材料-welcometon课件

“东大在线”网络传媒工作室/neuonline

“东大在线”网络传媒工作室http://zxz.neu.ed1培训简介Office基础网站开发技术HTMLCSSJavaScriptPHPMySQLFlash基础PhotoshopFlash维护部媒介素养采访与写作培训简介Office基础2网站开发技术简介网站开发技术简介3服务器与浏览器关系Web服务器数据库服务器浏览器浏览器Web服务器数据库服务器服务器服务器与浏览器关系Web服务器数据库服务器浏览器浏览器Web4网页开发技术简介客户端浏览器（Browser）(x)HTML——负责网页内容CSS——负责网页布局、样式客户端脚本（ActionScript、Javascript）服务器端Web服务器（WebServer）数据库（DataBaseDB）服务器脚本网页开发技术简介客户端5网站开发步骤页面设计HTML&CSS页面加入后台数据的代码网站开发步骤页面设计6客户端部分客户端部分7浏览器浏览器8浏览器（Browser）IE6，7，8内核360浏览器遨游浏览器搜狗浏览器世界之窗浏览器。。。Firefox基于WebKit的浏览器GoogleChrome（Chromium）Safari搜狗浏览器浏览器（Browser）IE6，7，8内核9(x)HTML(x)HTML10什么是HTML?HTML指的是超文本标记语言(HyperTextMarkupLanguage)HTML是用来描述网页的一种语言。HTML不是一种编程语言，而是一种标记语言(markuplanguage)标记语言是一套标记标签(markuptag)HTML使用标记标签来描述网页什么是HTML?HTML指的是超文本标记语言(Hype11AHTMLFileAHTMLFile12DOMDocumentObjectModel文档对象模型DOM树htmlheadbodytitledivh1pDOMDocumentObjectModel文档对象模13CSSCSS14CSS简介CSS（CascadingStyleSheet）层叠样式表单是用于（增强）控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。.cssCSS简介CSS（CascadingStyleSheet15客户端脚本语言由浏览器解析的控件页面内容显示的脚本语言。客户端脚本语言由浏览器解析的控件页面内容显示的脚本语言。16JavascriptJavaScript是在用户的浏览器上运行，不需要服务器的支持而可以独立运行。.jsJavascriptJavascriptJavaScript是在用户的浏览器上运17AjaxAsynchronousJavaScriptandXML异步的JavaScript和XMLJavaScript处理提交的数据局部刷新XML负责传输数据用户界面Ajax引擎Javascript调用HTML与CSSWeb服务器HTTP请求XML数据后台程序、数据库AjaxAsynchronousJavaScriptan18服务器端服务器端19服务器端Web服务器（WebServer）数据库（DataBaseDB）服务器脚本JSPPHPASP……服务器端Web服务器（WebServer）20Web服务器（WebServer）Web服务器（WebServer）21数据库数据库（Database）是按照数据结构来组织、存储和管理数据的仓库。用来存储数据现在大多数数据库为关系数据库数据库数据库（Database）是按照数据结构来组织、存储和22常用数据库OracleSybaseSQLServerPostgreSQLMySQLAccessSQLite。。。。。。常用数据库Oracle23SQLSQL(StructuredQueryLanguage)结构化查询语言，是一种数据库查询和程序设计语言，用于存取数据以及查询、更新和管理关系数据库系统。SQLSQL(StructuredQueryLangua24服务器脚本用于生成动态页面的脚本程序。动态页面网页实际不存在，通过服务器对脚本程序解析后，生成的页面内容。静态页面静态网页是实际存在的，无需经过服务器的编译，直接加载到客户浏览器上显示出来服务器脚本用于生成动态页面的脚本程序。25PHPPersonalHomePageTools扩展名.php常用标记<?php?><??>服务器Apache+PHP+MySQLIIS+PHPPHPPersonalHomePageTools26ASPActiveServerPage动态服务器页面扩展名.asp常用服务器微软IIS（InternetInformationServices，互联网信息服务）ASPActiveServerPage27JSPJSP(JavaServerPages)Java服务器页面扩展名.jsp常用服务器ApacheTomcatJSPJSP(JavaServerPages)28总结HTML 超文本标记语言 负责网页内容CSS 层叠样式表 负责页面布局Javascript一种前台脚本语言 SQL 结构化查询语言 负责查询数据ASP 服务器脚本语言 生成动态网页JSP 服务器脚本语言 生成动态网页PHP 服务器脚本语言 生成动态网页总结HTML 超文本标记语言 负责网页内容29一些学习资源视频东大OfficeWord长篇文档排版技巧

怎样制做内容丰富的幻灯片

HTML张孝祥Javascript网页开发

一些学习资源视频东大http://online.neu.ed30一些学习资源CSS精通CSS/DIV页面布局

CSS设计彻底研究

PHPLinuxPHP开发

Javascript 张孝祥Javascript网页开发

JQuery实战

一些学习资源CSS31ThankYouThankYou32网页开发的注意事项网页开发的注意事项33(x)HTMLXHTML与HTML的重要区别在XHTML中标记必须严格严格嵌套在XHTML中标记必须封闭即使是空元素的标记也必须封闭<img/><input/><br/>在XHTML中，应该区分“内容标记”与“结构标记”(x)HTMLXHTML与HTML的重要区别34CSS设置全局的字体大小，避免不同浏览器字体大小的不同注意链接的四个子属性a,a:active,a:hover{border:5px;}a,a:link,a:visited{color:#ffffff;}注意行内的元素与浮动<a><img>在IE及火狐中都会加一个默认的边框，有时需要把img的border设置为0CSS设置全局的字体大小，避免不同浏览器字体大小的不同35演讲完毕，谢谢观看！演讲完毕，谢谢观看！36“东大在线”网络传媒工作室/neuonline

“东大在线”网络传媒工作室http://zxz.neu.ed37培训简介Office基础网站开发技术HTMLCSSJavaScriptPHPMySQLFlash基础PhotoshopFlash维护部媒介素养采访与写作培训简介Office基础38网站开发技术简介网站开发技术简介39服务器与浏览器关系Web服务器数据库服务器浏览器浏览器Web服务器数据库服务器服务器服务器与浏览器关系Web服务器数据库服务器浏览器浏览器Web40网页开发技术简介客户端浏览器（Browser）(x)HTML——负责网页内容CSS——负责网页布局、样式客户端脚本（ActionScript、Javascript）服务器端Web服务器（WebServer）数据库（DataBaseDB）服务器脚本网页开发技术简介客户端41网站开发步骤页面设计HTML&CSS页面加入后台数据的代码网站开发步骤页面设计42客户端部分客户端部分43浏览器浏览器44浏览器（Browser）IE6，7，8内核360浏览器遨游浏览器搜狗浏览器世界之窗浏览器。。。Firefox基于WebKit的浏览器GoogleChrome（Chromium）Safari搜狗浏览器浏览器（Browser）IE6，7，8内核45(x)HTML(x)HTML46什么是HTML?HTML指的是超文本标记语言(HyperTextMarkupLanguage)HTML是用来描述网页的一种语言。HTML不是一种编程语言，而是一种标记语言(markuplanguage)标记语言是一套标记标签(markuptag)HTML使用标记标签来描述网页什么是HTML?HTML指的是超文本标记语言(Hype47AHTMLFileAHTMLFile48DOMDocumentObjectModel文档对象模型DOM树htmlheadbodytitledivh1pDOMDocumentObjectModel文档对象模49CSSCSS50CSS简介CSS（CascadingStyleSheet）层叠样式表单是用于（增强）控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。.cssCSS简介CSS（CascadingStyleSheet51客户端脚本语言由浏览器解析的控件页面内容显示的脚本语言。客户端脚本语言由浏览器解析的控件页面内容显示的脚本语言。52JavascriptJavaScript是在用户的浏览器上运行，不需要服务器的支持而可以独立运行。.jsJavascriptJavascriptJavaScript是在用户的浏览器上运53AjaxAsynchronousJavaScriptandXML异步的JavaScript和XMLJavaScript处理提交的数据局部刷新XML负责传输数据用户界面Ajax引擎Javascript调用HTML与CSSWeb服务器HTTP请求XML数据后台程序、数据库AjaxAsynchronousJavaScriptan54服务器端服务器端55服务器端Web服务器（WebServer）数据库（DataBaseDB）服务器脚本JSPPHPASP……服务器端Web服务器（WebServer）56Web服务器（WebServer）Web服务器（WebServer）57数据库数据库（Database）是按照数据结构来组织、存储和管理数据的仓库。用来存储数据现在大多数数据库为关系数据库数据库数据库（Database）是按照数据结构来组织、存储和58常用数据库OracleSybaseSQLServerPostgreSQLMySQLAccessSQLite。。。。。。常用数据库Oracle59SQLSQL(StructuredQueryLanguage)结构化查询语言，是一种数据库查询和程序设计语言，用于存取数据以及查询、更新和管理关系数据库系统。SQLSQL(StructuredQueryLangua60服务器脚本用于生成动态页面的脚本程序。动态页面网页实际不存在，通过服务器对脚本程序解析后，生成的页面内容。静态页面静态网页是实际存在的，无需经过服务器的编译，直接加载到客户浏览器上显示出来服务器脚本用于生成动态页面的脚本程序。61PHPPersonalHomePageTools扩展名.php常用标记<?php?><??>服务器Apache+PHP+MySQLIIS+PHPPHPPersonalHomePageTools62ASPActiveServerPage动态服务器页面扩展名.asp常用服务器微软IIS（InternetInformationServices，互联网信息服务）ASPActiveServerPage63JSPJSP(JavaServerPages)Java服务器页面扩展名.jsp常用服务器ApacheTomcatJSPJSP(JavaServerPages)64总结HTML 超文本标记语言 负责网页内容CSS 层叠样式表 负责页面布局Javascript一种前台脚本语言 SQL 结构化查询语言 负责查询数据ASP 服务器脚本语言 生成动态网页JSP 服务器脚本语言 生成动态网页PHP 服务器脚本语言 生成动态网页总结HTML 超文本标记语言 负责网页内容65一些学习资源视频东大