手機網站網頁如何設計

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

　　手機網站網頁設計

　　第一、’背景顏色

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

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

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

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

　　第二、頁面布局

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

　　第三、文字和圖片的選擇

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

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

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

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

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

　　手機網站網頁格式

　　1、靜態網頁

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

　　2、動態網頁

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