基础班00php上课进度

1、day1：伟大发明（蒸汽机，电视，电脑，互联网）互联网介绍，web 编程介绍，web 前端介绍html 设计网页基本：表形与表意相结合。，编辑器，浏览器及工具：第一个网页：o world。基本格式。帮助文档：Html 手册.字体元素HTML4 参考手册.，strong b iu sub sup font address big small排版元素p br hr pre blockquote div span h1h6列表元素ul ol li dl dt dd案例：“关于”，“你要去哪里”补充介绍 xml，xhtml二进制原理，字符编码原理。day2：元素 a link base多元素 img

2、map area object embed表格元素 table tr th td caption thead tbody tfoot案例：“你要去哪里（带）”，“地图”表格案例：“课程表”，“参赛选手”day3：表单元素：form input button select option textarea案例：用户登录（简单），用户页（复杂）框架元素： frameset frame noframes iframe框架案例：企业三栏其它元素：style script综合案例：当当登录/day4:html 设计目标：让内容（包括文字和多）以一定的方式和一定的意义表现出来。html 的局限：当需要呈现相

3、同内容形式的时候，需要重复写大量的代码，并且如果需要修改的时候，还是需要重复修改大量代码，非常不灵活。（举例：多项定义列表）css 出场：使用 css 可以解决上述问题（举例修改）引入案例：词典（定义列表应用）网页设计的升华：页面内容与表现分离，内容使用基本简单，只为表示基本含义与层次结构，表现则使用 css 在另外的位置进行设定。帮助文档：CSS2.1 中文完全参考手册.css 基础：基本语法形式，样式分类（行内，内部，外部，导入），选择器类型（【id，class，tag，通用】，伪类，伪元素，层级选择器，分组选择器），选择器优先级（行内idclasstag通用）讲样式分类使用 2-3 个文

4、字效果，讲选择器分类使用 2-3 个效果文字/段落样式：color, font-size，font-weight，font-family，font-style，line-height，letter-spacing， word-spacing，text-align，text-indent，vertical-align文本与字体样式属性案例：信息/参赛选手信息盒子模型基础：盒子的形状，盒子的宽高（width，height），盒子的padding，content）盒子基本案例：“30 元现金券等你拿”。盒子案例的局限：并列的盒子怎么办？引出浮动基本做法：左浮，右浮，清除浮动：float，width，

5、heigh，案例：浮动基本布局色块页：3 行，中间行分左右列。案例：瓜瓜网整体布局（margin，border，day5：盒子模型进一步细化：盒子宽高列表，背景，背景定位，边框细化，内外边距，层次关系。浮动细化：布局的基本原理，浮动的特性，清除浮动的作用和方法。浮动就是让一个元素脱离其所在父盒子的正常文档流，使其“浮”起来以致父盒子的边框线框不住自己（但起始位置还是以其所在的位置为起点的）。看起来父盒子的高度中不再会去自动计算该浮动盒子所占据的高度。Css 其他属性/高级特性：列表，定位，伪类案例：呱呱网头部，导航，公告，banner 图，呱呱网左边 3 栏内容day6：div 布局深入与总结

6、：内容与表现分离，分块，整体到局部，标准流与非标准流，绝对定位，层叠顺序，块元素与行元素的转换。常见 bug 及兼容性调试案例为主：呱呱网其余部分有时间可补充：inline-block 布局，设计一个新站点（佳能首页）day7:javascript 介绍：发展历程，代码形式，运行机制o world 程序，write 和 alert 使用基本语则：一条语句结束，注释，区分大小写，代码规范（层次缩进）变量，数据类型（string, number, null, undefined|object, array）变量名规则表达式与运算符（算术，比较，逻辑，位，字符串，赋值，其他），运算符的优先级，括号的

7、使用案例：求三角形的斜边，一元二次方程根的求解，赋值传值传值，字符相加day8：流程控制之分支结构：if，switch，案例：给成绩进行评价， 显示几，流程控制之循环结构：for，while，do whireak 与 continue，案例：1-100 范围内能被 3 整除的数的和，1-100 范围内既能被 3 整除又不能被 7 整除的数有哪些，星号金字塔，99 乘法表，黑白红球各多少，函数：概念，定义，调用，参数，返回值，变量作用域，系统内部函数案例：已知 r 求圆的面积；已知两直角边求斜边；已知长宽是否闰年，表面积；给定年份判断day9：内置对象：String, Math, Date，Ar

8、ray案例：用户名只能是字母且不超过 10 个；限制用户上传文件的类型；随机输出 5 个 1-100之间的整数； 跟电脑玩石头剪子布；1000 天之后是哪一天；到现在为止你活了多少天了？假设 30 岁你要“功成名就/成名立万/成家立业”，你还有多少天去奋斗？数组：概念，定义，取值，赋值，循环（for 和for in），二维数组，数组遍历，数组常用方法案例：求一个整数数组的平均值；求一个整数数组中的奇数的个数和偶数的个数；求一个整数数组中的最大值和最小值以及各自的下标；交换一个数组中最大值和最小值的位置；将一个整数数组的奇数都乘以 2；将一个数组的元素顺序“反转”过来。案例：求一个 3 行 4

