网站前端设计与制作选修作业

最新推荐文章于 2024-07-11 15:29:37 发布
最新推荐文章于 2024-07-11 15:29:37 发布
阅读量150 收藏 1
点赞数 3
文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/LiQiHengLiLin/article/details/136438005
版权

初学html\css,做的比较简陋，简单记录。

专业一点的语法或者例程可以访问Web 开发技术 | MDN 

Html搭建出基本的盒子、列表框架后，往里添加内容即可。css会有很多标签、标签样式。

大致效果如下所示：

其中个人认为容易出问题的是图片路径问题，绝对路径和相对路径。

绝对路径简单讲就是本地文件真实存储的位置，例如C:\Users\Pictures\img.它最显著的缺点就是只有本地能访问，但是上传到Web服务器上浏览就很有可能不会显示图片了。

相对路径则是相对于目标本身的位置，例如<img src="./志愿网页/养老院.jpg" width="300" height="180">

相对路径又有同级目录和上下级目录的区别，相应写法也会有区别。

写的比较仓促，有错提出会纠正，望仁慈

<!DOCTYPE html>
 <html> 
     <head> 
         <meta charset="UTF-8">
          <title>青春有你 志在协行</title> 
          <link href="style.css" rel="stylesheet">
          <link href="action.css" rel="stylesheet">
    </head> 
    <body> 
        <div id="page"> 
        <div id="page_head">
            <h1>西华师范大学电子信息工程学院青年志愿者协会</h1> 
 <!--       <div id="logo"><img src="C:\Users\86182\Desktop\working\志愿网页\logo.jpg" alt="logo" width="250" height="250"></div>-->
        </div> 

        <div id="leader"> 
            <ul style="padding:0 0;"> 
                <li id="mainmenu"><div class="dropdown">
                    <button class="dropbtn">网站首页</button>
                  </li> 
                <li id="mainmenu">
                    <div class="dropdown">
                    <button class="dropbtn">分会概括</button>
                    <div class="dropdown-content">
                      <a href="">院校团委</a>
                      <a href="">直系领导你</a>
                      <a href="">团队成员</a>
                    </div>
                  </div></li> 
                <li id="mainmenu">
                    <div class="dropdown">
                    <button class="dropbtn">志愿培训</button>
                    <div class="dropdown-content">
                      <a href="">分会负责人会议</a>
                      <a href="">部门干事培训</a>
                      <a href="">班级青志协委员</a>
                    </div></li> 
                <li id="mainmenu">
                    <div class="dropdown">
                    <button class="dropbtn">志愿组织</button>
                    <div class="dropdown-content">
                      <a href="">青年志愿者协会</a>
                   
                    </div></li> 
                <li id="mainmenu">
                    <div class="dropdown">
                    <button class="dropbtn">志愿准则</button>
                    <div class="dropdown-content">
                      <a href="http://zgzyz.org.cn/">中国志愿者官网</a>
                   
                    </div></li> 
                <li id="mainmenu">
                    <div class="dropdown">
                        <button class="dropbtn">志愿项目</button>
                        <div class="dropdown-content">
                          <a href="">关爱行动</a>
                          <a href="">志愿募捐</a>
                          <a href="">阳光行动</a>
                          <a href="">疫情防控</a>
                          <a href="">爱在细节</a>
                          <a href="">护花行动</a>
                        </div></li> 
                <li id="mainmenu">
                    <div class="dropdown">
                    <button class="dropbtn">志愿社区</button>
                    <div class="dropdown-content">
                      <a href="">官方微博</a>
    
                    </div></li> 
                <li id="mainmenu">
                    <div class="dropdown">
                    <button class="dropbtn">志愿阵地</button>
                    <div class="dropdown-content">
                      <a href="">物电大楼B120</a>
                    </div></li> 
                <li id="mainmenu">
                    <div class="dropdown">
                    <button class="dropbtn">志愿发布</button>
                    <div class="dropdown-content">
                      <a href="http://zgzyz.org.cn/">志愿四川</a>
                    </div></li> 
                <li id="mainmenu">
                    <div class="dropdown">
                    <button class="dropbtn">志愿文化</button>
                    <div class="dropdown-content">
                        <a href="">优秀推文</a>
                    </div></li>
                 
            </ul> 
        </div> 
        <div id="img_welcome"><img src="./志愿网页/青志协.jpg" width="975" height="400" ></div> 
        <div id="page_body"> 
            <div style="height:20%;"> 
        <div id="leftli"> 
        <div id="topli"> 
            <div id="topli-leftpart">
                <b>特色活动</b>
            </div> 
        <div id="topli-rightpart">
            <img src="./志愿网页/logo.jpg" alt="logo" width="29" height="29">
        </div> 
    </div> 
        <div id="downimg"> 
            <img src="./志愿网页/养老院.jpg" width="300" height="180">
        </div> 
        <div id="leftfloat"> 
            <ul id="forul"> 
                <li> <a>电信院举办2020级入会仪式</a> </li> 
                <li> <a>学院开展“亲情壹号”关怀志愿活动</a> </li> 
                <li> <a>疫情防控线上讲座</a> </li> 
                <li> <a>院运会后勤保障志愿服务队</a> </li> 
                <li> <a>校园文化节-电信院机器人展览</a> </li> 
                <li> <a>电信院“七七四十九天爱在细节”志愿活动</a> </li>
                <li> <a>西山扫墓志愿活动</a> </li> 
                <li> <a>党建办奉献日系列活动</a> </li> 
                <li> <a>电信院2021级入会仪式</a> </li> 
                <li> <a>卫生巾急用包-你我同行</a> </li>  
            </ul> 
        </div>
    </div> 
    <div id="rightli"> 
        <div id="topli"> 
            <div id="topli-leftpart">
                <b>院校交流</b>
            </div> 
            <div id="topli-rightpart"><img src="./志愿网页/logo.jpg" alt="logo" width="29" height="29"></div> 
        </div> 
        <ul type="square"> 
            <li> <a>院校第一次交流大会</a> </li> 
            <li> <a>特殊学校志愿行</a> </li> 
            <li> <a>公益课堂大赛</a> </li> 
            <li> <a>第八届青协杯</a> </li> 
            <li> <a>校青志协调研中心定期考察</a> </li> 
            <li> <a>志愿标兵、先进个人评优评奖</a> </li> 
        </ul> 
        </div> 
    </div> 

    <div style="height:25%;"> 
        <div id="leftli"> <div id="topli"> 
            <div id="topli-leftpart"><b>日常记录</b></div> 
            <div id="topli-rightpart"><img src="./志愿网页/logo.jpg" alt="logo" width="29" height="29"></div> 
        </div> 
        <div style="padding-top:10px"> 
            <a id="blue" style="font-weight:bold;padding-left:10px;font-size:16px;" >电子信息工程学院2021上学年工作日常</a> 
        </div> 
        <div id="downimg"> 
            <img src="./志愿网页/迎新.jpg" width="290" height="200"> 
        </div> 
            <p id="grey" style="font-size:12px;">在中华民族传统节日——春节即将到来之际，为让学院留校学生感受家的温暖，向他们传达学院的慰问和祝福。2019年2月1日上午9时30分，计算机科学学院在明理楼B306会议室隆重举行2019年寒假留…[<a herf=“”>详细信息</a>]</p> 
        <ul> 
            <li> <a>志愿迎新</a> </li> 
            <li> <a>学院定期于每周二下午召开例会</a> </li> 
            <li> <a>学院开展入会仪式</a> </li> 
            <li> <a>电信院重阳节慰问老人</a> </li> 
            <li> <a>志愿培训会议</a> </li> 
            <li> <a>优秀班级、优秀青志协委员评优评奖</a> </li> 
            <li> <a>学院组织开展敬老院关爱老人活动</a> </li> 
        </ul> 
        </div> 
        <div style="height: 28%;">
        <div id="rightli"> 
            <div id="topli"> 
                <div id="topli-leftpart"><b>工作感言</b></div> 
                <div id="topli-rightpart"><img src="./志愿网页/logo.jpg" alt="logo" width="29" height="29"></div> 
            </div> 
            <div>
                <p style="color: grey;font-size: 13px;text-indent: 18px;">流年拾忆，拥抱温暖
                    在青年志愿者协会这个大家庭一转眼已经度过了两年。两年来，成长了很多，往事回忆暖心间。
                    <br>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp还记得大一刚进校时候的样子，什么都很懵，也不知道应该做些什么。加入青志协，是命运缘分的决定，一步步走来慢慢的觉得我的选择没有错。一点一滴的去熟悉大学生活，少不了师兄师姐们的宽慰与告诫。精彩纷呈的部门活动，也让我对于志愿服务有了新的理解。一起做很多志愿活动，让我体会到了不曾领略的欢乐与肆意。
                    <br>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp很快大二时光到来，青年志愿者协会的经历也很快让我适应了小西瓜与师兄身份的转换。<br>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp看着风尘仆仆的新生，满满的回忆，一句句师兄好，也让我意识到我已经不再是大一那个纯粹懵懂的小西瓜了 。而与部门师弟师妹们的相识相交，给了我很多温暖与自信。一句句“庾师兄”，一次次乖巧配合，青志协的每个孩子都是那么的可爱。而当他们每次说出那句“对这个部门有归属感时”我心底的暖流都在缓缓涌动。
                    <br>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp这两年，我不仅学会了去办一些事情的技巧，也学会了很好的与人去沟通，更收获了珍贵的友情，拥抱并且记录下这些温暖。无论将来在何种境遇下，我们青年志愿者协会永远都是一家人！希望青年志愿者协会能本着志愿服务敬业、奉献、互助、友爱的精神继续传递那一份感动与温暖！</p>
            </div>
        </div>
        </div> 
    </div>   
   
    
    <div style="height:13%;">
        <div id="leftli">
                <div class="responsive">
                    <div class="img">
                      <a target="_blank" href="img_fjords.jpg">
                        <img src="./志愿网页/青志协.jpg" alt="小青合影" width="300" height="200">
                      </a>
                      <div class="desc">青心于你</div>
                    </div>
                  </div>
                  
                  <div class="responsive">
                    <div class="img">
                      <a target="_blank" href="img_lights.jpg">
                        <img src="./志愿网页/相声.jpg" alt="相声表演" width="600" height="400">
                      </a>
                      <div class="desc">相声表演</div>
                    </div>
                  </div>
                  
                  <div class="responsive">
                    <div class="img">
                      <a target="_blank" href="img_forest.jpg">
                        <img src="./志愿网页/准备2.jpg" alt="嗨皮一下" width="600" height="400">
                      </a>
                      <div class="desc">嗨皮一下</div>
                    </div>
                  </div>
            </div>
        </div>
    <hr>
        <div style="height:16%;">
            <div id="leftli">
                <div id="topli">
                    <div id="topli-leftpart"> <b>图标漫语</b></div>
                    <div id="topli-rightpart"><img src="./志愿网页/logo.jpg" alt="logo" width="29" height="29"></div>
                </div>
                <div>
                    <p style="margin-top: 10pt;color: darkorange;font-size: 9pt;text-indent: 18pt;">青年志愿者标志说明：标志的整体构图为心的造型，同时也是英语“青年”（YOUTH）的第一个字母Y；图案中央既是手，也是鸽子的造型，与红色的背景构成爱心图案。
                        标志寓意中国青年志愿者向社会上所有需要帮助的人奉献一片爱心，伸出友爱之手，面向世界、奔向未来，表现青年志愿者<u>“热心献社会，真情暖人心”</u>的主题。
                        <br>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<u>据报道，12月18日在北京召开的中国志愿服务联合会第一届理事会上相关负责人表示，我国实名注册志愿者总人数超6700万。</u>
                    </p>
                    <p style="margin-top: 6pt;color: darkorange;font-size: 10pt;text-indent: 18pt;">
                        2021年“抗疫”杰出人物先进事迹
                        <br>&nbsp&nbsp
                        <a href="http://www.lzbs.com.cn/special/2021/yqfk/content_4872526.htm">抗疫一线，兰州好人——张一军||</a>
                        <a href="http://www.gaosan.com/gaokao/325106.html">2021抗疫十大人物事迹||</a>
                        <a href="http://www.workercn.cn/34070/202111/04/211104073202427.shtml">那天我们是核酸检测志愿者||</a>
                        <a href="">......</a>
                    </p>
                </div>
            </div>
        <div id="rightli">
        <div class="last_img ather_img">
            <span style="display: block;margin-top: .5rem;"></span>
        </div >
        <div class="ather_img">
            <img src="./志愿网页/志愿者.jpg" class="punch_imgs_icon" >
        </div >
        <div class="ather_img">
            <img src="./志愿网页/志愿者正面.jpg" class="punch_imgs_icon" >
        </div >
        <div class="ather_img">
            <img src="./志愿网页/logo.jpg" class="punch_imgs_icon" >
       <!--</div >

            <img src="C:\Users\86182\Desktop\working\志愿网页\志愿者正面.jpg" width="975" height="350">--> 
        </div> 
        </div>
    </div>
    <hr>

