7月9日作业：1. 将企业站点的: 关于我们, 联系我们, 任选其一完成它2. 将课堂上的JS基本语法的小案例全部写一遍,对照课件, 尽可能自己想一些案例, 不要照搬, 举一反三, 活学活用 - 作业

实例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>关于我们</title>
    <link rel="stylesheet" href="http://www.kmtest.top/phpstudy/0709/css/header.css">
    <link rel="stylesheet" href="http://www.kmtest.top/phpstudy/0709/css/footer.css">
    <link rel="stylesheet" href="http://www.kmtest.top/phpstudy/0709/css/about.css">
</head>
<body>
<!-- 头部 -->
<div class="header">
    <div class="content">
        <ul class="nav">
            <li class="item"><a href="#">首页</a></li>
            <li class="item"><a href="#">公司新闻</a></li>
            <li class="item"><a href="#">最新产品</a></li>
            <li class="item"><a href="#">关于我们</a></li>
            <li class="item"><a href="#">联系我们</a></li>
        </ul>
    </div>
</div>

<!-- 中间主体 -->
<div class="container">
    <!--   banner图-->
    <div class="banner">
        <img src="http://www.kmtest.top/phpstudy/0709/images/banner.jpg" alt="">
    </div>

    <!-- 1. 中间内容区块 -->
    <div class="wrap">
        <div class="main">

            <div class="about">
                <h3>关于我们</h3>
                <div><img src="http://www.kmtest.top/phpstudy/0709/images/aboutme.jpg" alt=""></div>
                <p class="about-text">装一网于2009年初上线，原名装修第一网，2014年初更名为装一网，是河南车前草计算机科技***旗下装修平台。

                    装一网是全国性装修行业门户网站，现已开通分站近500个，其中直营分站140多个，合作分站350多个，覆盖全国大中小城市（含部分县级市），现日均独立访客超过30万人次，注册会员超过500万家，为中国千百万装修业主提供服务，影响力巨大。

                    装一网是优质装修资源整合平台，六大会员系统，涵盖了装修行业所有门类，为广大装修业主筛选并推荐优质装饰公司、优秀设计师和工长、优质的家居建材产品，是业主和装企之间的桥梁和纽带。

                    装一网有强大的会员系统，分为装饰公司、家居建材厂商、家居卖场、设计师、工长工人、装修业主六大会员系统，服务于装修行业所有参与者。装一网在各大搜索引擎，有极高权重，关键词自然排名非常好。同时，装一网各类广告遍地开花，让装一网的形象深入人心。

                    2016年6月，装一网创始人任书杰接受CCTV主持人陈悦源采访；8月，装一网在CCTV-2《交换空间》、CCTV-7晚间、北京卫视《暖暖的新家》等电视媒体和腾讯、今日头条、360搜索等网络媒体投放广告，同月，装一网参加中国行业影响力***夏季峰会并获表彰；同年10月，装一网入选中国***创新发展工程，创始人任书杰做客 CCTV《超越》栏目，接受阿丘专访。

                    2017年元月，装一网全程赞助河南卫视《武林风》2017年全球功夫盛典；2017年春节档，装一网形象广告登陆美国时代广场纳斯达克大屏；同年12月15日，装一网创始人任书杰和央视著名主持人李蜜在北京正式签约，李蜜成为装一网***形象代言人，开启装一网***塑造新篇章。

                    2018年至今，装一网在微信朋友圈、今日头条等强势新媒体持续进行广告投放，***宣传及影响力不断增强，发展势如破竹！
                </p>



            </div>

        </div>
    </div>

    <!-- 2. 左侧分为上下二 -->
    <div class="left">
        <h3>栏目</h3>
        <div class="category">
            <ul>
                <li><a href="">公司新闻</a></li>
                <li><a href="">最新产品</a></li>
                <li><a href="">关于我们</a></li>
                <li><a href="">联系我们</a></li>
            </ul>
        </div>

    </div>


</div>

<!-- 底部 -->
<div class="footer">
    <div class="content">
        <p>
            <a href="">© PHP中文网版权所有</a>  | 
            <a href="">0551-88889999</a>  | 
            <a href="">皖ICP2016098801-1</a>
        </p>

    </div>
