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