介绍了Web开发

早在我的一天 (行, 我前一天), Web开发人员的职业是一种低1. 它排在下面的小狗仇敌，但高于洋基球迷对职业荣誉规模. 因为所有我们使用的标签和透明间隔图像的, 我们被看作是原油黑客采用无感美学.

良好, 我们可能仍然缺乏审美意识, 但作为Web开发等方面具有Web开发人员的专业. 这些天来有无数的工具，我们可以用它来编写良好的, 符合标准, 而美丽 (行, 也许不是最后一个) 网页. 大多数你今天使用的大网站 (无耻的插头: 包括这一个) 使用这些工具构建.

我们对浏览器的高端工具一群使我们能够在网络上，是无法想象的创造上的事情就 10 年前, 如无数的社交网络自称是浪费你的时间的最好方式, “热” 高科技初创公司声称已彻底改变东西是已经做了上千次, 和愤怒的小鸟克隆自称是比原来只略差. 所有在网络上. 所以，也许这些工具没有去最大的用途.

那么，这些令人惊讶的工具我一直在谈论? 一路领先一直是 (坦率地惊人) 语言称为HTML5, CSS3, 和JavaScript, 我的绰号 3 该webocalypse的骑兵. 下面就来看看在每一个:

HTML

HTML (妥善称为超文本标记语言; 你可以看到为什么人们谁不想看坏只使用首字母缩写词) 是 语言来布局网页. 此页面上右键单击，然后单击 “查看源文件”. 这就是这个页面使用HTML.

本质上, HTML是一堆 标签, 该浏览器 解释并勾画出. 例如, 看看这个HTML程式码:

<p>我不知道你怎么想, 但我喜欢按按钮。</p>

<BR>

<钮>点击我!</钮>

此HTML代码包裹在一个段落文本 (该 <p> 标签开始一个段落, 该 </p> 标记结束一个段落。) 有一个换行符 (该 <BR>) 然后一个按钮，你可以点击你的心脏的内容. 您的浏览器将为它在屏幕上你.

所以，这一切都很好. 但是，如果你什么都没有，但HTML, you get a webpage that looks like it came straight out of the 1990’s. 没有太大的好处就出来了这十年的反正 (发型, 音乐, 等等) 别急! 还有更多!

CSS

另一种缩写. 夏天. CSS的代表 层叠样式表, 这是一个有点用词不当，因为他们并不真正级联 (这意味着什么… 它的计算机代码, 不是一个瀑布!) CSS是 用c语言风格的网页. 这, 太, 是由您的浏览器解释.

CSS和HTML一起工作 – 使得HTML页面的布局, CSS给它他的个性. 想象一下，盖房子: HTML提供了单调的而且是必要的木制框架, CSS增加了霓虹灯的颜色和古怪的家具.

CSS是一种非常简单的语言: 有一定的HTML标签 (就像一个段落), 您可以指定不同的样式类值. 您的浏览器将读取CSS和其应用到所有匹配的HTML标签. 例如:

p {

颜色: 红;

字体大小: 16PX;

}

因此，每一个段落 (东西在HTML <p> 标签) 将有 红 字体并 16 像素大小. 如果你注意到, 这些都是一些可以在Microsoft Word中使用相同样式 和其他应用程序.

所以，现在你的网页的布局，他们看起来很漂亮. 但这里的东西: 这就是他们做的. 他们只是坐在那里，看起来很漂亮. 这是伟大的，所有, 但网络的用户希望更多. 他们希望花哨的动画. 他们想要的弹出窗口 (行, 也许他们在做回 2002, 但我离题。) 他们想要的按钮，会做的东西，当你点击它们.

关于最后一个 – 这是一个问题. 你可以做一个 <钮> 在HTML中, 您可以单击它一周, 但它没有做任何事情任何时间很快. 如果你希望按钮, 哦，我不知道, 移动你的大象在屏幕上和进攻某物, then you need something more.

使用Javascript

JavaScript是 不 首字母缩略词, 如果你想知道. 他们把它称为JavaScript的，因为它看起来像编程语言调用的Java, 这是奇怪的原因它不. 无论如何, JavaScript是 a proper programming language that causes all the dynamic effects 你在网络上看到.

像任何编程语言, JavaScript是 一系列的命令，使变量和使用功能的. 关于JavaScript凉爽的部分 (良好, 作为酷作为一种编程语言可以是) 是，你可以访问这些HTML元素 (like paragraphs and buttons) and CSS styles (like font color and size) and change them. Look at this code:

var paragraph = $(‘p’);

paragraph.css(‘color’,’blue’);

This JavaScript code will find all the paragraphs on the page – 该 $ sign tells the browser to find all matching elements, and the ‘p’ means it needs to choose paragraphs (remember the <p> element from HTML?) Then you can store the paragraphs to a variable, and the command the browser to change their color CSS style to blue.

What I find interesting (再, 这一切都是从一个角度来看 “WEBDEV”) 是如何优雅的三种语言一起工作. JavaScript的最后一行互动与页面的HTML和CSS中使用它的样式. 它不像这些语言都是同样的事情只是不同的组件 – 它们是同一个, 同样神奇的机器的不同侧面.

迷人的声音? 我认为它确实. 这就是网络的美只是其中的一部分.