<!--
<input type="radio" name="btn" id=".btn:checked+ .window" class="btn"/>
<div class="box1">
    <label for="window1" class="text">投票</label>
    <input type="radio" name="btn" id="window1" class="btn" />
    <div class="window">
         <div>
              <p>感谢您参与到我们的投票活动，您的投票已成功！</p>
              <p>请留下您的联系方式，我们会在活动结束时举办一个抽奖活动，z中奖信息会公布在官网上，敬请留意，谢谢合作！</p>
              <form action="" method="post">
                您的姓名：
                <input type="text" name="username" /><br />
                您的电话：
                <input type="text" name="number" /><br />
                <input type="submit" value="提交" />
               </form>
          </div>
      </div>
</div>
-->
<!--
<div style="height: 30%;">
     <div id="container">
         <div id="photo">
             <img src="./志愿网页/志愿者.jpg"/>
             <img src="./志愿网页/准备2.jpg"/>
             <img src="./志愿网页/迎新.jpg"/>
             <img src="./志愿网页/入会合影.jpg"/>
             <img src="./志愿网页/logo.jpg"/>
         </div>
     </div>
</div>
-->

<div style="height: 30%;">
<div id="leftli">
    <div id="topli">
        <div id="topli-leftpart"><b>入会仪式</b></div>
        <div id="topli-rightpart"><img src="./志愿网页/logo.jpg" alt="logo" width="29" height="29"></div> 
    </div>
    <div id="downimg"> 
        <img src="./志愿网页/我是志愿者.JPG" width="300" height="300"> 
    </div> 
    <div>
        <p style="color: grey;font-size: 13px;">志愿者誓词：
            <br>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<u>我愿意成为一名光荣的志愿者。</u><br>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp我承诺：<br>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<u>尽己所能，不计报酬，帮助他人，服务社会。</u><br>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp践行志愿精神，传播先进文化，<br>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<u>为建设团结互助、平等友爱、</u><br>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<u>共同前进的美好社会贡献力量</u></p>
            <ul type="square"> 
                <li> <a>负责志愿者的招募，发掘有爱心，有能力的优秀志愿者，做好志愿工作</a> </li> 
                <li> <a>组织策划开展相关活动,并起草活动的计划草案和注意事项</a> </li> 
                <li> <a>加强与各兄弟学校、院系和社会上其它公益组织之间的联系与合作</a> </li> 
                <li> <a>组织各系（院）青协根据校学生联合会的年度及学期工作计划制度</a> </li> 
                <li> <a>核实志愿者活动内容，做好推荐优秀志愿者工作</a> </li> 
            </ul> 
        </p>

        </div>
