標籤:ima web2.0 不能 前端 com 開發 好的 使用者 建議
一、web1.0時代的網頁製作
靜態網頁,所謂的靜態網頁就是沒有與使用者進行互動而僅僅供讀者瀏覽的網頁,我們當時稱為“牛皮癬”網頁。例如一篇QQ日誌、一篇博文等展示性文章。 網頁三劍客 Dreamweaver+Fireworks+Flash”吧,這個組合就是web1.0時代的產物。
二、web2.0時代的前端開發
前端開發”是從“網頁製作”演變而來的。
從2005年開始,互連網進入web 2.0時代,由單一的文字和圖片組成的靜態網頁已經不能滿足使用者的需求,使用者需要更好的體驗。
在web 2.0時代,網頁有靜態網頁和動態網頁。所謂動態網頁,就是使用者不僅僅可以瀏覽網頁,還可以與伺服器進行互動。
web2.0時代的網頁不僅包含炫麗的動畫、音頻和視頻,還可以讓使用者在網頁中進行評論交流、上傳和下載檔案等(互動性)。
三、前端開發都有哪些內容
網頁最主要由3部分組成:結構、表現和行為。網頁現在新的標準是W3C,目前模式是HTML、CSS和JavaScript。
HTML:網頁的結構
HTML,全稱“Hyper Text Markup Language(超文字標記語言 (HTML))”,簡單來說,網頁就是用HTML語言製作的。HTML是一門描述性語言,是一門非常容易入門的語言。 CSS:網頁的外觀
CSS,全稱“(層疊樣式表)”。以後我們在別的地方看到“層疊樣式表”、“CSS樣式”,指的就是CSS。
JavaScript:頁面的行為
JavaScript是一門指令碼語言。
四、開發環境
HTML編輯器,常見的Hbuild、Sublime Text、Dreamweare都可以用來開發HTML。當然PyCharm也支援HTML開發。(*.html / *.htm)
五、HTML
HTML作為一種標記語言它並沒有什麼邏輯,簡單來說就是一些符號,一些有特殊意義的符號,一些瀏覽器認識的有特殊意義的符號。
1.標籤
在HTML中規定標籤使用英文的的角括弧即`<`和`>`包起來,如`<html>`、`<p>`都是標籤。HTML中標籤通常都是成對出現的,分為開始標籤和結束標籤,結束標籤比開始標籤多了一個`/`,如`<p>標籤內容</p>`和`<div>標籤內容</div>`。開始標籤和結束標籤之間的就是標籤的內容。標籤之間是可以嵌套的。例如:div標籤裡面嵌套p標籤的話,那麼`</p>`必須放在`</div>`的前面。HTML標籤不區分大小寫,`<h1>`和`<H1>`是一樣的,但是我們通常建議使用小寫,因為大部分程式員都以小寫為準。
2.HTML文檔結構
<!DOCTYPE HTML>是文檔聲明,必須寫在HTML文檔的第一行,位於<html>標籤之前,表明該文檔是HTML5文檔。<html></html> 稱為根標籤,所有的網頁標籤都在<html></html>中。<head></head> 標籤用於定義文檔的頭部,它是所有頭部元素的容器。常見的頭部元素有<title>、<script>、<style>、<link>和<meta>等標籤,頭部標籤在下一節中會有詳細介紹。<body>和</body>標籤之間的內容是網頁的主要內容,如<h1>、<p>、<a>、<img>等網頁內容標籤,在<body>標籤中的內容(圖中淡綠色部分內容)最終會在瀏覽器中顯示出來。HTML文檔包含了HTML標籤及常值內容,不同的標籤在瀏覽器上會顯示出不同的效果,所以我們需要記住最常見的標籤的特性。
3.HTML注釋:
<!-- xx部分 開始 --> 這裡放你xx部分的HTML代碼 <!-- xx部分 結束 -->
前端開發 - HTML - 簡介