1. 網站怎麼開發
准備備案
根據工信部規定，使用大陸境內伺服器的組織或個人，若要使用獨立域名開辦網站 ，就需要履行備案手續。就像開公司要去工商局申請執照一樣，在國內，沒有備案，域名就不能訪問。
備案需提交域名和持有者的相關資料以及所開網站的相關信息，工信部審核通過後，會發放備案/許可證編號。
之後需將該編號掛載在網站首頁下方。
如網路的備案編號如下：
備案的目的是防止網站用於欺詐用戶、傳播不法信息等情況，用於事後追責。
以阿里雲備案流程為例：
填寫備案信息—> 阿里雲初審（2個工作日內）–> 郵寄阿里雲幕布、拍照、上傳資料（5天左右） --> 提交工信部審核 （15~20個工作日）–> 備案通過。
（如出現信息不準確等情況、需回退修改等時間更久）。
微信的公眾號、小程序等對接伺服器強制使用備案的域名。
升級為Https(可選)
到此為止，程序已經可直接通過域名訪問了。
但注意我們前面訪問的網址是以http開頭的，即http協議。
我們知道數據在網路上傳輸是很容易被黑客監聽的，http傳輸的數據都是明文的，數據一旦被監聽，就會直接導致用戶隱私數據（賬號、密碼等）泄漏。
解決方案就是使用更安全的 https 協議。 https 協議在傳輸數據之前進行加密，只有客戶端和伺服器能解密，即使第三方監聽到數據，也無法破譯其中的密碼信息，所以https是安全的。
網站升級為 https 協議需要有一個網站證書， 證書需要向CA（證書頒發機構）申請， 其價格也各不相同(目前有針對個人用戶的免費版證書，一般用於個人博客)，企業版的還需企業相關資料進行審核，通過後才會發放證書。
證書發放後，下載並部署至伺服器上即可。
微信的公眾號、小程序等對接伺服器強制使用https協議
當然如不對接公眾號、且網站暫無太過敏感的數據時，不開啟https也可以。
至此，全部工作結束。 至於網站日常維護、後期需求變更暫且不提。
2. 網頁製作的結構布局有哪些
布局就是以最合適瀏覽的方式將圖片和文字排放在頁面的不同位置。不同的製作者會有不同的布局設計。網頁布局有以下幾種常見結構：
1.「同」字型結構布局
所謂同字型就夠就是指頁面頂部為「網站標志+廣告條+主菜單」或主菜單，下方左側為二級欄目條，右側為鏈接欄目條，屏幕中間顯示具體內容的布局。
這種布局的優點是充分利用版面，頁面結構清晰，左右堆成，主次分明，信息量大；缺點是頁面擁擠，太規矩呆板，如果細節色彩上缺少變化調劑，很容易讓人感到單調缺乏。
2.「國」字型布局
「國」字型布局是在「同」字型布局基礎上演化而來的，在保留「同」字型的同時，在頁面的下方增加一橫條狀的菜單或廣告，是一些大型網站所喜歡的類型。一般最上面是網站標題及橫幅廣告條，接下來就是網站的主要內容，左右分列一些兩小條內容，中間是主要部分，與左右一起羅列到底，最下面是網站的一些基本信息、聯系方式、版權聲明等。這種結構是在網上見到的最多的一種結構類型。
這種布局的優點是充分利用版面，信息量大，與其他頁面的鏈接切換方便，缺點是頁面擁擠，四面封閉，令人感到憋氣。
3.T型布局
這是一個形象的說法，是指頁面的頂部是「網站標志+廣告條」，左面是主菜單，右面是主要內容。這種布局的優點是頁面結構清晰、主次分明，是初學者最容易上手的布局方法；缺點是頁面呆板，如果不注意細節上的色彩，很容易讓人「看之無味」。
4.「三」字型布局
這種布局多用於國外站點，國內用得不多。特點是在頁面上有橫向兩條色塊，將頁面整體分割為但部分，色塊中大多放廣告條、更新和版權提示。
5.對比布局
顧名思義，這種布局採用左右或者上下對比的方式：一半深色，一半淺色。一般用於設計型站點。優點是視覺沖擊力強；缺點是將兩部分有機地結合比較困難。
6.POP布局
POP引自廣告術語，是指頁面布局像一張宣傳海報，一一張精美的圖片作為頁面的設計中心。這種類型基本上是出現在一些網站的首頁，大部分為一些精美的平面設計結合一些小的動畫，放上幾個簡單的鏈接或者僅是一個「進入」的鏈接，甚至直接在首頁的圖片上做鏈接而沒有任何提示。這種布局大部分出現在企業網站和個人主頁，如果處理得好的話，會給人帶來賞心悅目的感覺。
7.Flash布局
這種布局是指整個或大部分幅面的網頁本身就是一個Flash動畫，它本身就是動態的，畫面一般不叫絢麗、有趣，是一種比較新潮的布局方式。其實這與封面型結構是類似的，只是差畢橡這種類型才採用了目前非常流行的Flash，與封面型不同的是，由於Flash強大的功能，頁面所表達的信息更豐富，其視覺效果及聽覺效果如果處理得當，絕不差於虛旁傳統的多媒體。不同性質的網站，其頁面內容安排是不同的。一般網頁的基本內容包括標題、網站標識圖案（LOGO）、頁眉、頁腳、主體內容、廣告欄等。下面簡單說明：A、頁面標題在站點的沒一個頁面中都有一個標題，用來提示頁面的主要內容，著一信息將出現在瀏覽器的標題欄中，而不是在頁面的布局中。它的重要作用就是引導訪問者清楚地瀏覽網站的各項內容，不至於迷失方向。標題的加入在HTML語言中比較簡單
電子商務網站的主頁內容布局授課：花小琴常見的網頁布局結構國字型布局——國字型布局由同字型布局進化而來，因布局結構與漢字國相似而得名。其頁面的最上部分一般放置網站的標志和導航欄或Banner廣告，頁面中間主要放置網站的主要內容，最下部分一般放置網站的版權信息和聯系方式等。常見的網頁布局結構T型布局——T型布局結構因與英文大寫字母T相似而得名。其頁面的頂部一般放置橫網站的標志或Banner廣告，下方左側是導航欄菜單，下方右側則用於放置網頁正文等主要內容。常見的網頁布局結構標題正文型——標題正文型布局的布局結構一般用於顯示文章頁面、新聞頁面和一些注冊頁面等。常見的網頁布局結構左右框架型布局——左右框架型布局結構是一些大型論壇和企業經常使用的一種布局結構。其布局結構主要分為左右兩側的頁面。左側一般主要為導航欄鏈接，右側則放置網站的主要內容常見的網頁布局結構上下框架型——上下框架型布局與前面的左右框架型布局類似。其區別僅在於是一種上下分為兩頁的框架。常見的網頁布局結構綜合框架型——綜合框架型布局是結合左右框架型布局和上下框架型布局的頁面布局技術常見的網頁布局結構POP布局——POP布局是一種頗具藝術感和時尚感的網頁布局方式。頁面設計通常以一張精美的海報畫面為布局的主體。常見的網頁布局結構FLASH布局——FLASH布局是指網頁頁面以一個或多個Flash作為頁面主體的學習前端第一步：劃分網頁結構，網頁的結構的劃分應該遵循哪些原則，如何去劃分網頁的結構呢？
對於一個前端初學者，第一步就是要學會如何劃分一個網頁的結構。當設計師給到你一張設計圖，你需要根據這張圖做出一個符合標準的頁面，這里所說的標准，即w3c標准，參考w3school在線教程。那麼做出一個完整的符合標準的網頁第一步就是要劃分網頁的結構。一般來講，網頁結構的劃分需要遵循幾個原則：
一、自上而下原則
因為瀏覽器在渲染一個網頁的順序是自上而下的。這里提到了渲染這一個詞，所謂的渲染就是瀏覽器將代碼轉換為頁面顯示內容的過程。瀏覽器會自上而下讀取你寫的代碼並自上而下的顯示。
二、從左至右原則
在自上而下的同時，同一行的內容是從左至右渲染，所以在劃分結構的時候有從左至右的順序。
三、一像素原則
這個原則對於初學者來說必須堅持，但也並不是說無論什麼時候都得死認這個道理。前期我們在劃分網頁的時候一定要劃分准確，尤其是橫向。試想，如果外面的盒子寬度是1200像素，裡面兩個盒子一個600像素另一個601像素，加起來超過了父級的寬度那麼必然第二個盒子會換到下一行進行顯示。
在說完上述三個原則過後有些人就會一味地追求遵循這些原則，比如在劃分結構的時候一定要分為上下部分，但是比如下面我截取這個網頁的一部分，圖片和文字其實是屬於一個整體，文字是對圖片的說明，所以就不應該分為上下，而應該水平方向劃分，每一個圖文作為一部分內容，水平分為四部分：
我們說一般網頁有header（頭部區）、banner（廣告橫幅區）、main（主體內容區）、footer（底部區），單頁並非所有網頁都是這樣，有些網頁沒有banner但是初學者容易將header下面那一部分硬劃分為banner，有些網頁除了這幾部分還會有比如icon等區域由喜歡將他們劃分到main中去。
說到main區，這個結構劃分就多種多樣了。有些網頁是有一個從左到右通欄的背景色甚至背景圖片，這樣我們結構的劃分也應該有外層一個通欄的盒子，將背景色或者背景圖給他，裡面再嵌套一個inner盒，給可視區域的固定寬度並居中。如果沒有通欄的背景那麼這個時候是不需要給通欄的盒子，直接main區給固定寬度居中就好了。
那麼在結構劃分的時候有些盒子區域之間的空隙怎麼去劃分這也是初學者最容易犯難的問題。其實嚴格意義來講這些空白在結構劃分的時候並不會造成影響，因為空白區域在都可以用代碼來實現。不過一些文字區域你不能貼著文字的上下來劃分，因為文字都是自帶行高的。
另外，有些地方可能會有一部分小圖片或者一部分內容覆蓋在外面大盒子上，這部分在劃分結構的時候可以不用管，因為後期在代碼實現的時候我們可以利用定位技術實現。
3. 企業網站該如何做好布局規劃
1、企業網站首頁常見的布局方式
很多人常常詢問企業頁面該如何布局這樣的問題，其實網頁布局也沒有想像中那麼難，只要做到兩點我認為起碼可以做到臨陣不慌，一是對常見的布局方式心中有數，二是根據信息內容及設計素材的特點進行擺積木式的多次嘗試，下面總結的企業站首頁常用到的布局方法，共有6種：
（1）、大框套小框的布局
這種布局方式是最常見的一種布局，不是說這種布局方式一無是處，但我們總不能只會這一種布局方式，次次套用吧？
按照這種布局當然也可以做出來漂亮的設計，但畢竟方框限制的視線的擴展，如果客戶要求做出大氣的感覺，一般不會按照這種方式來布局，通常來講，大氣意味著開闊視野。
（2）、通欄布局
以下這種布局方式讓視線不再受到方框的限制，比起上面的布局方式，自然多了些大氣、開闊的味道來。
另外，主視覺部分還可以靈活處理，既可以向上拓展到logo和導航的頂部位置，也可以向下拓展到內容區域，這種布局方式也是非常常見的布局方式。
（3）、導航在主視覺下方的布局
這種雖然不多，但也時不時能看到，導航放在banner下面的好處是可以彌補banner中設計素材截斷的缺點，讓設計看上去完整、自然。
所以說布局的方式受到多方面因素的影響，不僅考慮到信息內容所佔據的空間，還包括你手頭現有的素材。
（4）、左中右布局
這種布局方式不常見到，但卻是非常富有新鮮感的布局方式，如果你已經做膩歪了水平分割的設計，嘗試一下這種布局也未嘗不是一種好的選擇。
（5）、環繞式布局
這種布局方式看上去更加靈活，banner區域相對較小，就可以在頁面放置更多的信息內容。
（6）、穿插式布局
這種布局在企業站中較難看到，用的不多，banner區域相對較大，可以作為一種布局的選擇。
上面的6種布局方式只是一些常見的企業類網站頁面布局，布局的方式還有更多。實際上，布局就像是擺積木，只要遵循重要信息靠左、靠上，次要信息靠右、靠下的原則即可，並沒有規定一定要怎麼布局，或者這種布局方式要比那種更好，只能說某種布局方式更為合適某個頁面而已。
2、布局風格統一
在網站布局時，一定要重視布局統一，千萬不可因過分追求個性，在布局方面想要給用戶更多新穎刺激的感覺而忽略統一性，假如網站布局不統一，在用戶光臨時對你的網站沒有印象，這樣是不行的。
3、整潔條理布局
企業網站與展示型網站不同，企業網站想要表現的是企業的形象與推廣產品方面，切忌不能讓過分花哨的布局蓋過產品的風頭，在進行企業時，一定要謹記布局要有條理，干凈整潔，體現企業形象與產品內容才是根本。
4、個性鮮明布局
網站足夠個性才能脫穎而出，但是做好這一點的前提是企業一定要全面考慮到自己的網站布局是不是符合了用戶體驗度？憶五發現現在好多網站都在設計這個方面做的非常有噱頭，但是用戶並不是很喜歡，這就是因為忽略了用戶的感官視角。
5、導航的布局
網站的導航是非常重要的位置，我們要放上用戶最需要的類目，有很多企業網站放上了 新聞動態 、 企業場景 等次要內容放了上去，事實上，用戶很少會點擊這些東西，且會分散掉他們的注意力，憶五建議大家把用戶所需的產品類目放上去為好。我在這里是不建議把所有重點放上這些的，這些東西用戶是很少去點擊，而且還會分散用戶的注意力，得不償失，建議企業產品站要放上產品的類目，這樣方便用戶進入網站可以馬上看到自己想要的東西。
6、以產品為主的布局
每個搜索產品的用戶都是希望能看到實實在在的產品，而不是那些企業新聞、企業簡介和一大堆的技術資料的文章，所以應當把這些東西保留一小部分即可，重點放上產品的圖片，而且是高清的、有參照物的。
那些有滾動滾動效果的圖片也不建議放，如果非要放的話要滾動的速度要慢，而且滾動的產品不宜太多。
7、用戶查資料的需求
眾所周知，對於企業網站來說真正的用戶數量並不是很多，直接在網站下單的用戶更可謂是鳳毛麟角。基本上來到網站的用戶都是奔著查詢資料而來。很多企業就忽略了這點，在設計的時候只是單單奔著購買者而設計的，忽略了那些前來查詢資料的用戶需求，這樣的網站很難滿足大多數用戶的需求，或許這也是你的排名遲遲不上升的其中一個因素哦！
大家都知道，企業的用戶群體是非常少的，但是查詢資料的用戶占據不少。有很多企業站的設計是為了那些購買用戶的而且布局，完全沒有考慮查詢資料的用戶，這樣的網站是很難取得排名。即使有排名，那也是 垃圾中的戰斗機 ，競爭對手的網站稍微滿足一些查找用戶的需求，那麼就會被擠下去。
所以，要先滿足大眾的需求，網站才能被點上去，排名上去了網站才能曝光於哪些購買用戶的視野。
8、樣板文字和字體的統一布局
企業站的產品文字本來就少，有很多的企業站是一張或幾張的圖片，下面有為數不多的幾段文字，如果樣板文字過多的話，那麼頁面和頁面的相似度會過高，導致被判為低質量頁面，影響關鍵詞的排名。
所以，對於像底部的版權，側邊欄的推薦文章、內頁的相關文章或者內頁的聯系方式，能去掉盡量去掉。
字體要統一包括大小、顏色統一，網站的內容字體要適中，12、14號字體剛剛好，字體的顏色要統一為黑色或者深灰，錨文本的字體的顏色要區別於黑色或者深灰色，最好是為藍色，不能刻意關鍵詞加粗、不能做暗鏈，均屬於作弊行為。
9、視覺效果重要
這里我們所說的視覺效果並不單單只是利用圖片和flash做出來的體驗效果，大家都知道網站放置過多的圖片和flash對於打開速度有很大的影響。我想說，放置少量的圖片就可以了，同時在網站布局方面充分利用這些圖片，達到完美的視覺效果才是最佳。
10、友鏈的布局
友鏈的布局要看情況而定，一般友鏈都是首頁上有，內頁沒有，也就是說友鏈只顯示在首頁上（不是說不能換內頁的友鏈，主要是雙方商量好），友鏈的個數不能超過30個，因為企業站的受眾群體小，積累的權重不易，友鏈控制在30個可以規避因友鏈牽連降權。
11、不要做回鏈
很多企業站底部都放有回鏈，殊不知站在了危險的邊緣，回鏈是老掉牙的作弊方式了，是很容易受到搜索引擎的懲罰，因為回鏈被降權的網站數不勝數。
所以，我們要摒棄這樣的手法，我們要通過正規的優化手法去優化，這樣優化之路會走的更遠。
12、聯系我們非常重要
不要自以為你的產品介紹夠詳盡，就忽視聯系我們這塊。淘寶的產品介紹的很詳細，而且還有用戶的評價，但是還是有很多的人要通過阿里旺旺去進行在線咨詢，這個現象告訴我們，不管我們企業站的產品介紹的多麼的詳細，用戶還是會咨詢的，所以聯系方式應當放在顯眼的位置，方便用戶的找到我們。