韩顺平轻松搞定网页设计htmlcssjs完整版.docx

韩顺平J2EE视频教程第二版 《轻松搞定网页设计html+css+javascript》全42讲笔记 PAGE199 / NUMPAGES199 注：笔记中所有示例，均通过测试! 轻松搞定网页设计html+css+javascript 内容介绍 该教程用循序渐进的手法和项目驱动的案例，由浅入深的讲解网页设计的基础部分和高级部分，包括以下内容： 1、html详解； 2、css(块级元素、行内元素、标准流盒子模型、浮动定位)； 3、div+css网页布局(盒子模型经典案例、仿sohu首页面布局)； 4、javascript深入讲解(js基本语法、数组、js面向对象编程，js系统函数、事件、js dom编程详解、正则表达式) 做web开发的程序员都知道，网页设计是web开发的重要部分，不管你是php web开发，还是java web、.net web都需要网页设计，说白了就是你的web程序的界面，以前的程序员可能不大注重界面，但是一个布局合理，设计优雅，简洁易用的网站界面无疑会给我们的项目增光添彩，这就好比一个你去推销一个产品，如果这个产品的包装非常精美漂亮，显然就会受到客户的欢迎。我们这个视频专题就是详细深入的讲解如何做出符合商业要求的网页。 html是什么 HTML(HyperText Mark-up Language)即超文本标记语言或超文本链接标示语言，是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言。 HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML的结构包括头部(Head)、主体(Body)两大部分，其中头部描述浏览器所需的信息，而主体则包含所要说明的具体内容。 html可以做什么 1、HTML可以编写静态网页； 2、该静态网页可以包括文字、图形、动画、声音、表格、链接。从而构成一个个漂亮的网面 html发展历史 1993标记语言第一版 → 1995html2.0 → 1996html3.2w3c推荐标准 ↓ 2001xhtml1.1w3c推荐标准←2000xhtml1.0w3c推荐标准←1999html4.0.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名会员)包括生产技术产品及服务的厂商、内容供应商、团体用户、研究实验室、标准制定机构和政府部门，一起协同工作，致力在万维网发展方向上达成共识。 html和xhtml区别 html-xhtml-xml html语言本身有一些缺陷(比如内容和形式不能分离，标记单一，数据不能复用等)，随着xml的兴起，xml越来越受到国际认可，所以人们希望xml来弥补html的不足，但是目前有成千上万的网页都是html编写的，所以完全使用xml来替代html还为时过早，于是w3c在2000推出xhtml1.0，建立xhtml的目的就是实现html向xml的过渡。 html的运行原理 1、本地运行； 2、远程访问运行； [helloworld.html]示例： html head title第一个网页/title /head body font style=font-size:150px size=7 color=redhello,world/font /body /html html的基本结构 不管html文件有多复杂，它的基本结构如下: 元素 属性=属性值...内容/元素 如果没有内容，可以这样写 元素 属性=属性值.../ --注：中的都是标记，标记是要成对出现如:html内容/html 元素也叫标记 p段落标记/p font size=字体标记/font !--取值1到7-- h#标题字体/h# #=1,2,3,4,5,6 b字体加粗/b [html001.html]字体案例 html !--(!)为注释-- !--head是文件头部分-- head !--title标题-- title字体及颜色案例/title /head !--body是文件体