手機網站網頁如何設計

　　網頁設計需要做的工作有很多，主要的目是為了滿足使用者的各種需求。下面由小編為大家整理的手機網站網頁設計，希望大家喜歡!

　　手機網站網頁設計

　　第一、’背景顏色

　　網站的背景顏色佔據了網頁所有的空白之處，它是決定網站色彩搭配的主導色系。相要做好頁面的色彩搭配工作需要對色彩學有一定的瞭解，以搭配合諧，色彩統一，風格統一為準則。

　　1.整個網站最好選用同一種色彩為主色調，然後對選定的色彩進行透明度、飽和度和明暗我調整，這樣做的好處是：可以讓頁面看起來色彩整齊統一，有層次感。

　　2.如果必須選用兩種色彩，那一定要選擇同一色系的，然後選擇兩種對比色使用，這樣做會讓頁面看起來合諧美觀。

　　3.如果想用多種顏色，那麼一定要選擇同一色系同色調的顏色，這樣做可以讓網站看起來風格統一。***色調指的是如果選淡色那麼就全部是淡色，如淡藍，淡黃，淡綠：***。

　　第二、頁面佈局

　　頁面佈局指的是整個頁面上所有內容的分佈情況，也是網頁上內容的組織情況，頁面佈局的作用，主要是引導使用者的視線，讓使用者第一時間看到最重要的資訊。頁面佈局涉及的主要元素有欄目標籤、提示資訊、選單等。根據經驗頁面佈局為：品牌標誌和導航應該放在頁面的頂部，這是使用者對網站的第一印象;在內容結構中，圖片更容易獲得關注使用者瀏覽完圖片後，下一個關注點便是標題;使用者會大致的瀏覽文字，但是往往不會通讀。

　　第三、文字和圖片的選擇

　　手機網頁中文字和圖片的選擇要適應手機的螢幕大小和人們的視覺習慣，這樣可以讓使用者更舒適的瀏覽頁面。文字和圖片是網頁排版時需要考慮的內容。在進行網頁設計時可以按照下面的原則進行。

　　1、字間距不要太擠或太寬，

　　2、行距不要太小或太大，

　　3、段距不要太少或太多，

　　4、每行字數不要太多或太少。

　　手機網站網頁格式

　　1、靜態網頁

　　靜態網頁多數為單一的超文字標記語言檔案。現今不少網站建設皆傾向把動態網頁靜態化,從而令搜尋引擎最佳化。

　　2、動態網頁

　　動態網頁的內容隨著使用者的輸入和互動而有所不同,或者隨著使用者、時間、資料修正等而改變。網頁上的內容也可以由使用者通過使用客戶端描述語言***JavaScript、JScript、Actionscript***來改變。