</div>

</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例

2、将课堂上的JS基本语法的小案例全部写一遍

实例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JavaScript基础</title>
</head>
<body>
<script>
var n =100+30;
 console.log(n);

 var username;
 if(username===undefined){
     username='朱老师';
 }
 console.log(username);

 function sum(a,b){
     return a + b ;
 }
 console.log(sum(100,200));

 var x = 200;
 var y = 300;
 console.log(sum(x,y));
</script>

<script>
    //单分支
    var grade = 60;
    var res ='';

    if (grade>=60){
        res='及格万岁'
    }

    console.log(res);
</script>

<script>
    //双分支
    var grade2 = 59;
    var res2 ='';

    if (grade2>=60){
        res2='及格万岁';
    }else{
        res2='等着补考吧';
    }

    console.log(res2);
</script>

<script>
    var grade3= 30 ;
    var res3='';
    //双分支简写,三元运算符
    res3=(grade3>=60)? '及格万岁':'等着补考吧';
    console.log(res3);
</script>

<script>
    var grade4= 20 ;
    var res4='';
    if(grade4>=60 && grade4<80){
        res4='成绩还不错呀';
    }else if (grade4>= 80 && grade4< 90){
        res4= '这是要成为学霸的节奏';
    }else if (grade4 >= 90 && grade4 <=100){
        res4='你来上课吧';
    }else if(grade4<60){
        res4='等着补考吧';
    }
    console.log(res4);
</script>

<script>
    //多分支用switch
    var n =10;
    switch(n){
        case 0:
            console.log('验证失败');
            break;
        case 1:
            console.log('验证成功');
            break;
        default:
        console.log('未知错误');
    }
</script>

<script>
    //分数判断套用switch
    var grade5=10;
    var res5='';
    switch (true){
        case grade5 >= 60 && grade5 < 80:
            res5='成绩还不错呀';
            break;//暂停
        case grade5 >=80 && grade5 <90:
            res5='这是要成为学霸的节奏';
            break;
        case grade5 >=90 && grade5 <=100:
            res5='你来上课吧';
            break;
        default:
            res5='等着补考吧';
    }
    console.log(res5);
</script>

<script>
    //循环 for/white
    var sum = 0;
    //for(初始化循环变量;判断循环条件;更新循环条件)
    for(var i = 0; i<10; i++){//i++ 等于 i += 1
        console.log(sum + '+'  + i + '='+(sum+i));
        sum= sum + i ;
    }
    console.log(sum);
</script>


<script>
    var sum2=0; //1、循环变量初始化
    var a = 0;
    while(a<10){//2、判断循环条件（入口判断形）
        console.log(sum2 + '+'  + a + '='+(sum2+a));
        sum2= sum2 + a ;
        a++; //3、更新循环变量
    }
    console.log(sum2);
</script>


<script>
    var sum3=0; //1、循环变量初始化
    var b = 15;
   do{
        console.log(sum3 + '+'  + b + '='+(sum3+b));
        sum3= sum3 + b ;
        b++; //3、更新循环变量
    }
    while(b<10);//2、判断循环条件（出口判断形）
    console.log(sum3);
</script>
</body>

运行实例 »

点击 "运行实例" 按钮查看在线实例

Correction status：qualified

Teacher's comments：代码排版有点乱, 你可能是直接复制就提交了, 下次记得排一下版面, 尊重你的读者

Php8, I'm coming too

Learn website layout in 30 minutes

Shangguan Oracle Beginner to Proficient Video Tutorial

Your first line of UNI-APP code

Flutter from scratch to app launch

Brother Lian New Linux Video Tutorial

AXURE 9 Video Tutorial (Suitable for Product Manager Interactive Product Design UI)

Zero Basic Proficiency PS Video Tutorial

16 day UI video tutorial to get you started

PS Techniques and Slicing Techniques Video Tutorial

Alibaba Cloud Environment Construction and Project Launch Video Tutorial

Overview of Computer Networks - Basic Knowledge that Programmers Must Master

Essential Tutorial for Programmers - HTTP Protocol Explanation

Websocket Video Tutorial

实例

2、将课堂上的JS基本语法的小案例全部写一遍

实例