从零开始：WEB开发入门.pptx

第二部分：互联网的WEB开发第四章 起航--从一辆WEB汽车说起本章内容WEB开发初体验开发工具介绍浏览器介绍WEB开发编码总结回顾你的开发经历还记得你曾经写的程序吗？尝试总结你写过的程序的整个开发过程。从零开始：目标春树秋霜图小鸡啄米图从零开始：新建文件TIP：找一个干净的地方新建一个文件。比如：E:\MyFirstWeb。我们选用几乎人人皆知的记事本。给这个文件起一个有意义的名字。从零开始：思考实现思路从零开始：写代码实现只需要两种能力：1、在网页中画出矩形。2、控制矩形的大小和位置。从零开始：写代码实现2、控制矩形的大小和位置。1、在网页中画出矩形。从零开始：用浏览器打开重命名car.txt为：car.html双击打开car.html从零开始：对代码的解释从零开始：完成整个手绘汽车20分钟练习从零开始：总结一款工具编码浏览器打开回顾你的开发经历借助一款工具努力干活得到成果在某个地方展示。总结：开发工具总结：开发工具正确看待开发工具：生产工具与生产力的关系。（好的工具能够助你一臂之力）仅仅只是一个工具。（过于追求新版本新工具）从零开始：浏览器从零开始：浏览器浏览器内核介绍：从零开始：编码身材：HTML相貌：CSS行为：javascript什么是 HTML？HTML 是用来描述网页的一种语言。HTML 指的是超文本标记语言(Hyper?Text?Markup?Language)HTML 不是一种编程语言，而是一种标记语言。HTML 使用标记标签来描述网页。HTML基本结构HTML标签（tag）是富有含义的标记有一个开始标签，不一定有结束标签 ? 标签可以进行嵌套标签包含0个或多个属性实际工作中，约定：标签是小写字母（div 而不是DIV）如果没有结束标签，要在开始标签末尾加上斜杠HTML元素HTML元素属性内容p class=“title”你好，合肥！/p开始标签结束标签开始标签、结束标签以及他们所包围的内容，形成一个HTML元素。什么是CSS？CSS，即层叠样式表?(Cascading?Style?Sheets)：定义如何展现HTML元素的样式。同一个人不同风格CSS规则定义：是一个样式定义的指令集，可包含多个样式定义CSS规则选择符样式定义body{ font-family:宋体; }属性值什么是JavaScript？JavaScript 是世界上最流行的脚本语言。被设计为向 HTML 页面增加交互性。是一种脚本语言，可以直接运行于浏览器JavaScript 却拥有非常简单的语法。几乎每个人都有能力将小的 JavaScript 片段添加到网页中。Hello Javascript !Javascript基本概念变量数据类型运算符流程控制函数从零开始：总结下一步轮子是圆的车子漂亮点车子动起来.NET程序设计基础 创建.NET项目iFlySSE引导学生从：开发工具、编程语言、运行环境、界面样子等方面回顾和总结所写过的程序。.NET程序设计基础 创建.NET项目iFlySSE我们的长期的目标是，从一辆手绘的汽车开始，经过训练，能够实现一个汽车宣传和销售的门户网站。.NET程序设计基础 创建.NET项目iFlySSE与 回顾你的开发经历 呼应：是不是所有的开发过程都这样？.NET程序设计基础 创建.NET项目iFlySSE大致可以这么理解：作为一个“容器”的来使用的标签，都有结束标签，而如果是作为描述某个对象本身而使用的标签，就可能没有结束标签，比如DIV作为一个容器出现，本身并没有什么意义，只是用来装载其他内容，所以就包含结束标签，而类似img这样的标签，因为本身就是一个图片对象，不是容器，所以不需要有结束标签。iFlySSE.NET程序设计基础 创建.NET项目iFlySSE.NET程序设计基础 创建.NET项目