9、列的二维数组的平均值及最大值和最小值，并交换其位置，求一个二维数组的“周边元素的和”。day10：对象介绍：对象就是一个具体的“物体”，这个物体有自己的特性特征特点（属性）和功能/行为/动作（方法）。网页中的对象：html对象DOM 介绍，htmlDom，Dom 控制网页，操作 Dom 对象的属性和样式案例：让一个 div 变得“面目全非”。事件 event：概念，事件源，事件处理程序，事件名称，事件对象浏览器差异，事件类型案例：灯泡开关切换案例：网页版计算器（自动计算，onblur）案例：登录提示：文字，颜色，背景，进出逻辑案例：事件链：在一个输入框中进行如下操作并显示所有经历过的事件并显示

10、到 textarea中：鼠标进入后点击获得焦点并输入一个字符“a”然后再鼠标点击外部区域离开该输入框。案例：移动瞄准：onload 的时候将网页的一个区域初始化为“黑为瞄准状态并时刻显示坐标。案例：点出满天小星星：每点击一下，就“创建一个 img 对象”，鼠标进入后变day11：BOM 介绍，BOM 结构window 对象：若干方法。其他 window 子对象：location, history, screen, navigator,案例 1：点击按钮弹出小窗 q 口自动弹出窗口。案例 2：切换。案例 3：网页时钟（如果要求时钟在一分钟之后就自动停掉，怎么办？）案例 4：根据用户显示器的分辨率

11、载入不同的网页，并根据用户使用的浏览器不同也给出不同的提示：IE 用户提示“你 out 了，现在流行火狐呢”，FF 用户提示“你很时髦啊，紧跟时代脚步”day12:网页 DOM 内置对象：法大全。Element，body，forms，images，links，all，及找对象的办扩展：table 对象：table-rows-row-cells-cell。DOM 基础：含义，结构与层次关系，节点（node，对比：元素，素 1，文本 2，属性 3），对象），节点类型（元常用属性：ChildNodes，attributes, nodeName, nodeValue, nodeType）,Child,

12、 lastChild, nextSibling, previousSibling, parentNode;常用方法：getribute(), setribute(), hasChildNodes(), createElement(), createTextNode(),appendChild(), removeChild(), insertBefore(), cloneNode(),案例 1：“看你能坚持多久”。案例 2：基于 table 的用户管理系统案例 3：表单验证：当当登录，当当day13：html5 新知识与应用：html5 支持度测试：htt/test/html5/index.ht

13、ml浏览器统计： http:/data/browser新语义：举例：http/view/297739.htmfooter，header，nav（纯语义 article（文章：外部文章区），：脚部，头部，导航），section（分区，区块，文章的“节”）， aside（边栏：相关参考区），details（详细内容：与 summary 配合，表示显示的“概要/标题”，点击打开关闭内容），hgroup（标题组：对标题time（时间或日期，纯语义）进行组合），与资源：audio（声音：mp3, ogg, wav），（：ogg, mpeg4）source（为 audio 和定义资源），embed（嵌入内

14、容，外部插件），功能性：mark（标记文字，突出显示）， progress（进度条），新表单元素：input type=”date/datetime/url/number/time/range/k”datalist（数据列表：表示可选数据表，配合 inputtext使用，设置其 list=”xxid”），output（输出区，语义性质，表现类似 span，但作为表单使，当然可以上传到 server），新属性：hidden,contenteditable，placeholder本地：window.localStorage.lastname=Smith;/localStorage.setItem(

15、lastname, smith);/localStorage.setItemlastname=smith;sesStorage.lastname=John;：var v1 = localStorage.lastname，localStoragelastname，localStorage.getItem(lastname”);sesStorage.lastname，sesStorage lastname，sesStorage.getItem(“lastname”);清除： localStorage.removeItem(“lastname”)；localStorage.clear();canva

16、s（画布），画布应用：.geementI (canvas1); /画布对象canvas1 =cntxt = canvas1.getContext(2d); /画布对象上的“画笔”，所有图形都用它“画”出来/画线cntxt.moveTo(20,20);/将画笔移动到某点 cntxt.strokeStyle = #ff0000; /设置画笔填充样式 cntxt.lineWidth = 3;/设置线宽cntxt.lineTo(100,50);/画到点 100，50 cntxt.lineTo(50,100);/再画到点 50，100/画线cntxt.stroke();/画矩形图案：cntxt.stro

17、keStyle = rgb(255,0,0); /填充色cntxt.strokeRect(350,20,50,30);/画矩形框：左上角位置，宽高cntxt.fillStyle = rgb(255,0,0);/填充色cntxt.fillRect(110,20,150,100);/画矩形块：左上角位置，宽高cntxt.clearRect(120,40,60,60);/“挖矩形块”：左上角位置，宽高绘制路径：就是连续画一些线，然后最后会将第一根的起始和最后一根线的末尾连起来成为闭合的区块并可以将其填充颜色或其他beginPath()/开始路径。cntxt.moveTo(320,300); /将画笔

18、定位到某处，此时还可以设置画笔的颜色，粗细lineTo(x,y);/或 arc(x, y, radius, startAngle, endAngle,lockwise)。/画一系列线closePath()/关闭路径，实际就是使用当前线形自动将首尾连接/或 fill()；/画线或填充stroke()/绘制圆弧：cntxt.arc(x, y, radius, startAngle, endAngle,lockwise)/圆心坐标 x，y，半径，起始角度（弧度），终止角度（弧度），顺/逆(false/true)时针）/弧度指以圆心为原点，以 x 方向为起始线，顺时针方向的角度（弧度）day14-day15：呱呱网首页：html+css+js 的综合应用 当当网动态效果：html+css+js 综合应用day16：系统模式（单机，CS/模式，BS/模式）网络原理（ip，dns，hosts 文件）