网页设计教程开山篇.ppt

《网页设计教程开山篇.ppt》由会员分享，可在线阅读，更多相关《网页设计教程开山篇.ppt（16页珍藏版）》请在三一办公上搜索。

1、,网页设计课程 html+css+javascript,主讲:张文坚,开山篇,讲师：张文坚 qq:583775267,个人简介,张文坚，男，江苏如皋人。上海华东师范大学研究生毕业，曾获高级中学信息技术教师资格证书、全国软件技术与水平考试（高级）信息系统项目管理师等职业资格证书，精通Android应用软件开发及移动web开发。,网页设计 课程 html+css+javascript,主讲:张文坚,内容介绍,该教程用循序渐进的手法和项目驱动的案例，由浅入深的讲解网页设计的基础部分和高级部分，包括以下内容:1.html 详解 2.css(块级元素、行内元素、标准流盒子模型、浮动定位)3.div+cs

2、s 网页布局(盒子模型经典案例)4.javascript 深入讲解(js基本语法、数组、js面向对象编程、js系统函数、事件、js dom编程详解、正则表达式)做web开发的程序员都知道，网页设计是web开发的重要部分，不管你是php web开发，还是java web、.net web 都需要网页设计，说白了就是你的web程序的界面，以前的程序员可能不太注重界面，但是一个布局合理，设计优雅，简洁易用的网站界面无疑会给我们的项目增光添彩.这就好比一个你去推销一个产品，如果这个产品的包装非常精美漂亮，显然就会受到客户的欢迎。我们这个课程就是详细深入的讲解如何做出符合商业要求的网页.,网页设计课程

3、html+css+javascript,主讲:张文坚,内容介绍,web 开发 网页设计(html+css+javascript),php web 开发,java web 开发,.net web 开发,html项目演示(sohu首页面),html项目演示,网页设计课程 html+css+javascript,主讲:张文坚,js项目演示-网页版坦克大战,网页设计课程 html+css+javascript,主讲:张文坚,html是什么HTML（HyperText Mark-up Language）即超文本标记语言或超文本链接标示语言，是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言。HT

4、ML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML的结构包括头部（Head）、主体（Body）两大部分，其中头部描述浏览器所需的信息，而主体则包含所要说明的具体内容。,html介绍,-html是什么,html可以做什么HTML可以编写静态网页.该静态网页可以包括文字、图形、动画、声音、表格、链接。从而构成一个个漂亮的网页。,html介绍,-html可以做什么,html发展历史,html介绍,-html的发展历史,1993标记语言第一版,1995 html2.0,1996 html3.2w3c推荐标准,w3c推荐标准,2000 xhtml

5、1.0w3c推荐标准,2001 xhtml1.1w3c推荐标准,2008 html5,蒂姆伯纳斯一李万维网之父html设计者w3c 创始人,w3c的介绍W3C是英文 World Wide Web Consortium 的缩写，中文意思是W3C理事会或万维网联盟。W3C于1994年10月在麻省理工学院计算机科学实验室成立。创建者是万维网的发明者Tim Berners-Lee。W3C组织是对网络标准制定的一个非赢利组织，像HTML、XHTML、CSS、XML的标准就是由W3C来定制。W3C会员（大约500名会员）包括生产技术产品及服务的厂商、内容供应商、团体用户、研究实验室、标准制定机构和政府部门

6、，一起协同工作，致力在万维网发展方向上达成共识。,html介绍,-W3C介绍,蒂姆伯纳斯一李,html和xhtml区别 html-xhtml-xmlhtml语言本身有一些缺陷(比如内容和形式不能分离,标记单一,数据不能复用等),随着xml的兴起，xml越来越受到国际认可，所以人们希望xml来弥补html的不足,但是目前有成千上万的网页都是html编写的，所以完全使用xml来替代html还为时过早,于是w3c在2000推出xhtml1.0，建立XHTML的目的就是实现HTML向XML的过渡。,html介绍,html 与xhtml区别,html运行原理本地运行,html运行的基本原理,html运行原理远程访问运行,html运行的基本原理,你的电脑,浏览器,远程服务器,hello.html,你可能产生的疑问?ie是怎样访问到hello.html?(url)万维网是个什么东东?,可以使用apache来测试一下这个运行的效果!,万维网(www)简略图:,html运行的基本原理,www,sohu,子网,万维网(www)-综合图,html运行的基本原理,html的开发工具记事本editplus vimfrontpagedwzend studio其它的ide,html的开发工具,