整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
搭建網站之前首先我們使用的是虛擬機VMware Workstation Pro模擬出兩個Windows系統的電腦，一個為Window Server服務器，一個則為普通的Windows客戶端，分別命名為Server-A、win-10
VMware Workstation Pro虛擬機模擬Windows操作系統（電腦）
首先我們先給server-A和Win-10配置ip地址
為Server-A配置IP地址
為Win-10配置IP地址
然后我們再將它們歸類到一個網段（連接同一臺交換機）
兩臺都需要一樣的操作歸類到區段1，由于同樣操作在這里我只演示一臺的設置
后我們到Server-A處安裝WEB服務器（IIS），然后一直下一步直到點擊安裝
安裝WEB服務器
安裝完成后我們隨便創建一個文件目錄，再創建一個文本文件，如何寫上我們的代碼，完成后把記事本的擴展名改為HTML
網頁代碼
將記事本的擴展名改為html
完成后我們再打開我們的Web服務器，右擊網站——>添加網站——>然后輸入自定義的名稱——>再選擇網站的目錄（我們剛剛創建的目錄）——>后選擇網站的IP地址（Server-A的IP）——完成后點擊確定
設置網站名稱（自定義）——>網站的存儲目錄——>網站的IP地址
完成后我們再到網站的默認文檔輸入剛剛我們創建的目錄下的文件
選擇網站的默認文檔
輸入創建的目錄下的文件
這時再到控制面板關閉我們的防火墻
關閉防火墻
現在我們這就已經搭建好了，可以使用Win-10訪問網站了，我們使用win10打開網頁輸入Server-A的IP地址后，大家可以看到已經訪問到了剛剛寫的網頁
使用Win10打開網頁輸入Server-A的IP地址
這期到這里就結束了，想學網絡的同學可以關注我！下期我將教大家如何制作www.xxx.com的域名網站
著互聯網的高速發展，越來越多人想要建立一個自己的網站，但是又苦于不懂技術，不清楚網站建設流程，一個完整的網站建設流程需要從定位、策劃、設計、開發、測試、發布及維護等等，如果企業建設網站時由于推進流程不明確，就容易錯漏百出，事先詳細了解網站建設流程，一步步完善網站的建設工作，今天來看看網站建設流程是怎樣的，教你如何搭建一個網站。
還沒有啟動網站建設初期，首先要做的事就是做好網站的精準定位，找準網站的盈利模式。
對于企業建設出來網站，能擁有精準的流量是關鍵，現在的市場資源細分越來越明顯，挖掘出屬于自己的一片空間，從而獲得精準客戶與潛在客戶，提升極高的轉化率和極低的獲客成本。
需要注意的是，網站一旦定位好，就不要輕易變動。
網站整體策劃包含網站結構、視覺風格、網站欄目、頁面布局、網站功能、關鍵詞規劃、搜索引擎排名優化、網站設計與開發、發布專業真實的內容，再進行內容重組、文案策劃、網站架構策劃，挖掘出企業文化核心和競爭優勢，彰顯出公司獨特的品牌魅力，拍攝高品質辦公場景、成功案例和團隊形象照片，提升網站整體視覺，延伸企業用戶的目標需求。
網站要有良性的發展，一定要想一個極好的域名，租一臺安全、穩定的云服務器，便于上線后的推廣。
設計師根據策劃文案，對網站的頁面設計、結構、布局進行全面分析，評價診斷并設計成原型設計稿，設計頁面時需要考慮到網站需要推廣的內容，得出主關鍵詞和拓展關鍵詞，進一步進行優化，且有助于排名的提高。
頁面設計前要對網站主題顏色、頁面尺寸、圖片有統一布局與認識，具體介紹如下
1）顏色：一般網站由主題色、輔助色、點睛色組成，要有具體的配色方案。
2）尺寸：確定網站尺寸規格，是寬屏還是窄屏，常規企業網站使用尺寸在1000像素至1200像素，網站要顯得高端大氣，可以做成全屏模式，采用百分比方式，這樣可以兼容大部分設備屏幕。
3）圖片：網站能不能留住用戶，圖片起到了重要作用，圖片一定要用免費沒有版權的。
拿到頁面效果圖后，要有基本的分析與了解，開始對網站效果圖進行分割切圖，將一些無法用代碼實現的部分保存為圖片，所有圖片切割完成，再用網頁制作軟件FW使用Html5、Css、Js編寫靜態頁面。
靜態頁面是將效果圖轉換為瀏覽器能夠識別的標記語言，對網頁腳本語言的制作要規范。
前端靜態頁面完成重組后，網站頁面上的內容要實現動態管理，一般企業網站的基本功能有新聞發布（關于我們、產品中心、成功案例、新聞中心、聯系方式）、字段管理、系統設置、留言管理、廣告管理、友情鏈接、標簽詞庫，現階段的企業網站主要使用PHP語言來開發網站。
php是什么語言
PHP（Hypertext Preprocessor，超文本預處理器的字母縮寫）是一種通用的開源腳本語言，PHP的特點是有利于學習，使用廣泛，主要適用于web網站開發領域。
網站建設中的主要事宜包括了網站的測試、上傳、推廣、維護等，具體介紹如下。
1、網站測試
網站功能開發完成后需要做全面測試，一般網站是在本地制作開發，先在本地測試和上傳至服務器，網站測試工作主要有
1）鏈接是否有錯亂或打不開的情況
2）頁面是否能兼容不同的瀏覽器
3）頁面基本功能邏輯是否正常等
4）網頁打開速度的測試
5）網站安全的測試(服務器安全、腳本安全)
總之，要檢測好網站的每一個細節，以確保網站發布到服務器上不會出現一些基本錯誤。
2、網站上傳
完成網站所有工作（頁面設計、網頁制作、網站開發、網站測試），再將所有數據上傳到Web服務器上，配置好數據鏈接、域名解析、綁定域名，用戶就可以通過域名正式訪問網站了。
3、網站推廣
網站上傳發布后，想要讓更多用戶找到網站，需要不斷對其進行推廣宣傳，以提高網站的訪問率和知名度，推廣網站的方法有很多，像搜索引擎、信息門戶、交換鏈接、廣告槙入、微博、博客、論壇、分類信息、朋友圈、自媒體以及視頻。
4、網站維護
網站需要持續更新有價值的內容，維護保持用戶對網站的新鮮感，網站才能持續吸引訪問者及搜索引擎，網站維護工作如下。
1）網站頁面制作
2）網站的程序編碼
3）數據庫的部署與備份
4）空間及服務器的日常維護（續費、數據備份、安全）
5）域名維護（續費、解析）
5）緊急情況處理
6）網站內容信息維護
7）網站安全管理
信息來源：www.clxx.net
就深入了解布局規范都足夠說上一個月的，今天我就不論大范圍，挑選小米網站首頁的部分區塊布局來講解吧！下面是小米官網的首頁，很多人一看到這樣的網頁就傻眼，不知道咋弄，要么就隨性布局，要么就干看著，其實遇到問題首先一點就是不要慌，先分析，將你認為難的問題拆分成多個問題區塊，還解決不了就再拆分，直到變成能解決的小問題，一個個解決那些小問題最終大問題也就搞定了。咱們布局網頁前也是一樣套路，先分析整體的架構，畫出布局圖將大塊拆分為小塊，這樣會更加直觀看到網頁的布局結構。我大致上用線框將網頁內容劃分為四個區塊：頂部導航條區域topnav（藍色線框）、頭部分類導航區域header（綠色線框），主體內容區域main（紫色線框）、網頁底部信息區域foot（橘色線框）。
小米官網的布局拆分圖
（注意：在初學不知道如何布局時建議使用畫圖工具做輔助分析。且并非只有這一種區塊劃分方式，布局有很多種，我只從其中挑一種來寫，講不完=_=||）
這里我是按照整體網頁的內容進行區塊劃分的：（每個線框都為一個標簽盒子）
代碼如下：（考慮兼容IE）
<div id="pagewrap"> <div id="page-topnav"></div> <!--導航區域--> <div id="page-header"></div> <!--頭部分類信息導航區域--> <div id="page-main"></div> <!--主體內容區域--> <div id="page-footer"></div> <!--網頁底部信息區域--> </div>
這樣咱們就將網頁劃分為四大塊了，看起來難度是不是比之前要小一點了呢？那下一步就是將各個區塊看做單個的整體，對它進行分析再拆分。
topnav布局分析
? 如下布局圖所示，頂部導航欄區域中，內容盒子寬度在1226px，水平居中，其內部又分為左右兩塊列表區域和一個div盒子（購物車），都包含著文字鏈接。
頂部導航欄的布局拆分圖
對應標簽結構代碼：
<div id="page-topnav"> <div class="container"> <ul class="topbar"> <li><a href="#">小米商城</a></li> <li><a href="#">小米商城</a></li> <li><a href="#">小米商城</a></li> <li><a href="#">小米商城</a></li> <li><a href="#">小米商城</a></li> <li><a href="#">小米商城</a></li> <li><a href="#">小米商城</a></li> <li><a href="#">小米商城</a></li> <li><a href="#">小米商城</a></li> <li><a href="#">小米商城</a></li> <li><a href="#">小米商城</a></li> <li><a href="#">小米商城</a></li> </ul> <ul class="info"> <li><a href="#">登錄</a></li> <li><a href="#">登錄</a></li> <li><a href="#">登錄</a></li> </ul> <div class="cart"> <a href="#">購物車</a> </div> </div> </div> <!--文字內容我懶的寫，復制粘貼的，自己私下練習記得一個個敲-->
標簽搭建好結構還需要搭配css來使用，這里順便把相關的css技巧我也講一些。 .container（黃色線框）本身就是一個塊級元素，不改變元素類型的前提下實現水平居中有以下幾種方式：
#page-topnav .container{
width:1226px;
margin：0 auto;
}
使用margin：auto實現自動計算達到水平居中，注意這種居中方式作用對象必須是塊級標簽，且有固定的寬度才可以實現
#page-topnav .container{
position: relative;
left: 50%;
width: 1226px;
margin-left: -613px;
}
使用相對定位，通過設置left讓.container向右移動50%的相對距離，再利用負左外邊距向左移動自身寬度的一半距離，達到水平居中的效果。參考下圖：
居中原理圖
兩個左右ul分別添加左浮動float:left;和右浮動float:right;就能實現左右對齊。
li中的文本實現水平垂直居中的2種方式：
.container .topbar li{
height: 40px; /*盒子高度*/
line-height: 40px; /*行高*/
font-size: 14px; /*文字大小*/
text-align: center; /*盒子內的文本水平居中*/
}
將文本的行高與li盒子高度設為一致，達到文本垂直居中效果。
.container .topbar li{
padding: 10px;
}
給li添加內邊距，實現文本上下左右居中效果，但會造成li高度不固定。所以當前場景下推薦第一種方式
----持續更新----
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
