1、“东大在线”网络传媒工作室http:/ 第1页，共36页。培训简介培训简介 Office基础 网站开发技术 HTML CSS JavaScript PHP MySQL Flash 基础 Photoshop Flash维护部 媒介素养 采访与写作第2页，共36页。网站开发技术简介第3页，共36页。服务器与浏览器关系服务器与浏览器关系Web服务器服务器数据库服务器数据库服务器浏览器浏览器浏览器浏览器Web服务器服务器数据库服务器数据库服务器服务器服务器第4页，共36页。网页开发技术简介网页开发技术简介 客户端 浏览器（Browser）(x)HTML负责网页内容 CSS负责网页布局、样式 客户端脚本
2、（Action Script、Javascript）服务器端 Web服务器（Web Server）数据库（DataBase DB）服务器脚本第5页，共36页。网站开发步骤网站开发步骤 页面设计 HTML&CSS页面 加入后台数据的代码第6页，共36页。客户端部分第7页，共36页。浏览器第8页，共36页。浏览器（浏览器（Browser）IE6，7，8内核 360浏览器 遨游浏览器 搜狗浏览器 世界之窗浏览器。Firefox 基于WebKit的浏览器 Google Chrome（Chromium）Safari 搜狗浏览器第9页，共36页。(x)HTML第10页，共36页。什么是什么是 HTML?H
3、TML 指的是超文本标记语言(Hyper Text Markup Language)HTML 是用来描述网页的一种语言。HTML 不是一种编程语言，而是一种标记语言(markup language)标记语言是一套标记标签(markup tag)HTML 使用标记标签来描述网页第11页，共36页。A HTML File第12页，共36页。DOM Document Object Model 文档对象模型 DOM树htmlheadbodytitledivh1p第13页，共36页。CSS第14页，共36页。CSS简介简介 CSS（Cascading Style Sheet）层叠样式表单 是用于（增强）
4、控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。.css第15页，共36页。客户端脚本语言客户端脚本语言 由浏览器解析的控件页面内容显示的脚本语言。第16页，共36页。Javascript JavaScript是在用户的浏览器上运行，不需要服务器的支持而可以独立运行。.js Javascript第17页，共36页。Ajax Asynchronous JavaScript and XML 异步的JavaScript和XML JavaScript处理提交的数据局部刷新 XML负责传输数据用户界面Ajax引擎Javascript调用HTML与CSSWeb服务器HTTP请求XML数据后台程
5、序、数据库第18页，共36页。服务器端第19页，共36页。服务器端服务器端 Web服务器（Web Server）数据库（DataBase DB）服务器脚本 JSP PHP ASP 第20页，共36页。Web服务器（服务器（Web Server）第21页，共36页。数据库数据库 数据库（Database）是按照数据结构来组织、存储和管理数据的仓库。用来存储数据 现在大多数数据库为关系数据库第22页，共36页。常用数据库常用数据库 Oracle Sybase SQL Server PostgreSQL MySQL Access SQLite。第23页，共36页。SQL SQL(Structured
6、 Query Language)结构化查询语言，是一种数据库查询和程序设计语言，用于存取数据以及查询、更新和管理关系数据库系统。第24页，共36页。服务器脚本服务器脚本 用于生成动态页面的脚本程序。动态页面 网页实际不存在，通过服务器对脚本程序解析后，生成的页面内容。静态页面 静态网页是实际存在的，无需经过服务器的编译，直接加载到客户浏览器上显示出来 第25页，共36页。PHP Personal Home Page Tools 扩展名.php 常用标记 服务器 Apache+PHP+MySQL IIS+PHP第26页，共36页。ASP Active Server Page 动态服务器页面 扩展
7、名.asp 常用服务器 微软IIS（Internet Information Services，互联网信息服务）第27页，共36页。JSP JSP(Java Server Pages)Java服务器页面 扩展名.jsp 常用服务器 Apache Tomcat 第28页，共36页。总结总结 HTML超文本标记语言负责网页内容 CSS层叠样式表负责页面布局 Javascript 一种前台脚本语言 SQL结构化查询语言负责查询数据 ASP服务器脚本语言生成动态网页 JSP服务器脚本语言生成动态网页 PHP服务器脚本语言生成动态网页第29页，共36页。一些学习资源一些学习资源 视频东大视频东大http
8、:/ Office Word长篇文档排版技巧长篇文档排版技巧 怎样制做内容丰富的幻灯片怎样制做内容丰富的幻灯片 HTML 张孝祥张孝祥Javascript网页开发网页开发 第30页，共36页。一些学习资源一些学习资源 CSS 精通精通CSS/DIV页面布局页面布局 CSS设计彻底研究设计彻底研究 PHP Linux PHP 开发开发 Javascript 张孝祥张孝祥Javascript网页开发网页开发 JQuery实战实战 第31页，共36页。Thank You第32页，共36页。网页开发的注意事项第33页，共36页。(x)HTML XHTML与HTML的重要区别 在XHTML中标记必须严格严格嵌套 在XHTML中标记必须封闭即使是空元素的标记也必须封闭 在XHTML中，应该区分“内容标记”与“结构标记”第34页，共36页。CSS 设置全局的字体大小，避免不同浏览器字体大小的不同 注意链接的四个子属性 a,a:active,a:hoverborder:5px;a,a:link,a:visitedcolor:#ffffff;注意行内的元素与浮动 在IE及火狐中都会加一个默认的边框，有时需要把img的border 设置为0第35页，共36页。演讲完毕，谢谢观看！第36页，共36页。
