我說(shuō)過(guò)學(xué)代碼要勤動(dòng)手，其實(shí)你們光拿我當(dāng)相聲看了，根本沒(méi)動(dòng)手。別以為我不知道哦。今天開(kāi)始我們要一起寫一個(gè)頁(yè)面了，大家可一定一定要?jiǎng)邮指僮鞑判邪?，否則你會(huì)跟不上的！

看懂和會(huì)做絕對(duì)是兩碼事！

我們要開(kāi)始寫一個(gè)頁(yè)面了，這是我們的處女作，大家要好好珍惜，認(rèn)真享受過(guò)程～～（怎么總覺(jué)得好猥瑣？）我們要寫一個(gè)很簡(jiǎn)單很普通的頁(yè)面，就寫一個(gè)最樸素的 App 發(fā)布頁(yè)面好了，這應(yīng)該算是一個(gè)很實(shí)用的東西。我就不畫效果圖給大家看了，因?yàn)檫@又不是給老板干活，花毛線效果啊，做成什么樣是什么樣就好了嘛～

但是一些準(zhǔn)備的工作還是要交代清楚的，首先建立一個(gè)空白的文件夾作為我們網(wǎng)站的根目錄，然后在里面的文件結(jié)構(gòu)如下（先規(guī)劃出來(lái)，用哪個(gè)文件再建立哪個(gè)文件就行的）：

|_ images
|_ styles
- |_ main.css
|_ index.html

其中 images 文件夾用來(lái)放我們后面要用到的所有圖片。styles 文件夾下的 main.css 里面用來(lái)寫我們用到的所有 css 樣式。最后 index.html 當(dāng)然就是我們這次要寫的頁(yè)面了。

現(xiàn)在在 Notepad++ 里面新建一個(gè)文件，然后菜單 —— 格式 —— 以 UTF-8 格式編碼，然后保存文件為 index.html。

網(wǎng)頁(yè)亂碼就是因?yàn)檫@里的編碼沒(méi)選對(duì)，現(xiàn)在不要再問(wèn)我為什么亂碼了哦～～

文件里粘入如下代碼

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>我們的目標(biāo)是搶前端的飯碗！</title>
        <link href="styles/main.css" rel="stylesheet" type="text/css">
    </head>
    <body>
        <!-- 后面的 Html 代碼寫這里，我就不老復(fù)制完整的網(wǎng)頁(yè)代碼了。 -->
    </body>
</html>

CSS 代碼的建立方法一樣，在里面粘貼如下內(nèi)容：

/* 這是我寫的第一個(gè) CSS 文件，內(nèi)心十分的激動(dòng)，在這心潮澎湃之余，我想到了一個(gè)真理 —— 稻米鼠真帥！ */

認(rèn)真寫，不許錯(cuò)字，否則后果很嚴(yán)重！

然后我們要說(shuō)一個(gè)很實(shí)際的問(wèn)題，馬上就要寫長(zhǎng)長(zhǎng)的代碼了，我很忐忑，作為小白，看著這么長(zhǎng)的代碼（雖然它是我自己寫出來(lái)的）我會(huì)不會(huì)看不懂??！

會(huì)，當(dāng)然會(huì)了，我現(xiàn)在都懶得回頭瞅我自己寫的代碼呢……所以我們要一邊寫代碼，一邊給代碼加上一些注釋進(jìn)行說(shuō)明，好讓自己再回頭看的時(shí)候不至于迷惑，這是一件很有必要的事情。

那么如何注釋呢？在 Html 代碼里注釋的格式如下：

<!-- 這里的內(nèi)容就是注釋 -->

下面是 CSS 文件里的注釋格式：

/* 這樣寫就是 css 代碼中的注釋 */

想想標(biāo)記語(yǔ)言是怎么回事來(lái)著？現(xiàn)在我們就是用特定的符號(hào)來(lái)標(biāo)記出來(lái)注釋的內(nèi)容。那么現(xiàn)在要記?。?strong>注釋是為了我們?nèi)蘸竽軌蚍奖愕睦斫獯a用的，除此之外，他不會(huì)起任何其他作用。他不會(huì)被顯示，也不會(huì)對(duì)頁(yè)面造成影響，你就當(dāng)他是電影中的旁白好了。

雖然注釋不起作用，但是你也不能給他亂放，否則至少也會(huì)讓我們不方便閱讀。一般我們新起一行書寫注釋或者把注釋放在行尾。

好了，準(zhǔn)備工作做完了，下節(jié)課開(kāi)始寫這個(gè)頁(yè)面的導(dǎo)航部分～一個(gè)屬于你的戰(zhàn)役就此拉開(kāi)了序幕……（我好像是討人厭的旁白……）

本章學(xué)習(xí)卡片：卡片 15

本書是收費(fèi)的，不過(guò)交費(fèi)憑自覺(jué)。價(jià)格定義為每人請(qǐng)我喝一杯咖啡（哪種品質(zhì)的咖啡隨意），支付寶賬號(hào)：

alay9999@163.com （劉源）

為了讓大家閱讀方便，本書將在如下站點(diǎn)發(fā)布，但最終內(nèi)容以主站為準(zhǔn)：

主站首發(fā)： http://coffee.zji.me/
Gitbook: http://codeme.gitbooks.io/easy-web-code-book/
簡(jiǎn)書： http://www.jianshu.com/users/d37eaf3de0ff
站酷： http://www.zcool.com.cn/u/12927742

未經(jīng)本人許可，禁止任何形式轉(zhuǎn)載。相關(guān)事宜請(qǐng)聯(lián)系： dms@zji.me

上一篇：第三十章首屏大海報(bào)（四）下一篇：第三十六章定位（一）

在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

第十五章 開(kāi)始征途

第十五章開(kāi)始征途