精华内容
下载资源
问答
  • 简单网页制作代码

    2015-02-03 22:13:07
    简单网页制作,对于刚从事开发的人,可以作为参考。
  • web前端网页模板.zip

    2019-06-10 16:31:59
    web前端网页模板,很好用的web前端js模板,有登录页面,权限管理页面
  • web期末网页制作作业

    2020-11-20 01:32:41
    学生web网页设计技术(html+css+javascript)进行网站开发,含源代码网页所用的图片及视频。仅供参考。
  • 美食餐饮网站网页html模板
  • Web网页设计代码

    万次阅读 多人点赞 2020-02-09 12:13:59
    代码分享: https://pan.baidu.com/s/1xf4AQlfM8e6Nvw2oXUdbrA 提取码:ap1v
    展开全文
  • Web网页动画

    2017-07-02 19:01:12
    里面包括三个网页,四五个动画,素材是网站上找的。
  • Java Web 新闻网页制作源代码

    热门讨论 2012-10-10 20:13:22
    Java Web 新闻网页制作源代码,自己做的网页
  • web前端常用代码

    2015-07-07 21:38:03
    常用代码 eg.滚动() onmouseover=stop() scrollAmount=2> </marquee>
  • 清华大学出版社《基于Web标准的网页设计与制作》源代码和素材 唐四薪编著
  • 简单web设计

    2019-01-18 10:30:08
    登录注册验证,普通页面框架,适合初学者小白,主要是关于美食方面的小网站
  • 一个简单的html代码,可以用txt或者DW打开,就是很基础的一些含表格,主题可替换
  • web网页滑块验证代码

    2019-03-26 17:54:50
    基于js+css+html写出来的一个简单的滑块验证码网页。比较好玩!
  • web 简易计算器

    2016-12-27 21:33:01
    简易计算器
  • 介绍https://blog.csdn.net/weixin_51263734/article/details/113806502
  • 静态页面,课程设计,总共有5个页面,用到了JavaScript。
  • javascript+html+css实现简单的告白网页代码,免责声明是一个朋友分享给我的。
  • web网页前端模板

    2018-06-30 17:02:08
    H+4.1最新完整无压缩源码。。。。
  • 关于动态网页的源文件,也是下别人的,搭建共享
  • 自己做的最简单网页,有登录、注册、信息维护、密码找回、查看个人信息等功能,含加密与解密。数据库的创建为 Create table userinfo( Username varchar primary key, Pwd varchar, Gender varchar, Email varchar...
  • 五个简单网页
  • 一个简单网页设计

    2018-12-19 10:39:49
    一个简单网页设计,看到好多学生都在淘宝,京东花钱购买,希望诸君下载后借鉴即可,不用照搬
  • 我的第一个静态网页代码关于软件工程师在线报名的静态网页
  • Apache2.2+MySQL+php5开发环境,简单易懂,代码原理超级明了,适合初学者借鉴和应用。
  • 简单web界面

    2019-04-11 22:21:46
    就是一个超简单web界面只是来试试的 空连接、线条、字形、字体之类的
  • 分享思维,改变世界. web网页制作,期末大作业. 所用技术:html css javascript 分享所学所得 欢迎下载,里面资料很全面,d大家可以学习使用!
  • HTML课程设计(模拟京东网页 购物网站)主要功能DIV 网页框架设计 链接
  • web实验2 制作简单网页(HTML+CSS)

    万次阅读 多人点赞 2020-08-20 19:45:55
    web实验2 制作简单网页(HTML+CSS) 一、实验目的 1.掌握文本样式的设置。 2.掌握图像样式的设置。 3.掌握各种媒体的插入方法。 二、实验内容 采用DIV+CSS,制作“在线电影”页面。 三、操作提示 1.新建网站的...

    web实验2 制作简单网页(HTML+CSS)

    一、实验目的
    1.掌握文本样式的设置。
    2.掌握图像样式的设置。
    3.掌握各种媒体的插入方法。
    二、实验内容
    采用DIV+CSS,制作“在线电影”页面。

    在这里插入图片描述

    三、操作提示
    1.新建网站的文件夹,网站图像素材保存在images文件夹中,媒体文件放在flash文件中。
    2.新建index.html页面,要求:
     页面字体大小为14px,文本颜色为#000;
     页面背景颜色为#edb8d2;
     上下左右距均为0。
    3.利用div布局,宽度为900px,居中对齐。
    4.利用无序列表制作导航栏,背景颜色为 #e2697a,列表项创建一个空链接,鼠标放在超链接的文本时,字体颜色黄色,有下划线。

    a:link {color: #FF0000} /* 未访问的链接 /
    a:visited {color: #00FF00} /
    已访问的链接 /
    a:hover {color: #FF00FF} /
    当有鼠标悬停在链接上 /
    a:active {color: #0000FF} /
    被选择的链接 */
    注意:四个选择器根据需要设置。
    5.“您现在的位置:爱狗网>>宠物视频>>《流浪狗之家》预告片”内容,背景颜色为#f4ccd1,高度为30px,对“爱狗网”和“宠物视频”设置空链接。
    6.“下面请欣赏《流浪狗之家》预告片”对齐方式为“居中对齐”,背景颜色为#FFeaf3,高度为25px,行高为25px。
    7.插入素材中的“radio.flv”文件。提示:由于视频的格式,此处不能简单的使用embed标签,可以使用HTML5标签video,具体如下,若该标签不能被浏览器识别,则显示your browser does not support the video tag.

    8.“流浪狗之家 影盟评分 8 .8”,背景图像4.jpg,不重复,右对齐,背景颜色为#FFeaf3。
    在这里插入图片描述

    注意:该标题与视频顶部对齐。
    9.完成下面的效果

    注意:
     :前的字体加粗;
     字体14px,行距为18px,
     首行缩进16px,外边距上、下、左、右都为5px等。
    10.“留言板”、“友情链接”、“诚邀加盟”、“问题反馈”等内容建立空链接。背景颜色为#e2697a,水平对齐为“居中对齐”,文本垂直也居中。

    最后,浏览页面效果为
    在这里插入图片描述

    其它页面设置请自行修改完成。

    HTML代码部分

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" cocntent="width=device-width, initial-scale=1.0">
        <title>在线电影</title>
        <link rel="stylesheet" href="style.css">
        <style type="text/css">
        </style>
    </head>
    <body>
        <div id="every">
    
            <div id="top">
                <img src="images/top.jpg" alt="可爱的小狗">
            </div>
    
    
            <div id="middle">
                <div class="nav1">
                    <ul>
                        <li><a href="">狗狗饲养</a></li>
                        <li><a href="">生育繁殖</a></li>
                        <li><a href="">犬病预防</a></li>
                        <li><a href="">名医诊断</a></li>
                        <li><a href="">医疗百科</a></li>
                        <li><a href="">世界名狗</a></li>
                        <li><a href="">宠物乐园</a></li>
                        <li><a href="">宠物视频</a></li>
                        <li><a href="">医疗百科</a></li>
                        <li><a href="">买狗技巧</a></li>
                        <li><a href="">狗狗比赛</a></li>
                        <li><a href="">狗民俱乐部</a></li>
                        <li><a href="">联系我们</a></li>
                    </ul>
                </div>
    
    
                <div class="nav2">
                    <p style="font-size: 13px; margin-left: 30px;">您现在的位置:&nbsp;&nbsp; <a href="#" style="width: 42px;">爱狗网</a>>>&nbsp;&nbsp;<a href="#" style="width: 55px;">宠物视频&nbsp;&nbsp;</a>>>&nbsp;&nbsp;<span>《流浪之家》预告片</span></p>
                </div>
            </div>
    
    
            <p style="text-align: center; background-color: rgba(255, 234, 238, 0.973); height: 25px; line-height: 25px;">下面请欣赏《流浪狗之家》预告片</p>
            <div id="content">
    
                
               <div id="aigouzhijia">
                    <video width="450px" height="280px" style="vertical-align: text-top;" controls autoplay><source src="flash/radio.flv"></source>your browser does not support the vidio tag</video> 
               </div>
    
    
               <div id="review">
                    <h3>流浪狗之家 影盟评分 8.8</h3>
                    <p class="text" >评分: &nbsp;
                        <img src="images/01.gif" alt="">
                        <img src="images/01.gif" alt="">
                        <img src="images/01.gif" alt="">
                        <img src="images/02.gif" alt="">
                        <img src="images/02.gif" alt="">
                    </p>
    
    
                    <p class="text"><span>别名:</span> &nbsp;狗狗旅馆,狗旅馆  </p></td></tr>
                    <p class="text"><span>导演:</span> &nbsp;Thor Freudenthal  </p></td></tr>
                    <p class="text"><span>主演:</span> &nbsp;艾玛.罗伯茨、杰克.T.奥斯汀、莉莎.库卓 </p></td></tr>
                    <p class="text"><span>地区:</span> &nbsp;美国 </p></td></tr>
                    <p class="text"><span>片长:</span> &nbsp;7 秒 </p></td></tr>
                    <p class="text"><span>公司:</span> &nbsp;United International Pictures (UIP)  </p></td></tr>
                    <p class="text"><span>语言:</span> &nbsp;英语  </p></td></tr>
                    <p class="text"><span>类型:</span> &nbsp;喜剧  </p></td></tr>
                    <p class="text"><span>剧情: </span>&nbsp;阴黑的夜晚,两个矮小的身影在穷街陋巷 </p></td></tr>
                    <p style="text-align: right;"><a href="#" >【具体介绍】</a></p>
               </div>
            </div>
            <div id="footer">
                <p>
                    <a href="#" style="font-size: 14px;">留言板</a>
                    |<a href="#" style="font-size: 14px;">友情链接</a>
                    |<a href="#" style="font-size: 14px;">诚邀加盟</a>
                    |<a href="#" style="font-size: 14px;">问题反馈</a>
                    |<a style="color: black; font-size: 14px; text-decoration: none;">爱狗网版权所有</a>
                </p>
    
    
                
                <div class="ICP">
                    <a href="#" style="font-size: 15px; color: black"> 沪ICP备09047xxx号</a>
                </div>
            </div>
        </div>
    </body>
    </html> 
    
    
    

    CSS部分

    * {
        margin: 0px;
    }
    
    body {
        background-color: #edb8d2;
    }
    
    #every {
        margin: 0px auto;
        width: 900px;
        height: 900px;
    }
    
    #top {
        width: 900px;
        height: 246px;
    }
    
    #middle {
        width: 900px;
        height: 70px;
    }
    
    #content {
        width: 900px;
        height: 325px;
        background-color: #FFeaf3;
    }
    
    
    
    .nav1 {
        width: 900px;
        height: 40px;
        background-color:  #FF1E70;
    }
    
    .nav2 {
        width: 900px;
        height: 30px;
        background-color: #f4ccd1;
        line-height: 30px;
    }
    
    #aigouzhijia {
        width: 450px;
        height: 300px;
        float: left;
    }
    
    #review {
        width: 450px;
        height: 300px;
        float: left;
    }
    
    
    ul {
        list-style-type: none;
        float: left;
    }
    
    li {
        width: 65px;
        height: 40px;
        line-height: 40px;
        float: left;
    }
    
    a {
        font-size: 12px;
        text-decoration: none;
        display: inline-block;
    }
    
    a:link {color: blue}   
    a:visited {color: blue}  
    a:hover {color: yellow; text-decoration: underline;}   
    a:active {color: #0000FF} 
    
    h3 {
        font-weight: 400;
        margin-left: 8px;
        height: 40px;
        line-height: 40px;
        padding-right: 200px;
        background-image: url("images/04.gif");
        background-size: 450px 40px;
        background-repeat: no-repeat;
    }
    
    .text {
        margin-left: 30px;
        width: 450px;
        height: 26px;
        font-size: 14px;
    
        
    }
    
    .text span{
        font-weight: bolder;
    }
    
    #footer {
        width: 900px;
        height: 60px;
        background-color: #e2697a;
        text-align: center;
       
    }
    .ICP {
        width: 200px;
        padding-left: 20px;
        line-height: 15px;
        height: 20px;
        margin: auto;
        margin-top: 5px;
        
    }
    
    

    在这里插入图片描述

    展开全文
  • web网页制作期末大作业

    千次下载 2015-11-17 14:31:55
    分享思维,改变世界. web网页制作,期末大作业. 所用技术:html css javascript 分享所学所得
  • WEB前端开发简易网页制作

    万次阅读 多人点赞 2020-04-04 12:54:27
    效果 ...网页代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css"> body{ ...

    效果

    在这里插入图片描述
    在这里插入图片描述

    代码如下:

    • 网页代码
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <style type="text/css">
            body{
                margin: 1%;
                min-height: 700px;
            }
            header{
                height: 180px;
                margin: 1%;
                font-family: 黑体;
                color: whitesmoke;
                font-size: 90px;
                text-align: center;
                border-radius: 10px 10px 10px 10px;
                border-color: whitesmoke;
                border-style: groove;
                line-height: 180px;
                overflow: hidden;
            }
            nav{
                color: whitesmoke;
                border-radius: 10px 10px 10px 10px;
                margin: 1%;
                width: 20%;
                height: 500px;
                display: block;
                float: left;
                scroll-margin: 0;
                border-color: whitesmoke;
                border-style: ridge;
            }
            .menu{
                font-size: 40px;
                height: 80px;
                overflow: hidden;
                transition: 1s;
                text-align: left;
            }
            .menu:hover{
                text-align: left;
                height:330px
            }
            nav ul li{
                list-style: none;
                fontsize: 30px;
                line-height: 200%;
            }
            iframe{
                margin: 1%;
                border-style: ridge;
                display: block;
                color: whitesmoke;
                border-radius: 10px 10px 10px 10px;
                float: right;
                height: 500px;
                scroll-margin: 0;
                width: 75%;
            }
            a{
                text-decoration: none;
            }
            a:link{
                color: white;
            }
            a:visited{
                color: darkred;
            }
            a:hover{
                color: coral;
            }
            footer{
                width:95%;
                text-align: center;
                color: white;
                fontsize: 30px;
            }
        </style>
    </head>
    <body background="bg.jpg" style="background-repeat: no-repeat;background-size: 100% 100%; background-attachment: fixed">
    <header>
        EVE 星战前夜
    </header>
    <article>
        <nav>
            <ul>
                <li class="menu">游戏相关
                    <ul>
                        <li><a href="data.html" target="choose">游戏资料</a> </li>
                        <li><a href="activity.html" target="choose">游戏活动</a> </li>
                        <li><a href="shop.html" target="choose">游戏商城</a> </li>
                    </ul>
                </li>
                <hr style="width: 80%"/>
                <li class="menu">用户中心
                    <ul>
                        <li><a href="login.html" target="choose">用户登录</a></li>
                        <li><a href="personal.html" target="choose">个人中心</a></li>
                    </ul>
                </li>
            </ul>
        </nav>
        <iframe name="choose" id="choose">
        </iframe>
    </article>
    <footer>LXT版权所有 COPYRIGHT © 1998 - 2020 LXT. ALL RIGHTS RESERVED
    </footer>
    </body>
    </html>
    
    • 框架代码模板
    
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <style type="text/css">
        header{
            color: red;
            text-align: left;
            font-size: 40px;
            height: 60px;
            margin: 10px;
            line-height: 60px;
            overflow: hidden;
        }
        nav{
            min-height: 380px;
            display: block;
            float: top;
            margin: 10px;
        }
        p{
            color: white;
            font-size: 100px;
            text-align: center;
        }
        a{
            text-decoration: none;
        }
        a:link{
            color: white;
        }
        a:visited{
            color: darkred;
        }
        a:hover{
            color: coral;
        }
        </style>
    </head>
    <body>
    <header>
        <a href="1.html">资料1 |</a>
        <a href="2.html">资料2 |</a>
        <a href="3.html">资料3 |</a>
        <a href="4.html">资料4 |</a>
        <a href="5.html">资料5 |</a>
        <a href="6.html">资料6 |</a>
        <a href="7.html">资料7 |</a>
        <a href="8.html">资料8 </a>
    </header>
    <hr style="width: 100%"/>
    <article>
        <nav>
            <p>资料内容</p>
        </nav>
    </article>
    <footer>
        这是尾部
    </footer>
    </body>
    </html>
    
    展开全文
  • web网页设计 JavaScript 搜索框代码

    千次阅读 2019-12-13 16:34:21
    JavaScript实现搜索框样式的代码

    初学JavaScript,略微懂得一点毛皮,得出一点复习经验,在这里分享一下。

    <!DOCTYPE html>
    <html lang="en">
    <head>
    	<meta charset="UTF-8">
    	<title>搜索框</title>
    </head>
    <style>
    #i1{
    	color: grey;
    }
    </style>
    <body>
    	搜索<input type="text" value="请输入关键字" id="i1">
    </body>
    </html>
    <script>
    var ip = document.getElementById('i1');
    //添加事件,获得焦点,value不为“请输入关键字”则value变为空,输入文字为黑色字体
    ip.addEventListener("focus",function(){
    	if (ip.value=="请输入关键字") {
    	ip.value=""
    	ip.style.color="black"
    	}
    })
    // 添加事件,失去焦点时,value为空则回到默认状态
    ip.addEventListener("blur",function(){
    	if (ip.value=="") {
    	ip.style.color="grey"
    	ip.value="请输入关键字"
    	}
    })
    // 添加事件,如果value新输入的与默认的value相同。则再次变为默认样式。
    ip.addEventListener("change",function(){
    	if (ip.value=="请输入关键字") {
    	ip.style.color="grey"}
    })
    </script>
    
    展开全文

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 307,131
精华内容 122,852
关键字:

web简单网页代码