精华内容
下载资源
问答
  • 宠物咖啡HTML静态网页设计作业由DIV+CSS布局制作,共1个页面,顶部及左侧导航为空链接,页面宽度980PX,制作了页面背景图。首页制作了小表单窗口,页数少,单基础技术都包含,无特殊HTML技术,初级网页设计水平。
  • htm+css网页设计课程作业 .rar.rar
  • 这是我自己做的HTML期末大作业html+css+div二十个页面以上,花了很多时间,不用修改就可以作为自己的作业,也可以作为学习参考html静态网页,里面包含两个html+css+div的代码原件
  • 本作品使用DIV布局粉红色...本网页作业为一个展示产品类型的网页设计作业作品成品。使用dreamweaver制作采用DIV+CSS进行布局,总页面数量9页。适合修改成为各种类型的产品展示网页,比如摄影、设计作品、电影、音乐等。
  • 本网页作业为一个展示产品类型的网页设计作业作品成品。使用dreamweaver制作采用DIV+CSS进行布局,总页面数量9页。适合修改成为各种类型的产品展示网页,比如摄影、设计作品、电影、音乐等。
  • 因为上网页课要交一个个人的网页设计作业,时间挺紧的,记得以前玩游戏偶尔看到一个翻转图片的小游戏,就想模仿着做一个!
  • 大学生网页设计至做作业成品,dreamweaver/frontpage网页大作业,大学生课程设计,中学生网页制作作业作品模板免费下载。http://wy.yilushang.net
  • 期末网页设计 作业 大学生 网页设计作业成品下载dreamweaver/phpstudy网页设计制作大作业
  • 英雄联盟LOL学生网页设计作品:网页作品为DIV+CSS设计制作的单页面,简单做了CSS样式。DW初学者可使用。
  • 7个页面,截图没有截全部页面...网页中包含:Div+CSS、鼠标滑过特效、Table、导航栏效果、banner、表单、二级三级页面等,视频音频元素,同时设计了logo(源文件)),基本期末作业所需的知识点全覆盖。
  • 网页设计作业

    热门讨论 2012-06-08 13:28:40
    高质量网页设计制作大...本网页作业为一个展示产品类型的网页设计作业作品成品。使用dreamweaver制作采用DIV+CSS进行布局,总页面数量9页。适合修改成为各种类型的产品展示网页,比如摄影、设计作品、电影、音乐等。
  • HTML网页设计制作大作业(div+css

    万次阅读 多人点赞 2020-11-25 16:19:36
    老师要求的十几个页面20几张图片以及一些跳转,使用div+css布局也基本上都有了。然后代码也有注释。也能够容易看得懂 部分代码 偷个懒,就用notepad打开。不用H-build打开了。哈哈哈 另外有同学要是需要源码的话...

    话不多说,直接上效果图:首页

    历史介绍
    历史介绍
    在这里插入图片描述
    行政区划:
    在这里插入图片描述
    地理环境
    在这里插入图片描述
    著名景点:
    在这里插入图片描述
    美食小吃
    在这里插入图片描述
    工艺品
    在这里插入图片描述
    联系我们
    在这里插入图片描述
    部分项目结构
    在这里插入图片描述
    老师要求的十几个页面20几张图片以及一些跳转,使用div+css布局也基本上都有了。然后代码也有注释。也能够容易看得懂

    部分代码
    在这里插入图片描述
    偷个懒,就用notepad打开。不用H-build打开了。哈哈哈
    另外有同学要是需要源码的话可以联系我呀。
    大家加油!奥利给!
    需要源码加扣扣1_6_0_1_9_9_8_8_4_1

    展开全文
  • 网页设计挑战作业 网站部署在: :
  • 作品共2个页面,使用dreamweaver制作div+css布局,顶部大图为GIF动图,左侧加入文字滚动效果。无复杂代码。
  • 中国传统文化网(html5+css3)网页设计作业,原创,十几个页面。
  • 关于网页制作课程的作业,使用DIV+CSS技术设计的个人主页,有需要的朋友可以下载,挺简洁的
  • 学生dreamweaver网页设计作业成品,采用html+css布局,是学习网页设计不错的案例和源代码 网页设计
  • 广西梧州家乡网页设计旅游景点网页作品共2个页面,使用dreamweaver制作div+css布局,顶部大图为GIF动图,左侧加入文字滚动效果。无复杂代码。
  • 采用DIV CSS布局,4个页面,包括:首页、个人简介、我的照片、在线留言。 黑白简洁风格,主体内容宽度为1000PX,整个作品设置了网页背景颜色为黑色,文字为白色。 技术应用 网页技术知识点应用了 网页背景颜色、网页...

    黑白简约大学生个人网页

    网页规划

    采用DIV CSS布局,4个页面,包括:首页、个人简介、我的照片、在线留言。
    黑白简洁风格,主体内容宽度为1000PX,整个作品设置了网页背景颜色为黑色,文字为白色。

    技术应用

    网页技术知识点应用了 网页背景颜色、网页音乐、导航鼠标经过变化、边框、表单、图片列表等。

    页面效果

    首页
    个人介绍
    图片列表
    留言表单

    网页下载

    https://www.stu-works.com/html/geren/367.html

    展开全文
  • 免费dreamweaver/...本网页作业为一个展示产品类型的网页设计作业作品成品。使用dreamweaver制作采用DIV+CSS进行布局,总页面数量9页。适合修改成为各种类型的产品展示网页,比如摄影、设计作品、电影、音乐等。
  • 作品由DIV+CSS布局制作单页面作品,页面使用基础比较简单,大部分区域直接切图制作,无复杂代码,文字与图片区域都有,适合基础水平日常学生网页设计作业
  • 垃圾分类网页设计作品采用DIV CSS布局制作,首页有导航、BANNER、视频、文字内容、图片列表超链接。 知识点应用 网页背景颜色、视频、留言表单、图片及文字超链接、左右排版、图文混排、无序列表等。 内容说明 三层...

    设计思路

    垃圾分类网页设计作品采用DIV CSS布局制作,首页有导航、BANNER、视频、文字内容、图片列表超链接。

    知识点应用

    网页背景颜色、视频、留言表单、图片及文字超链接、左右排版、图文混排、无序列表等。

    内容说明

    三层结构,共11个页面(1个首页、6个二级页面、4个三级页面)网页内容包括:网站首页、产生原因、分类原则、分类意义、垃圾种类、操作流程、在线留言。

    代码演示

    <div class="nav">
        <ul>
        <li><a href="index.html">网站首页</a></li>
        <li><a href="yuanyin.html">产生原因</a></li>
        <li><a href="yuanze.html">分类原则</a></li>
        <li><a href="yiyi.html">分类意义</a></li>
        <li><a href="zhonglei.html">垃圾种类</a></li>
        <li><a href="liucheng.html">操作流程</a></li>
        <li><a href="liuyan.html">在线留言</a></li>
        </ul>
    </div>
    <div class="banner">
        <a href="liuyan.html"><img src="images/banner.jpg"></a>
    </div>
    <div class="left">
        <video src="video/video.mp4" controls="controls" width="340">
        your browser does not support the video tag
        </video>
    </div>
    <div class="right">
        <p>
          垃圾分类是指按一定规定或标准将垃圾分类储存、分类投放和分类搬运,从而转变成公共资源的一系列活动的总称。分类的目的是提高垃圾的资源价值和经济价值,力争物尽其用,减少垃圾处理量和处理设备,降低处理成本,减少土地资源的消耗,具有社会、经济、生态等几方面的效益。
          <br>
          垃圾在分类储存阶段属于公众的私有品,垃圾经公众分类投放后成为公众所在小区或社区的区域性公共资源,垃圾分类搬运到垃圾集中点或转运站后成为没有排除性的公共资源。从国内外各城市对生活垃圾分类的方法来看,大多都是根据垃圾的成分、产生量,结合本地垃圾的资源利用和处理方式等来进行分类的。
        </p>
    </div>
    <div class="list">
         <ul >
         <li><a href="zhongleia.html"><img src="images/flax.jpg" /></a></li>
         <li><a href="zhongleib.html"><img src="images/flbx.jpg" /></a></li>
         <li><a href="zhongleic.html"><img src="images/flcx.jpg" /></a></li>
         <li style="margin-right:0px; "><a href="zhongleid.html"><img src="images/fldx.jpg" /></a></li>
         </ul>
    </div>
    

    页面效果

    首页

    首页

    二级页面-图文混排

    二级页面

    二级页面-图片列表

    图片列表页面

    三级图片详情

    图片详情

    留言表单页面

    留言表单页面

    成品下载

    https://www.stu-works.com/html/jieri/362.html

    展开全文
  • 大学简单的网页设计作业,基于html+css开发,运用js代码
  • 网页作业网页设计网页模版 html css
  • 好久没上CSDN了,不知不觉大二结束了,马上就要大三了,感觉非常迷茫,一直想把上次前端课的大作业发布一下,拖到现在,哈哈。先看一下在浏览器的效果。 想做的是一个类似企业网站的,主要是用CSS布局这一块花费...

    先看一下在浏览器的效果
    在这里插入图片描述

    想做的是一个类似企业网站的,主要是用CSS布局这一块花费时间比较多,js用得比较少。
    下面是部分代码:
    1.HTML:

    <!DOCTYPE html>
    <html>
    <head lang="en">
        <meta charset="UTF-8">
        <title>启乐官网</title>
        <link rel="stylesheet" href="style.css"/>
        <script src="myjs.js" charset="gb2312"></script>
    </head>
    <body>
    
    <header>                                          <!-- 页眉 -->
        <a id="hah" href="home.html" title="启乐首页"><h1>启乐</h1></a>                      <!-- logo点击跳往首页 -->
        <h3 id="hh">------美好生活的开始</h3>
        <a id="ha2" href="" title="注册/登录"><h3>注册/登录</h3></a>
    </header>
    
    <nav>                                                    <!--导航链接 -->
        <ul>
            <li><a href="home.html">首页</a></li>
            <li><a href="introudction.html">企业介绍</a></li>
    
            <div class="nud">
                <a href="product.html" class="nuda">产品中心</a>
                <div class="nudd">
                    <a href="product.html">客厅家具系列</a>
                    <a href="product.html">床上用品</a>
                    <a href="product.html">美容护肤系列</a>
                    <a href="product.html">精品服装</a>
                    <a href="product.html">限时优惠</a>
                </div>
            </div>
    
            <li><a href="https://www.baidu.com/s?rtt=1&bsst=1&cl=2&tn=news&word=%E5%90%AF%E4%B9%90" target="_blank">新闻动态</a></li>
            <li><a href="join.html">加入我们</a></li>
        </ul>
    </nav>
    
    <div class="box">                                                 <!--第一个盒模型-->
            <div id="ha1">                                            <!-- 动画 广告轮播区域-->
    
            </div>
    
            <aside id="ha3">                                          <!-- 边栏区 联系我们 -->
                <div id="ad">
                <img src="image/contact02.jpg" alt=""/>
                <div>
                    <table class="tab01">
                        <tr>
                            <td>地址:</td>
                            <td>北京市东城区棉花胡同01</td>
                        </tr>
                        <tr>
                            <td>电话:</td><td>010-12345678</td>
                        </tr>
                        <tr>
                            <td>邮箱:</td><td>qile@163.com</td>
                        </tr>
                    </table>
    
                </div>
                </div>
            </aside>
    
    </div>
    
    <div class="box01">                                             <!--第二个盒模型-->
    
        <div class="new">                                                  <!--热卖商品-->
            <div><img id="nd" src="image/hot.jpg" alt=""/></div><br/>
    
            <a href="" title="棉芯枕头" id="ba1">
                <img id="na" src="image/product01.jpg" alt=""/><br/>
                <h3>棉芯枕头 特价¥50</h3>
            </a>
    
            <a href="" title="机械键盘" id="ba2">
                <img id="na1" src="image/product02.jpg" alt=""/><br/>
                <h3>机械键盘 特价¥100</h3>
            </a>
    
            <a href="" title="精美橱柜" id="ba3">
                <img id="na2" src="image/product05.jpg" alt=""/><br/>
                <h3>精美橱柜 特价¥600</h3>
            </a>
    
    
        </div>
    
        <div class="register">                                               <!--登录表单-->
            <img id="ri" src="image/register.jpg" alt=""/><br/>
    
            <form action="" id="fo">
                <table>
                <tr>
                    <td>用户名</td>
                    <td><input type="text" id="user01" maxlength="11" placeholder="请输入您的用户名" required/></td>
                </tr>
    
                    <tr id="fot">
                        <td>密码</td>
                        <td><input type="password" id="password01" maxlength="16" required/></td>
                    </tr>
    
                    <tr>
                        <th colspan="2"><input type="submit" value="登录"></th>
                    </tr>
                </table>
            </form>
    
            <div class="dbd">
            <a href="" >忘记密码</a>
            <a href="" id="zc">注册账号</a>
            </div>
    
        </div>
    </div>
    
    <div class="news">
        <img id="nei" src="image/news.jpg" alt=""/><br><br>
        <div class="box03">
        <div class="nd">
            <a href="https://www.baidu.com/s?rtt=1&bsst=1&cl=2&tn=news&word=%E5%90%AF%E4%B9%90" target="_blank" title="企业新闻">CCKA零售创新奖、十大创新业态在会议期间隆重揭晓,<br>由启乐打造的时尚原创生活类
            自营电商平台“启乐优选”<br>从上百个候选案例中脱颖而出,斩获CCKA零售创新奖。</a>
        </div>
    
    <div id="nea02">
            <a href="https://www.baidu.com/s?rtt=1&bsst=1&cl=2&tn=news&word=%E5%90%AF%E4%B9%90" target="_blank" title="企业新闻">启乐中国新世代于北京正式开幕。北京<br>
                京东店选址中国电商的代表企业——总部园区内,这是<br>
                HOTEL后在中国的一次新世代事业形态布局。</a>
    </div>
        </div>
    
    </div><br><br><br><br>
    
    <footer>                                                                    <!-- 页脚区 -->
                Copyright © 18网汉*** All Rights Reserved. 版权所有
    </footer>
    <br>
    </body>
    </html>
    

    2.CSS部分代码:

    *{
        /*background-color: #5F822F;*/
    }
    #ha2{
        position:absolute;
        left: 1400px;
        text-decoration: none;
    }
    #ha2:hover{
        background-color: aqua;
    }
    
    header{
        height: 150px;
        background-image: url("image/header01.jpg");
        background-repeat: round;
    }
    #hah{
        text-decoration: none;
    }
    
    #hah:hover{
        background-color: aqua;
    }
    
    #hh{
        color: coral;
        position:absolute;
        left:100px;
        top: 30px;
    }
    nav{
        width: 1000px;
    }
    nav ul{
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        background-color: bisque;
        height: 40px;
        font-size: x-large;
        font-weight: 800;
        list-style-type: none;
        overflow: hidden;
    
    }
    nav ul li a{
        text-decoration: none;
        padding: 12px 50px;
        /*padding: 1px 5px;*/
    }
    
    nav ul li a:hover{
    background-color: burlywood;
    
    }
    
    .nud{
        display: inline-block;
    }
    
    .nudd{
        display: none;
        position: absolute;
    
        min-width: 160px;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    
    }
    
    
    .nud:hover .nudd{
        display: block;
    }
    
    
    .nudd a:hover{
        background-color: aquamarine;
    
    
    }
    
    .nuda{
        display: inline-block;
        text-decoration: none;
    }
    
    .nuda:hover{
        background-color: burlywood;
    }
    
    .nudd a{
        display: block;
        color: crimson;
        padding: 12px 50px;
        text-decoration: none;
    }
    
    .box{
        display: flex;
    }
    
    
    
    @-webkit-keyframes myfirst {
        0%{
            background-image: url("image/wuy00.jpg");
    
        }
    
        25%{
            background-image: url("image/wuy01.jpg");
        }
        50%{
            background-image: url("image/wuy02.jpg");
        }
    
        75%{
            background-image: url("image/wuy03.jpg");
        }
    }
    
    
    #ha1{
        flex: 60%;
        width:60%;
        height:450px;
        background-size: 100%;
        background-image:url("image/wuy00.jpg") ;
        -webkit-animation: myfirst 8s infinite;
    }
    
    #ha3{
    flex: 40%;
    }
    #ad{
        padding-left: 20px;
    }
    
    .tab01 td{
        border:2px solid;
        border-color: blueviolet;
        background-color: aquamarine;
        height: 50px;
    }
    .tab02 td{
        border:2px groove;
        border-color: bisque;
        background-color: bisque;
        height: 50px;
    }
    .box01{
        display: flex;
    }
    .new{
        flex: 60%;
    }
    .new h3{
        color: red;
    }
    .register{
        flex: 40%;
        padding-top: 10px;
        padding-left: 20px;
    }
    #nd{
        padding-top: 10px;
        width: 900px;
        height:83px;
    
    }
    
    #ba1{
        float: left;
    }
    #ba2{
        float: left;
        padding-left: 50px;
    }
    #ba3{
        float: left;
        padding-left: 50px;
    }
    
    @keyframes mysec {
        0%{
            transform:scale(0.7);}
        25%{
            transform:scale(1);  }
    
    }
    
    #na{
        width:250px;
        height:200px;
    }
    #na:hover{
        animation: mysec 5s linear infinite;
    }
    #na1{
        width:250px;
        height:200px;
    }
    #na1:hover{
        animation: mysec 5s linear infinite;
    }
    #na2{
        width:250px;
        height:200px;
    }
    #na2:hover{
        animation: mysec 5s linear infinite;
    }
    #ri{
        padding-top: 1px;
        width: 400px;
        height:83px;
    }
    #fo{
        padding-top: 20px;
    }
    .dbd{
        padding-left: 10px;
        padding-top: 20px;
    }
    #zc{
        padding-left: 80px;
    }
    #nei{
        padding-top: 10px;
    }
    .nd{
        padding-left: 30px;
    }
    .box03{
        display: flex;
    }
    #nea02{
        float: left;
        padding-left: 80px;
    }
    
    .intd{
        padding-left: 80px;
    }
    
    
    
    footer{
        text-align: center;
        background-color: #83B441;
        height: 50px;
    }
    
    

    3.Javascript部分代码:

    window.onload=function(){
        if(document.getElementById("fo") != null){
            document.getElementById("fo").onsubmit=function(){
                var yhm = document.getElementById("user01");
                var mm = document.getElementById("password01");
    
                if(!(/^1\d{10}$/.test(yhm.value))){          /*用正则表达式,检查输入的用户名格式是否为以1开头的11位数*/
                    alert("输入用户名格式错误,请重新输入以1开头的11位数用户名!");
                    return false;
                }
    
                if (mm.value != 12345) {
                    alert("密码输入错误,请重新输入!");
                    return false;
                }
                return ture;
            }
        }
    
    
    
    
    }
    

    声明:案例中的图片素材来源网络,侵删。

    代码文件需要的自取::https://pan.baidu.com/s/1xGvBVjnJNWxsdoUziujz0g 提取码:162k

    展开全文

空空如也

空空如也

1 2 3 4 5 ... 19
收藏数 378
精华内容 151
关键字:

css网页设计作业