H5響應(yīng)式開發(fā)之準(zhǔn)備工作
準(zhǔn)備工作
我們?cè)谑褂肏5做頁(yè)面的時(shí)候,需要引入Bootstrap插件,登陸http://v3.bootcss.com/
選擇下載
押解出來里面會(huì)有三個(gè)文件夾,分別是fonts,css以及js.我們需要引入其實(shí)三個(gè)文件。
<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no"> <title>PHP中文網(wǎng)</title> <link rel="stylesheet" href="css/bootstrap.min.css"> </head> <body> <script src="js/jquery.min.js"></script> <script src="js/bootstrap.min.js"></script> <script type="text/javascript"> </script> </body> </html>
所需html文件
index.html ????????????????主頁(yè)文件
information.html ? ? ? 咨詢文件
case.html ? ????????????? ? 實(shí)例文件
about.html ?????????????? 關(guān)于我們
list.html ? ? ?????????? ? ? ?內(nèi)容文件
本節(jié)課開發(fā)一個(gè)H5響應(yīng)式網(wǎng)頁(yè)作為一個(gè)實(shí)戰(zhàn)教程,為大家講解開發(fā)一個(gè)響應(yīng)式網(wǎng)頁(yè)的思路。
網(wǎng)頁(yè)開發(fā)順序分別是
首頁(yè)》資訊頁(yè)》內(nèi)容頁(yè)》案例》關(guān)于