亚洲国产精品ⅴa在线播放,九九视频一区二区,绿岛av

個人網頁制作設計，個人網站制作流程，網站制作費用
發布時間：2016-07-17 00:15:32

個人網站制作的建站技巧

1.設計
進行頁面總體規劃，包括風格、布局等。網站制作要有整體風格，各部分要保持協調，整個頁面看起來才不顯得凌亂。然后用平面設計軟件制作整個頁面，常用的軟件有Adobe Photoshop、CorelDraw、Macromedia Fireworks等。Photoshop是平面設計的大拿，小編也一直用它做頁面設計，它從6.0版開始特別增強了對網頁制作的支持，顯得非常方便。現在流行的Fireworks是Macromedia網頁制作，由于它與Dreamweaver及Flash無縫集成，越來越受到網站制作人的歡迎。

2.切割
做完第1步，我們得到的只是一個圖片文件，還沒集成網頁上應該有的元素。接下來要將圖片按制作需求切割成小圖。切割功能前面提到的兩個設計軟件中已經集成了（如Photoshop中提供的切片工具），不需要專門的軟件來處理。

3.代碼生成
這是整個制作過程中最重要的一環。我們要用HTML語言將切割下來的組件按整體設計“拼裝”回去。眾所周知，HTML語言是一種標記型語言，不須要編譯就可以直接在瀏覽器中執行。所以理論上，我們可以用記事本等文本編輯工具來寫代碼。手寫代碼雖然被看作是一種很“酷”的行為，但是很耗時間，而且很難精確地控制格式。這時，便該專門的HTML編輯軟件出場了。

HTML編輯軟件大體上可分為兩類：一類是代碼型，典型代表為Homesite、Hotdog等；一類是所見即所得型，典型代表為Frontpage。也有兩者兼具的，就是大名鼎鼎的Macromedia Dreamweaver。代碼型實際上就是一個文本編輯器，不同的是，它可以有專門的代碼提示功能，用起來比較方便。所見即所得是目前大家最推崇的方式，因為可視化的編輯基本丟棄了代碼，方便快捷。

4.發布
將制作好的頁面放到服務器上，以便更多的人能瀏覽。發布通常采用FTP的方式，將文件上傳到服務器。目前的網頁制作工具基本上都有發布工具，可以通過各種方式發布你的頁面，如Dreamweaver中的“站點管理器”。用戶亦可使用FTP客戶端軟件進行這步操作。

如何讓瀏覽器判斷設備尺寸呢?

有兩種方式，一種是直接在link中判斷設備的尺寸，然后引用不同的css文件，棄用。原因是博客CSS文件不大代碼也不多，不需要多個CSS文件，也能減少并發。

第二種就是我現在用的這種，請直接查看本站CSS文件，

核心代碼來了，開始研究響應式web設計朋友，CSS3 Media Queries是入門。

在CSS中加入語句：

@media screen and (max-width: 600px) { /*當屏幕尺寸小于600px時，應用下面的CSS樣式*/

大家可以看到我博客里有多個判斷，1024px，768px，650px，500px，400px，350px。

這意味著寬度在1024px以下的屏幕，我博客會呈現六種不同的效果。但為了保證網頁的連續性與完整性，同時也是圖省事，下面六個CSS幾乎相同。

唯一不同的是加入了display:none，不顯示某些內容。所以通過CSS觀察發現，屏幕越小，顯示的內容就越來越少。

這也是文章開頭為什么pad和移動端顯示的界面不同的原因之一。

要注意的是由于網頁會根據屏幕寬度調整布局，所以不能使用絕對寬度的布局，也不能使用具有絕對寬度的元素。這一條非常重要，否則會出現橫向滾動條。

參考代碼：

核心CSS文件，適用于任何程序http://lusongsong.com/zb_users/theme/LuSongSong/style/LuSongSong-Index.css

代碼文件，鼠標右鍵查看本站源代碼(注意導航代碼的變化)，此代碼僅供zblog用戶參考。

圖省事的、試用WP系統的朋友可直接下載

使用asp版的朋友，可以直接把本站的CSS拿去用。

總結：

只要制作兩個導航，能看懂CSS文件就可以搞定，照貓畫虎，人人都能做出響應式的網頁設計，看似很難，實際上很簡單。服務器空間不推薦使用wordpress、godaddy等一系列國外虛機/VPS，具體原因不能多說。建議用國內的各種云做個備案。如果確實需要一個域名：購買域名途徑很多，建議比較一下國外域名商與國內域名商的價格，找到一個合適的分模塊的主題，把不同的內容分成幾個分類，在首頁展示每個分類就可以做到。

歡迎回到中外商貿！

新用戶：

有問必答

支付方式

聯系我們

技術文摘

常見問題

首頁

網站建設

域名注冊

虛擬主機

服務器租用

增值服務

優化推廣

新聞中心

提供全國各地網站建設服務