</div>
<div id="rightli">
    <div id="topli">
        <div id="topli-leftpart"><b>才艺表演</b></div>
        <div id="topli-rightpart"><img src="./志愿网页/logo.jpg" alt="logo" width="29" height="29"></div> 
    </div>
    
<video width="320" height="300" controls>  
    <source src="./志愿网页/才艺表演.mp4" type="video/mp4">  
    <object data="movie.mp4" width="320" height="300">    
        <embed src="./志愿网页/才艺表演.mp4" width="320" height="300">  
    </object> 
</video>

</div>
</div>

    <div id="pag_foot" align=center>
        <b>Copyright 2021 All Rights Reserved. 西华师大电子信息工程学院青志协</b> 
    </div> 
</div> 
</body> 
</html>


/*翻转*/
.rot{
    width:100% ;
    transform: rotate(0deg);
    transition: transform 5s ease;
}
.rot:hover{
    transform: rotate(180deg);
    transition: transform 1s ease;
}

.sca{
    width: 100px;
    transform: scale(1.0);
    transition: all 0.5s ease;
}
.sca:hover{
    transform: scale(1.5);
}

/*图片叠加*/
.ather_img{
    float: right;
    margin-right: -4rem;
}
.last_img{
    width: 0rem;
    height: 0rem;
    background-color: rgba(0, 0, 0, .6);
    border-radius: 50%;
    display: inline-block;
    border:1px solid #fff;
    color: #fff;
}
.punch_imgs_icon {
  width: 10rem;
  border-radius: 50%;
  border: 2px solid #fff;
}

