為什么要搭建網(wǎng)站？

①一個集中作品的地方。

②順便學(xué)習(xí)CSS、DIV知識，很多招聘要求上有。

③全方位展示自己。

網(wǎng)站放什么內(nèi)容？

個人的需求不同，如果是設(shè)計師基本作品是必放的。

網(wǎng)站設(shè)計和布局？

①先畫紙面原型，把大概的框架搭出來。比如一屏還是兩欄布局，哪個更適合，可以在草圖上畫一下，這樣后期也不用大改動。

②用PS設(shè)計原型，這里你要換成其他的設(shè)計軟件也可以，我用PS是因為我想用他的切圖功能。

網(wǎng)站制作工具？

選擇工具：Dreamweaver，筆者會把下載軟件鏈接放在評論。

選擇理由：大學(xué)的時候有這個專業(yè)課，但是忘了hhh，重新?lián)炱饋肀热W(xué)個全新的軟件要好吧。

教程：http://www.51zxw.net/list.aspx?cid=22 這個教程挺老的，但是基本知識都有教到。

官方用戶指南：https://helpx.adobe.com/cn/dreamweaver/user-guide.html  這個里面關(guān)于css和div的知識是值得一看的。

怎么上傳讓大家都能看？

當(dāng)你把網(wǎng)站都制作完成后，需要讓大家都能通過一個網(wǎng)址來進入你的網(wǎng)站。這時候怎么做呢？關(guān)于這個直接百度一下“如何搭建自己的個人網(wǎng)站”會有很多教程的。筆者這里簡單的說一下，主要有三個要素：域名、服務(wù)器、解析。

①域名

域名就是網(wǎng)址，很多人推薦去購買國外的，筆者沒有，國內(nèi)阿里云、騰訊云都是可以購買的。筆者購買的是.top結(jié)尾的，主要是因為便宜，一年只要9塊錢！注意要實名認(rèn)證哦！

②服務(wù)器

筆者看到過一個比喻，如果把網(wǎng)站比喻成店鋪的話，域名就是店名，服務(wù)器就是那個店面。其實筆者感覺服務(wù)器更像倉庫啊，哈哈。我們必須把我們制作的網(wǎng)站上傳到服務(wù)器，才能通過網(wǎng)址進入網(wǎng)站。

這里筆者要說一下：服務(wù)器有虛擬主機和vps服務(wù)器兩種的，如果是設(shè)計師的話虛擬主機就可以了，好像vps是比較復(fù)雜的。

服務(wù)器購買的話國內(nèi)也是可以購買的，但是很麻煩的是需要備案，筆者一看到還有備案的時候要幕布拍照什么的就放棄了，去購買了國外的，百度一下可以搜索到很多國外的服務(wù)器供應(yīng)商的。

③解析

要把域名解析到服務(wù)器，兩者才能連接起來的。筆者是阿里云購買的域名，阿里云直接提供解析免費的服務(wù)的。購買服務(wù)器之后，服務(wù)器會分配IP地址給你，將域名添加記錄解析到相應(yīng)的服務(wù)器IP地址就行。

④上傳

上面三步完成后，你可以通過ftp將你制作的網(wǎng)站上傳到服務(wù)器，筆者使用的是flashfxp，把服務(wù)器商提供的IP地址、用戶名、密碼（需要自己設(shè)置）輸入進去就可以連接了，把站點文件拖進去上傳。

⑤最后

當(dāng)然是通過網(wǎng)址進入自己的網(wǎng)站啦哈哈哈

總結(jié)

筆者花了兩周的空閑時間搭建了自己的網(wǎng)站，emmm比較簡單的那種，如果有時間的話大家可以好好設(shè)計搭一個豐富漂亮的網(wǎng)站hhh