打開百度搜易企秀，點進官網。登錄直接用微信或QQ就行，超方便～ 登完就能搞自己的微頁面啦！先點→，然后選個免費模板套用，或者從空白頁開始也行。選好模板后，把里面的文字、圖片、音樂換成你自己的內容就OK。還能加背景音樂、動畫效果、跳轉鏈接和各種酷炫小組件，想怎么玩都行，賊簡單！
-
-
Html5和以前html，jsp寫法一樣的，基本上區別不大，如果要寫手機頁面的話，可以用dw
然后在里面用手機版塊看效果
-
隨著CSS3的興起，有一種叫rem的單位漸漸的出現在我們的視野中。它是一個相對單位，能實現響應式的那種。它是相對于html根元素來設置當前文字大小，或者寬高的。因為它是一個不固定值,不像PX。聽說在PX這個單位在PC和移動的解析不同，所以才使用rem的。
一、header信息的設置（自適應）
1、聲明信息 <!DOCTYPE HTML>
2、編碼設置 <meta charset="UTF-8">
3、移動設備特別設置（重要聲明！）
<meta content="width=device-width,user-scalable=no" name="viewport">
Viewport說明：該設置可使我們開發出的頁面/產品 大小可適應各種高端移動設備
width=device-width 為設備的寬度.
user-scalable=no/yes 此功能為用戶調整縮放。默認為yes。一般設置為no
PS:初次嘗試制作移動端頁面。親們，由于我沒有加上面的viewport聲明，結果導致頁面狼狽不堪。
二、手機觸摸手動滑動效果
1、觸摸屏效果滾動組件（js必須包含的部分）
<!--觸摸屏效果滑動組件-->
<script type="text/javascript" src="./js/touch.js"></script>
<script type="text/javascript" src="./js/zepto.extend.js"></script>
<script type="text/javascript" src="./js/zepto.ui.js"></script>
<script type="text/javascript" src="./js/slider.js"></script>
<!--觸摸屏效果滑動組件end-->
2、所要在手機端做滑動效果的部位（html代碼部分）
<div class="head_nav_C" id="hongye_nav" style="height:60px;">
<div style="background-color:white;">
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
</div>
<div style="background-color:white;">
bbbbbbbbbbbbbbbbbbbbbbbbbbb
</div>
<div style="background-color:white;">
cccccccccccccccccccccccccccc
</div>
<div style="background-color:white;">
ddddddddddddddddddddddddd
</div>
</div>
3、js代碼塊（改代碼會在動在要加滑動效果的html代碼塊中自動生成一塊代碼）
<script>
Zepto(function($){//自動加載zepto組件
$("#hongye_nav").slider({//為html 對應的id部分最佳slider屬性
autoPlay : false, //是否自動
showDot : false,
loop : true,//是否循環
});
})
</script>
4、加載slider.css樣式
<link rel="stylesheet" type="text/css" href="css/slider.css" />
附：
另外一種簡單的寫法(適用于幻燈)
html代碼部分
<div id=”fla”>
<img lazyload=”images/img2.jpg” />
<img lazyload=”images/img3.jpg” />
</div>
2、js代碼部分
<script>
//創建slider組件
$('#fla').slider();
</script>
附：小知識
一、字體效果
color:#FFF 定義字體的顏色
text-shadow:0 0 2px #146F61;(css3.0特效)
CSS3.0的文字陰影 text-shadow
語法：text-shadow: h-shadow v-shadow blur color;
也就是
text-shadow：【x軸（x offset） y軸（Y offst） 模糊半徑（Blur） 顏色（color）】
例如：text-shadow: 5px 5px 5px #FF0000; -
用以下代碼開頭：
<!DOCTYPE HTML><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, ini變抗tial-scale=1">
使用百分比定義寬度，，
CSS代碼可以適當使用：
@media only screen and (max-width:449px){
}
自動根據屏幕像素 調用不同的CSS代碼。 -
使用最新的H5語義化標簽，可以使用彈性盒子或百分比做適配。
最新回答 更多>
相關問答
- 華為手機163郵件保存在哪里了
- 急急急急急急急 拳皇wing1.3的里模式怎樣選啊？？？？？？？？？
- 170號段手機卡如何注銷，170號段聯通信號的信號很差。沒法用，想注銷。
- 微信文件腫么發到163郵箱?
- 163的郵件服務器類型和名稱是什么??？
- ios郵件說Appleimap.163.com用戶名或密碼錯誤？
- 蘋果郵箱為何163郵箱不能設置同步天數
- 你好，能告訴我CAD怎么繪制開關柜圖紙嗎？你有具體的教程嗎？發到heyuming3376@163.com，謝謝
- 怎么樣給手機號碼開通163郵箱
- 163郵箱郵件看了就沒了? 163郵箱郵件看了就沒了 找不到了
- 180a發電機組可帶多大功率
- 買Y81手機送藍牙耳機，音響好，自拍桿？還是送充電寶好？ 那種禮品比較貴？
- 170cm實體娃娃價錢
- 為什么163郵箱收不到steam的特別驗證碼？（手機上郵箱也看不到）
- 163免費郵箱的相冊地址怎么找，如果有了這個地址，會看到里面的其它例如信件，或文檔其它內容嗎？