/*下拉菜单*/
.dropbtn {
    background-color: #407bbb;
    color: white;
    padding: 16px;
    font-size: 16.3px;
    border: none;
    position: relative;
    cursor: pointer;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 100px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    background-color: teal;
}

.page{ 
      margin:0px;padding:0px;
 } 
#page_head{ 
      background-color:#407bbb; 
      color: black;
      font-style: inherit;
      text-align: center;
      height: 53px;
      width:100%; 
      margin:auto;
 } 
#page_body{ 
      height:1200px;width:975px; 
      margin:auto;margin-top:13px;
 } 
#pag_foot{
       background-color:#407bbb; 
       height:50px; 
       margin:auto;
       line-height:50px; 
       text-align:center;
       font-size:13px;
       color:black; 
      } 
/*
.page_foot>a{
      text-decoration: none;
}
.page_foot>a:visited{color: black;}
.page_foot>a:active{color: teal;}
.page_foot>a:hover{color: burlywood;}
*/
#logo{ 
      position:absolute;
} 
#leader{ 
      background-color:#0b6cb8;
       height:50px;width: 974px;
        margin:auto;
} 
#img_welcome{ 
      margin:auto;
      text-align:center;
      padding-top:0px; 
} 
#link{ 
      padding-left:28px; 
      padding-top:0px; 
      font-size:16px;
      color: #fff; 
} 
link:hover{color: coral;}
#mainmenu{ 
      list-style-type:none; 
      float:left; 
      height:50px;
      margin: 0px; 
      text-align:center; 
      line-height:30px; 
} 
#leftli{ 
      width:64%;
      float:left;
      height:100%; 
      background-color:white; 
} 
#rightli{ 
      width:34%;
      float:right;
      height:100%; 
      background-color:white; 
} 
#topli{ 
      height:35px; 
      background-color:#dddddd; 
} #topli-leftpart{ 
      float:left;
      line-height:35px; 
      width:80px;height:100%; 
      background-color:#0b6cb8; 
      text-align:center;
      color:#fff; 
} 
#topli-rightpart{ 
      float:right;
      line-height:30px; 
      width:40px;height:100%; 
} 

