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