《韩顺平htmljsphpmysql的从入门到精通的全套笔记》由会员分享，可在线阅读，更多相关《韩顺平htmljsphpmysql的从入门到精通的全套笔记（107页珍藏版）》请在金锄头文库上搜索。
1、韩顺平 php 从入门到精通的全套笔记1 讲 html 介绍 html 运行原理更新时间:2012 年 09 月 13 日 18 时 12 分 来源:Html + css 四天Html 是什么1. html (hypertext mark-uplanguage)是 超文本标记语言 , 主要的用处是做网页, 可以在网页上显示 文字、图像、视频、声音 标记=元素简单说明一下动态网页的示意图:Html 历史1999 html- xhtml (xhtml 可以理解成就是 html 的加强版) -xml|2008 html5.0u W3c 的介绍是一个制定标准的组织 ( 比如 给 html ,xhtml
2、 ,css ,xml , wml制定标准) 不同的浏览器，去访问同一个网页，可能看到的效果是有差别 !-hackHtml 的运行原理Hello.htmlHtml 的运行有两种方式Html 文件的基本结构1.本地运行所谓本地运行就是直接用 浏览器打开23 讲 动态网页技术介绍 PHP 基本介绍php 核心课程web 开发的介绍web 开发分为 1. 静态 web 开发(html 页面) 如果我们的一个页面，始终是一成不变的，则就是属于静态 web 开发，一般讲用 html 技术就 ok2. 动态 web 开发比如: 我们需要发帖，网上支付, 发短信, 发邮件. 这样就需要动态 web 开发. 常
3、用的动态 web 技术 php 、jsp 、asp- 、cgi 通用网关接口 c-c+-java-c#我希望在某个页面显示当前时间动态网页技术的发展历程1. cgi2. asp 微软产品 - 3. jsp (mysql- sun 公司)，被 oracle2009 收购 java / solaris/mysql4. php 目前 zend 公司管理维护php 优点 : 跨平台 ,同时支持多种数据库 安全性和效率好 使用成本低 ( linux apache mysql php 内核) 相对 jsp ,和 简单 开发源码(可以做二次开发) / 开源软件 在 php4 php5 以及即将发布 ph
4、p6 中更好的支持 面向对象 缺点:1. 安装比较复杂，配置比较多2. 太灵活，解释执行(编译执行),所以有些错误，到真的运行的时候才会暴露Hello.cViod main()Printf(“ok”);Hell.javaMain()System.out.println(“hello,world”);Php2 讲 html 运行原理 html 文件基本结构 html 元素和属性更新时间:2012 年 09 月 13 日 18 时 12 分 来源:2. 远程访问l 何为协议? 计算机互相通信(网络)的规则. ftp smtp pop http远程访问的原理示意图: 这里我们涉及到 http 协议，
5、这里我们没有深入讲解， 但是这是一个非常重要的知识点.Html 的基本结构内容说明1. 标记通常是成对出现 2. 单标记 案例: Demo1.htm横看成林远近高低各不同不知庐山真面目面试: 请问后缀 html 和 htm 有什么区别?答: 1. 如果一个网站有 index.html 和 index.htm 默认情况下，优先访问 .html3. htm 后缀是为了兼容以前的 dos 系统 8.3 的命名规范3 讲 符号实体 url 说明 超链接 发送电邮更新时间:2012 年 09 月 13 日 18 时 13 分 来源:html 符号实体说明：当我们在网页中有一些特殊字符时候，可以考虑使用字
6、符实体(char entity)超链接的案例:*连接到 a.html跳转到百度联系管理员4 讲 图像 表格 实际应用-菜谱 课堂练习-课程表更新时间:2012 年 09 月 16 日 15 时 14 分 来源:4 讲 图像 表格 实际应用 -菜谱 课堂练习-课程表图片:Html 的表格元素在以前对网页布局要求不高的情况下，使用 table 布局(即使用表格来显示数据，同时用于布局)快速入门:12324539103910应用案例 ：1. 确定行代码 如下:12324539103910菜谱素菜青草茄子 花椒扁豆 小炒韭菜 白豆腐荤菜清蒸龙鱼香肉丝 小炒肉 水煮肉片 课堂练习:5 讲 无序列表 有序
7、列表 框架更新时间:2012 年 09 月 16 日 15 时 19 分 来源:俺第一个实例成绩表项目上课休息星期星期一星期二星期三星期四星期五星期六星期日上午语文数学英语英语物理计算机休息数学数学地理历史化学计算机化学语文体育计算机英语计算机政治英语体育历史地理计算机 1下午语文数学英语英语物理计算机休息数学数学地理历史化学计算机无序列表案例:代码:英雄精武门西游记 type 可以取 disc 、 circle 、 square有序列表代码:卢俊义吴用林冲 type 用于指定用什么来显示,start 表示从第几开始计算.6 讲 浮动窗口 表单及表单控件更新时间:2012 年 09 月 17
8、日 12 时 24 分 来源:Frameset 框架集用途主要是用于分割显示多个页面 framest 和 frame 配合使用，一般讲是用于后台页面快速入门: 代码A2.html 页面用于保护其它页面 该页面不能有 body 和 body 体b.html周杰伦齐秦 target 属性值有四个_blank : 表示打开一个全新的页面_self: 替换本页面_top:_parent:* 还有一个就是在 target 值中直接写对应的那个 frame 的名字.c.html:歌词大全其它页面Frameset 的综合小案例:结构示意图:案例All.htmlTop.htmlLeft.html青花瓷当兵的人
9、 Right.html歌词大全晚上的练习:1. 按照笔记走一遍2. 作业2.1 做一个自己的网页，显示自己的基本信息：姓名、性别等（注意使用文本格式标记，要做得好看啊），并显示自己的照片（图象的标记还记得吗？）2.2. 普通邮箱Iframe 的使用有时我们需要，在一个含有的页面嵌入另外一个页面，形成画中画的效果,怎么处理-iframe 元素(浮动窗口)入门案例Iframe.htmlhello,world连接到 taobao连接到 kk.html表单元素为什么需要 ？看一个图:从上图可以看出，我们需要把一些数据提交给服务器处理,比如注册用户, 发帖,这样就需要使用到表单元素( 常见 输入框、单选
10、框、复选框、文本域、密码框、上传文件。)基本结构一般说，表单元素通常是被 包含起来的Abc:U:入门案例:Login.html登录页面用户名:密码:Ok.htmlOk,登录成功原理图:请考虑： 如果我们希望偷偷的提交数据,不要影响节目效果，可以考虑使用隐藏域7 讲 表单及表单控件 更新时间:2012 年 09 月 18 日 17 时 15 分 来源:25 秒前 上传下载附件 (27.43 KB)案例代码:表单元素您最喜欢哪些城市:北京上海伦敦您的性别是:男女隐藏域的使用下拉列表请选择您的出生地:四川北京西藏上传文件课堂练习:8 讲 多媒体页面 标签汇总 地图映射更新时间:2012 年 09 月
11、 20 日 11 时 26 分 来源:多媒体我的电影网站照着 html 文档，我们对 html 在加强一把图像映射技术:案例:9 讲 多标签汇总 线包字效果 测试题更新时间:2012 年 09 月 21 日 20 时 08 分 来源:代码: 审核状态已经审核没有审核全部10 讲 div+css 开山篇更新时间:2012 年 09 月 24 日 10 时 22 分 来源:Div+css 是什么?Div+css 是一种目前比较流行的网页布局技术Div 来存放需要显示的数据(文字，图表.) , css 就是用来指定怎样显示， 从而做到数据和显示相互的效果原理图如下 ：有时后，我们也可能把 css 直
12、接嵌入到 html 文件中，这种方式称为内联 css基本语法:选择器属性 : 属性值;我们可以简单的这样理解 div+css: div 是用于存放内容(文字,图片,元素)的容器。css 是用于指定放在 div 中的内容如何显示,包括这些内容的位置和外观.快速入门案例(体验案例)Demo.htmlcss 入门小案例My.css.style1/*宽度 */width: 400px;height: 300px; /*一定要写一个分号*/background-color:silver;border:1px solid red;margin-left:400px;margin-top:250px;pad
13、ding-top:20px;padding-left:40px;网页设计的三个时期 table 网页设计 table+css 网页设计 div+css 网页设计11 讲 初识 css 类选择器 id 选择器 html 选择器 更新时间:2012 年 09 月 27 日 12 时 13 分 来源:css 使用必要性 1. 可以很好的统一网站的显示风格.css 使用的基本语法选择器属性 1: 属性值;属性 2: 属性值;.Html 文件:栏目一栏目二栏目三栏目四栏目五Css 文件 ：/*.s1 用术语 类选择器*/.s1color: blue;font-size: 30px;font-style:
14、italic;text-decoration:underline;.s2color:yellow;font-size:12px;.s3color:blue;font-style:italic;.s4color:green;font-weight:bold;.s5color:#9C3131;Css 必要性 2 可以使用滤镜a:link imgfilter:gray;a:hover imgfilter:;Css 中常用的四种选择器1. 类选择器(class 选择器)基本使用.类选择器属性名: 属性值;.2. id 选择器基本使用#id 选择器 属性名: 属性值;.案例:/*id 选择器的使用*/#
15、id1background-color:silver;font-size:40px;3. html 元素选择器某个 html 元素属性名: 属性值;TablePButton/对 html 元素样式分类 P:cls需求人员(技术+ 行业背景)财务软件(php,c+)-用友 4. 通配符选择器 css 文件可以使用在各种文件(php,html,jsp,asp)*12 讲 通配符选择器 父子选择器更新时间:2012 年 09 月 28 日 13 时 46 分 来源:1. 通配符选择器 css 文件可以使用在各种文件(php,html,jsp,asp)*案例:再比如，我们希望所有的超链接(1)默认样式是 黑色，24px,没有下划线(2)当鼠标移动到超链接时，自动出现下划线(3)点击后,超链接变成 红色。这又该怎么实现呢?
