介紹了Web開發

歡迎到網上.

早在我的一天 (行, 我前一天), Web開發人員的職業是一種低1. 它排在下面的小狗仇敵，但高於洋基球迷對職業榮譽規模. 因為所有我們使用的標籤和透明間隔圖像的, 我們被看作是原油黑客採用無感美學.

良好, 我們可能仍然缺乏審美意識, 但作為Web開發等方面具有Web開發人員的專業. 這些天來有無數的工具，我們可以用它來編寫良好的, 符合標準, 而美麗 (行, 也許不是最後一個) 網頁. 大多數你今天使用的大網站 (無恥的插頭: 包括這一個) 使用這些工具構建.

我們對瀏覽器的高端工具一群使我們能夠在網絡上，是無法想像的創造上的事情就 10 年前, 如無數的社交網絡自稱是浪費你的時間的最好方式, “熱” 高科技初創公司聲稱已徹底改變東西是已經做了上千次, 和憤怒的小鳥克隆自稱是比原來只略差. 所有在網絡上. 所以，也許這些工具沒有去最大的用途.

那麼，這些令人驚訝的工具我一直在談論? 一路領先一直是 (坦率地驚人) 語言稱為HTML5, CSS3, 和JavaScript, 我的綽號 3 該webocalypse的騎兵. 下面就來看看在每一個:

HTML (妥善稱為超文本標記語言; 你可以看到為什麼人們誰不想看壞只使用首字母縮寫詞) 是 語言來佈局網頁. 此頁面上右鍵單擊，然後單擊 “查看源文件”. 這就是這個頁面使用HTML.

本質上, HTML是一堆標籤, 該瀏覽器 解釋並勾畫出. 例如, 看看這個HTML程式碼:

我不知道你怎麼想, 但我喜歡按按鈕。

 

<鈕>點擊我!</鈕>

此HTML代碼包裹在一個段落文本 (的 標籤開始一個段落, 的 標記結束一個段落。) 有一個換行符 (的 ) 然後一個按鈕，你可以點擊你的心臟的內容. 您的瀏覽器將為它在屏幕上你.

所以，這一切都很好. 但是，如果你什麼都沒有，但HTML, 你看起來像一個網頁來直出上世紀90年代. 沒有太大的好處就出來了這十年的反正 (髮型, 音樂, 等等) 別急! 還有更多!

另一種縮寫. 夏天. CSS的代表 層疊樣式表, 這是一個有點用詞不當，因為他們並不真正級聯 (這意味著什麼… 它的計算機代碼, 不是一個瀑布!) CSS是 用c語言風格的網頁. 這, 太, 是由您的瀏覽器解釋.

CSS和HTML一起工作 – 使得HTML頁面的佈局, CSS給它他的個性. 想像一下，蓋房子: HTML提供了單調的而且是必要的木製框架, CSS增加了霓虹燈的顏色和古怪的家具.

CSS是一種非常簡單的語言: 有一定的HTML標籤 (就像一個段落), 您可以指定不同的樣式類值. 您的瀏覽器將讀取CSS和其應用到所有匹配的HTML標籤. 例如:

p {

顏色: 紅;

字體大小: 16PX;

}

因此，每一個段落 (東西在HTML 標籤) 將有紅字體並 16 像素大小. 如果你注意到, 這些都是一些可以在Microsoft Word中使用相同樣式 和其他應用程序.

所以，現在你的網頁的佈局，他們看起來很漂亮. 但這裡的東西: 這就是他們做的. 他們只是坐在那裡，看起來很漂亮. 這是偉大的，所有, 但網絡的用戶希望更多. 他們希望花哨的動畫. 他們想要的彈出窗口 (行, 也許他們在做回 2002, 但我離題。) 他們想要的按鈕，會做的東西，當你點擊它們.

關於最後一個 – 這是一個問題. 你可以做一個 <鈕> 在HTML中, 您可以單擊它一周, 但它沒有做任何事情任何時間很快. 如果你希望按鈕, 哦，我不知道, 移動你的大象在屏幕上和進攻某物, 那麼你需要更多的東西.

JavaScript是不首字母縮略詞, 如果你想知道. 他們把它稱為JavaScript的，因為它看起來像編程語言調用的Java, 這是奇怪的原因它不. 無論如何, JavaScript是 導致所有的動態效果適當的編程語言 你在網絡上看到.

像任何編程語言, JavaScript是 一系列的命令，使變量和使用功能的. 關於JavaScript涼爽的部分 (良好, 作為酷作為一種編程語言可以是) 是，你可以訪問這些HTML元素 (如段落和按鈕) 和CSS樣式 (如字體顏色和大小) 並改變它們. 看看這個代碼:

VAR款= $('P');

paragraph.css('顏色','藍色');

這段JavaScript代碼會發現網頁上的所有段落 – 的 $ 標誌告訴瀏覽器查找所有匹配的元素, 和'P’ 意味著它需要選擇段落 (記得 從HTML元素?) 然後你就可以段落存儲到一個變量, 和命令瀏覽器來改變顏色的CSS樣式藍色.

我覺得有趣 (再次, 這一切都是從一個角度來看 “WEBDEV”) 是如何優雅的三種語言一起工作. JavaScript的最後一行互動與頁面的HTML和CSS中使用它的樣式. 它不像這些語言都是同樣的事情只是不同的組件 – 它們是同一個, 同樣神奇的機器的不同側面.

迷人的聲音? 我認為它確實. 這就是網絡的美只是其中的一部分.

發表