您好,歡迎來到衡水營麗網絡! 24小時服務熱線:138-3180-2765
您當前位置:衡水營麗文化傳媒有限公司 >> 最新資訊 >> 下載中心 >> 瀏覽文章

Web開發所需的構件

時間:2014年08月30日     信息來源:www.4837034.live     點擊:
    本節主要介紹了什么是B/S架構的軟件,什么是動態網站,重點介紹了開發一個網站所需要的技術,包括HTML、CSS,JavaScript、PHP、MySQL、Apache還有瀏覽器等各個Web構件的詳細應用介紹。并通過編寫一個網頁選項卡使用到各個構件,讓你了解每種技術的功能各自獨立又要相互配合才能完成一個動態網站的建立。如果你是一個初學者,會對你后期的學習大有幫助,所以請不要跳過本節。
HTML代碼:
<html>
    <head>
        <title>網頁選項卡</title>
        <link rel="stylesheet" type="text/css" href="card.css">
        <script src="jquery.js"></script>
        <script src="card.js"></script>
    </head>    
    <body>
        <div id="main">
            <div id="tit">
                <h3 class="titin"><a href="card.php?cid=1">第一頁</a></h3>
                <h3><a href="card.php?cid=2">第二頁</a></h3>
                <h3><a href="card.php?cid=3">第三頁</a></h3>
            </div>    
            <div id="content">
</div>    
        </div>    
    </body>    
</html>    
CSS:
body {
    font-size:12px;
}

#main {
    width:300px;
    height:200px;
}

#main h3 {
    width:80px;
    height:25px;
    background:#ddd;
    float:left;
    margin:0px;
    padding:0px;
    text-align:center;
    line-height:25px;
    font-size:12px;
    margin-right:2px;
    border:2px solid white;
}

a {
    color:white;
}

#main #content {
    background:#888;
    width:300px;
    height:175px;
    float:left;
}

#tit .titin {
    border:2px solid #888;
    background:#888;
}
SQL代碼:
create table card(
    id int,
    cid int,
    title varchar(60)
);
insert into card(id, cid, title) values(1, 1, '1111111111111111111');
insert into card(id, cid, title) values(2, 1, '2222222222222222222');
insert into card(id, cid, title) values(3, 1, '3333333333333333333');
insert into card(id, cid, title) values(4, 2, '444444444444444444');
insert into card(id, cid, title) values(5, 2, '555555555555555555');
insert into card(id, cid, title) values(6, 2, '666666666666666666');
insert into card(id, cid, title) values(7, 3, '7777777777777777');
insert into card(id, cid, title) values(8, 3, '888888888888888888');
insert into card(id, cid, title) values(9, 3, '9999999999999999999999');   
JS代碼:
$(function(){
    $("#content").load("card.php?cid=1");
    var dt=null;
    $("#main #tit h3").mouseover(function(){
        var obj=$(this);
        dt=setTimeout(function(){
            obj.addClass("titin").siblings("h3").removeClass("titin");
            $("#content").load(obj.children("a").eq(0).attr("href"));
        }, 300)
    }).mouseout(function(){
        clearTimeout(dt);
    });
});
PHP代碼:
<?php
    $cid=$_GET["cid"];
    $mysqli=new mysqli("localhost", "root", "123456", "card");

    $result=$mysqli->query("select id, title from card where cid={$cid}");

    while($row=$result->fetch_assoc()){
        echo '<ul>';
        echo '<li><a href="con.php?id='.$row["id"].'">'.$row["title"].'</a></li>';
        echo '</ul>';
    }    


web開發所需的構建:
 下載信息  [文件大。714.79 KB 下載次數: 次]
點擊下載文件:Web開發所需的構件.pdf

源碼下載:
 下載信息  [文件大。20.21 KB 下載次數: 次]
點擊下載文件:card.rar



資料編輯:衡水網站建設

辽宁十一选五奖金