我們做到了！我們創(chuàng)建了從無(wú)到有的第一網(wǎng)站和我們談?wù)撛O(shè)計(jì)像空格，字體和顏色的一些關(guān)鍵件。

在這最后的教程中我們將快速?gòu)?fù)習(xí)我們所學(xué)的到目前為止有關(guān)建立一個(gè)網(wǎng)站設(shè)計(jì)一切，審查的方式來(lái)讓我們的網(wǎng)站在互聯(lián)網(wǎng)上，我們可以直接與我們的朋友和家人一個(gè)網(wǎng)站地址，和觸摸一點(diǎn)有用的資源發(fā)展我們的研究。

別忘了問(wèn)最后問(wèn)題在注釋部分在這一頁(yè)的底部！

我們開(kāi)始這一系列解決網(wǎng)絡(luò)是如何工作的。在互相交談，他們都必須通過(guò)ISP連接到Internet的兩臺(tái)不同的電腦為（互聯(lián)網(wǎng)服務(wù)提供商）。

讓其他人來(lái)審查我們的網(wǎng)站在互聯(lián)網(wǎng)上的這些站點(diǎn)文件必須轉(zhuǎn)移（轉(zhuǎn)移）到服務(wù)器；采用直接接入互聯(lián)網(wǎng)專用電腦。我們將在下面一節(jié)這更多的評(píng)論。

我們?cè)诨ヂ?lián)網(wǎng)上的角色是一個(gè)網(wǎng)頁(yè)設(shè)計(jì)師。我們的工作就是讓一個(gè)網(wǎng)站看起來(lái)很是超級(jí)方便我們的用戶閱讀和瀏覽。

為此，我們?cè)O(shè)置了HTML和CSS開(kāi)始建設(shè)我們的教程+鎮(zhèn)現(xiàn)場(chǎng)后制定的一些精彩的素描紙上。為了準(zhǔn)備這一部分我們要學(xué)習(xí)所有關(guān)于文件的命名和組織過(guò)程。

HTML和CSS網(wǎng)站建設(shè)
建立我們的教程+鎮(zhèn)網(wǎng)站首先建立我們的HTML結(jié)構(gòu)，然后插入內(nèi)容。

這種結(jié)構(gòu)是由若干要素嵌套在一次HTML元，有了這個(gè)在地方基金會(huì)堵在內(nèi)容簡(jiǎn)單多了。

一旦內(nèi)容就可以開(kāi)始一切的CSS樣式。首先，我們需要將兩個(gè)文件放在HTML頭部：

 
  
 <鏈接類型=“文本/ CSS”rel=“stylesheet”href =“tutstown。CSS”/> 
  
 
在我們的CSS文件，我們可以宣布，顏色，大小，布局，和更多的元素在HTML文檔，最終導(dǎo)致完成網(wǎng)站設(shè)計(jì)。

圖像
這部分的系列完成了一個(gè)教程，討論不同的圖像格式提供給我們。我們談到了包括他們?cè)谖覀兊腍TML和一些影響我們可以應(yīng)用于圖像的CSS，如改變他們的

如前所述，使用的所有圖像在TUTS +城鎮(zhèn)系列SVG，意味著他們可以調(diào)整不失去質(zhì)量和易編輯。

設(shè)計(jì)基礎(chǔ)
我們創(chuàng)建了自己的網(wǎng)站后，我們回顧了基本的設(shè)計(jì)概念，幫助形成看，感覺(jué)，和網(wǎng)站的可用性。

內(nèi)容是網(wǎng)站設(shè)計(jì)中最重要的部分，所以在建立我們的內(nèi)容是有用的，需要良好的組織，和我們搬上畫(huà)面。

視覺(jué)層次是現(xiàn)場(chǎng)通過(guò)改變字體大小，顏色和空白了，就像氣球，上面是在圖像的主要對(duì)象。

排版
印刷術(shù)是我們到處看到的文字是網(wǎng)頁(yè)設(shè)計(jì)中最重要的部分。我們的用戶需要能夠閱讀我們的內(nèi)容，但我們也需要確保字體（S）我們選擇匹配的色調(diào)和感覺(jué)我們的內(nèi)容和視覺(jué)設(shè)計(jì)。

顏色
本節(jié)的系列最后一個(gè)顏色–理論教程，某些顏色的意義，對(duì)網(wǎng)站不同的顏色系統(tǒng)，如何選擇一個(gè)成功的調(diào)色板。

指的是小學(xué)和中學(xué)的顏色輪有助于我們更好地了解如何創(chuàng)建和一定的顏色為什么有些顏色看起來(lái)很好的結(jié)合在一起而不是別人。

現(xiàn)在，讓我們通過(guò)我們會(huì)如何讓我們的網(wǎng)站！

獲取文件的Web

當(dāng)我們討論在開(kāi)始這個(gè)系列，這個(gè)網(wǎng)站在我們生活在個(gè)人電腦和不上網(wǎng)。在這一點(diǎn)上我們不能直接的朋友和家人在網(wǎng)絡(luò)上的地址，所以他們還不能查看我們的驚人的工作。

我們?cè)谟懻摰娜腴T(mén)教程，文件需要生活的服務(wù)器，別人在網(wǎng)上查看。

響應(yīng)式設(shè)計(jì)
響應(yīng)網(wǎng)頁(yè)設(shè)計(jì)是指網(wǎng)站以不同的屏幕尺寸考慮設(shè)計(jì)。我們?cè)谖覀兊闹悄苁謾C(jī)，花了很多時(shí)間，例如，作為設(shè)計(jì)師，我們需要確保我們的網(wǎng)站的作品在這些較小的屏幕，以及一個(gè)全尺寸的桌面屏幕。

雖然還有很多可以學(xué)習(xí)的加強(qiáng)和發(fā)展我們的網(wǎng)頁(yè)設(shè)計(jì)技巧，我們已經(jīng)完成了這么多，在這一系列中，現(xiàn)在有一個(gè)更好的設(shè)計(jì)和建設(shè)一個(gè)網(wǎng)站的基本認(rèn)識(shí)。

我們正式把網(wǎng)站的生命從草圖在紙上用自己的網(wǎng)站地址，一個(gè)真正的網(wǎng)站；所有的網(wǎng)頁(yè)設(shè)計(jì)師的一天！

牧羊人設(shè)計(jì)文章推薦：

自由藝術(shù)總監(jiān)腦損傷
20個(gè)免費(fèi)的網(wǎng)站制作模板