.center-li{
      height:35%;width: 975px;
      background-color: burlywood;
}

#downimg{ 
      float:left; 
      width:50%; 
      padding-top:10px 
} 
#leftfloat{ float:left; } 
#grey{ color:grey; } 
#blue{ color:blue; } 
ul {
      list-style-type:square;
      color:grey;
      font-size:13px;
      padding-left:15px
}

li>a:action{color: plum;}
li>a:hover{color: rgb(252, 7, 7);}
li>a:visited{color: grey;}

a{text-decoration: none;}
a:visited{color: orchid;}
a:active{color: red;}
a:hover{color:orange;}
img {border: radius 50%;margin-top: 3px;}
div.img {
        border: 1px solid #ccc;
    }

    div.img:hover {
        border: 1px solid #777;
    }

    div.img img {
        width: 100%;
        height: auto;
    }

    div.desc {
        padding: 10px;
        text-align: center;
        color: teal;
    }
    div.desc:hover{color: mediumpurple;}

   <!-- *{
        box-sizing: border-box;
    }
    -->

    .responsive {
        padding: 0 2px;
        float: left;
        width: 24.99999%;
        border-radius: 25pt 10pt;
    }


    /*下划线*/
    u{
          color: red;
    }

dreaming-qiu
关注
  • 3
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
使用bootstrap前端框架写一个静态网站，仅供参考
欢乐打代码！
11-16 1288
这是一个手打静态网站，是展示个人信息的平台，可以作为作业模板，另外，bootstrap是目前较流行的前端开发框架之一，学习他也是大势所趋，这个网站是利用bootstap框架所写，希望可以帮到大家！
制作一个简单HTML静态网页（HTML+CSS）
weixin__BJ050106的博客
08-14 1339
🥇 关于作者: 💬历任研发工程师，技术组长，教学总监；曾于2016年、2020年两度荣获CSDN年度十大博客之星。 十载寒冰，难凉热血；多年过去，历经变迁，物是人非。 然而，对于技术的探索和追求从未停歇。 💪坚持原创，热衷分享，初心未改，继往开来！🍵茶文化网站、🏳️‍🌈中华传统文化题材、京剧文化🔏水墨风书画、中国民间年画文化艺术网站 、等网站的设计与制作。🏷️ 这个首页代码运用了DIV盒子的使用方法，如盒子的嵌套、浮动、margin、border、background等属性的使用，外部大盒......
web前端期末大作业 html+css学生心理 7页主题网页设计
11-26 657
html5网页制作代码 html5网页设计作业代码 采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交互行为（1）html文件：其中index.html是首页、其他html为二级页面； （2）css文件：css全部页面样式,文字滚动, 图片放大等； （3）js文件：js实现动态轮播特效, 表单提交, 点击事件等等（网页中运用到js代码）(1)首页：进入网页中看到的第一个页面(LOGO、公司名称、导航、banner
前端课设 网页设计期末作业-静态网页（下载链接在文末）
weixin_43474701的博客
01-18 743
网页设计期末作业 网站详情如下图所示：
纯HTML+CSS网页设计期末作业
热门推荐
爱德苏的博客
05-29 1万+
喜欢水课的大学生的HTML期末大作业！！！
HTML CSS大学生期末网页大作业 DW个人网页设计 人物介绍 历史人物岳飞介绍
qq_365392777
10-28 100
📔网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。📓网站程序方面：计划采用最新的网页编程语言HTML5+CSS3+JS程序语言完成网站的功能设计。并确保网站代码兼容目前市面上所有的主流浏览器，已达到打开后就能即时看到网站的效果。📘网站素材方面：计划收集各大平台好看的图片素材，并精挑细选适合网页风格的图片，然后使用PS做出适合网页尺寸的图片。📒网站文件方面：网站系统文件种类包含：html网页结构文件、css网页样式文件、js网页特效文件、images网页图片文件；
web前端课程作业设计：个人简历
墨城烟柳ベ旧人殇的博客
06-02 3517
选修课的课程作业设计，可以练手，也可以参考！
【传智播客二维码名片】【网页设计与网站开发HTML、CSS、JavaScript】【第四章】列表——实验作业题【实验2】
weixin_60897770的博客
06-12 788
【名片内容：李刚-网页设计师-案例41个……】新建一个test2.html页面，完成如下图所示的HTML文档。(1) 案例结构分析如下图所示。下图所示的 “二维码名片”，由图片和文字两部分构成，文字部分是对二维码图片的描述和说明，因此可以通过定义列表实现该图文混排效果。其中标记中插入图片，标记中放入对图片解释说明的文字。(2)样式分析。实现效果图所示样式的思路如下： ...
【传智播客公司动态】【网页设计与网站开发HTML、CSS、JavaScript】【第四章】列表——实验作业题【实验3】
weixin_60897770的博客
06-13 1116
新建一个test3.html页面，完成如下图所示的HTML文档。提示：在实际网页制作过程中，为了更高效地控制列表项目符号，通常通过CSS将列表的list-style属性值定义为none，然后通过为设置背景图像的方式实现不同的列表项目符号。通过创建一个公司信息动态的案例做具体演示。(1) 案例效果如图所示。灵活的列表项目符号(2)具体实现步骤如下：为设置背景图像。......
大二网页设计选修课期末作业.zip
10-22
这个压缩包文件“大二网页设计选修课期末作业.zip”很可能包含了学生们完成的网页设计项目，展示了他们对HTML、CSS、JavaScript等核心技术的理解与应用。 首先，HTML（HyperText Markup Language）是网页设计的基础...
网页设计与制作 成品
06-04
网页设计与制作是一门涉及广泛技术领域的学科，它涵盖了从概念设计到最终用户交互的全过程。在这个"小猫咪完整版"的选修课程中，我们可以深入探讨如何创建一个活泼可爱的网页，这通常涉及到以下几个关键知识点： 1....
大一选修课《网页设计与网站开发》平时作业实验题答案及题目所需材料
07-22
在大一选修课程《网页设计与网站开发》中，学生会接触到一系列关于网页制作的基础知识，这门课程旨在帮助初学者理解并掌握构建网页的基本技能。提供的压缩包文件包含了不同周次的作业实验题答案及相关的学习资料，...
算法与程序设计选修教案完整版.docx
09-22
算法与程序设计选修教案完整版
Node多版本管理器NVM安装使用
最新发布
GongWeiBuQi的博客
07-11 131
安装node很方便，只需要一条命令可以轻松切换node版本可以多版本node并存。
一个使用Go语言和现代Web技术构建跨平台桌面应用程序开源项目
yunmoon的博客
07-10 821
Wails作为一个桥梁，连接强大的Go后端逻辑与丰富的Web前端界面，允许开发者利用两者的最佳特性来开发应用。
vue父子组件通信实现模糊搜索功能
全栈码农，专注java项目实战教程分享、大学生项目辅导开发讲解。
07-09 722
模糊搜索功能 每个网站都要用得到
Haproxy搭建Web群集
wkysdhr的博客
07-08 933
Haproxy 是目前比较流行的一种群集调度工具，同类群集调度工具有很多，如LVS 和Nginx。相比较而言，LVS 性能最好，但是搭建相对复杂;Nginx的upstream模块支持群集功能，但是对群集节点健康检查功能不强，高并发性能没有 Haproxy好。
C语言课程设计学生选课系统.doc
02-11
名称: 学生选修课程系统设计 目的: 运用C语言提高解决实际问题的能力 实验环境: Microsoft Visual C 6.0 内容: 假定有n门课程，每门课程具有课程编号、课程名称、课程性质、总学时、授课学时、实验或上机学时、学分...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值