精华内容
下载资源
问答
  • web前端网页设计作品
    万次阅读 多人点赞
    2021-10-21 15:10:53

    目录

    网页实现截图:

    主要源码展示:

     获取完整源码:


    网页实现截图:

    动漫官网主页: 

    游戏动漫页面展示:

    招贤纳士:

    联系我们:

    关于公司:

    主要源码展示:

    游戏动漫主页.html

    <head>
    
        <title>游戏动漫官网-首页</title>
        
    </head>
    
    <body>
       
                        <li class="active"><a href="index.html">首页</a></li>
                        <li><a href="worksShow.html">作品展示</a></li>
                        <li><a href="recruit.html">招贤纳士</a></li>
                        <li><a href="contract.html">联系我们</a></li>
                        <li><a href="about.html">关于公司</a></li>
                        <li class="lang"><a class="active">中</a>|<a href="en_index.html">EN</a></li>
                    </ul>
                </div>
                <!-- /.navbar-collapse -->
            </div>
            <!-- /.container-fluid -->
        </nav>
        <!-- Swiper -->
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide" style="background-image:url(img/banner.png)"></div>
                <div class="swiper-slide" style="background-image:url(img/banner.png)"></div>
                <div class="swiper-slide" style="background-image:url(img/banner.png)"></div>
                <div class="swiper-slide" style="background-image:url(img/banner.png)"></div>
                <div class="swiper-slide" style="background-image:url(img/banner.png)"></div>
            </div>
            <!-- Add Pagination -->
            <div class="swiper-pagination swiper-pagination-white"></div>
            <!-- Add Arrows -->
            <div class="swiper-button-next swiper-button-white"></div>
            <div class="swiper-button-prev swiper-button-white"></div>
        </div>
        <!--多图轮播-->
        <div class="lunbo">
            <div class="title wow bounceInUp">我们参与的项目</div>
            <div class="picScroll">
                <ul>
                    <li>
                        <a target="_blank" href="###">
    								<img _src="img/lunbo1.png" src="img/lunbo1.png" />
    								<div class="img-text">大型海战战场“潜龙之渊”上线,全民开战!</div>
    							</a>
                    </li>
                    <li>
                        <a target="_blank" href="###">
    								<img _src="img/lunbo2.png" src="img/lunbo2.png" />
    								<div class="img-text">天刀嘲天宫《一人之战》视频首发 同名专辑上架QQ音乐</div>
    							</a>
                    </li>
                    <li>
                        <a target="_blank" href="###"><img _src="img/lunbo3.png" src="img/lunbo3.png" />
    								<div class="img-text">懒人攻略 如何刷完一周胜负令</div>
    							</a>
                    </li>
                    <li>
                        <a target="_blank" href="###"><img _src="img/lunbo4.png" src="img/lunbo4.png" />
    								<div class="img-text">《王者荣耀》魔性H5上线,五军对决等你来战</div>
    							</a>
                    </li>
                    <li>
                        <a target="_blank" href="###"><img _src="img/lunbo5.png" src="img/lunbo5.png" />
    								<div class="img-text">超高期待!玩家Coser作品获《绝地求生 全军出击》官方点赞</div>
    							</a>
                    </li>
                    <li>
                        <a target="_blank" href="###"><img _src="img/lunbo6.png" src="img/lunbo6.png" />
    								<div class="img-text">揭幕战RNGvsIG LPL春季赛1月15日正式开赛</div>
    							</a>
                    </li>
                </ul>
                <a class="prev" href="javascript:void(0)"></a>
                <a class="next" href="javascript:void(0)"></a>
            </div>
            <a href="###">
                <div class="more">更多作品</div>
            </a>
        </div>
        <!--关于我们-->
        <div class="aboutUs">
            <div class="wrap">
                <div class="title wow bounceInUp">关于我们</div>
                <div class="text wow slideInDown">
                    <span class="ccf0f32">广州袁动动漫设计有限公司(YD ART),致力于CG美术概念设计及三维影视游戏视觉开发制作</span>
                    <span>其团队现由创办人袁杰联合著名CG艺术家肖壮悦以及XRCGTEAM(<a href="http://www.xrcgteam.com">http://www.xrcgteam.com</a>)成员和各游戏、影视、动漫业内资深艺术家所组成,</span>
                    <span>为国内外众多项目提供优质概念设计、原画设定、美宣插画、次世代3D、GUI、动作特效等外包服务。</span>
                    <span>曾参与《星际争霸》《上古卷轴》《英雄联盟》《战神》《三国无双》《梦幻西游》《LOC》《鬼吹灯》《长城》等国内外大型游戏影视项目视觉美术开发制作</span>
                </div>
                <
                    <ul>
                        <li>
                            <a href="###">角色原画设计</a>
                            <a href="###">场景原画设计</a>
                            <a href="###">UI设计</a>
                        </li>
                        <li>
                            <a href="###">肖像绘制</a>
                            <a href="###">道具绘制</a>
                            <a href="###">图标绘制</a>
                        </li>
                        <li>
                            <a href="###">美宣</a>
                            <a href="###">卡牌绘制</a>
                            <a href="###">2D场景整合</a>
                        </li>
                        <li>
                            <a href="###">3DMAX角色模型</a>
                            <a href="###">3DMAX场景模型</a>
                            <a href="###">次世代模型、贴图</a>
                        </li>
                        <li>
                            <a href="###">3DMAX动画</a>
                            <a href="###">3DMAX特效</a>
                            <a href="###">3转2绘制</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!--footer-->
        
    
        <style>
            .copyrights {
                text-indent: -9999px;
                height: 0;
                line-height: 0;
                font-size: 0;
                overflow: hidden;
            }
        </style>
       

     主页css

    .navbar-default .navbar-nav>.active>a,
    .navbar-default .navbar-nav>.active>a:focus,
    .navbar-default .navbar-nav>.active>a:hover {
        color: #cf0f32;
        background: none;
    }
    
    .navbar-default .navbar-nav>li>a:hover {
        color: #cf0f32;
    }
    
    .navbar-nav>li>a {
        line-height: 80px;
    }
    
    .navbar-default .navbar-nav>li>a {
        color: #000;
    }
    
    .nav>li>a {
        padding: 10px 12px;
        display: inline-block;
    }
    
    .navbar-default .navbar-nav>li.lang {
        margin-left: 20px;
    }

    javascript实现图片轮播:

    //多图轮播
        jQuery(".picScroll").slide({
            mainCell: "ul",
            effect: "leftLoop",
            vis: 6,
            scroll: 1,
            autoPage: true,
            switchLoad: "_src",
            autoPlay: true
        });
    
        //banner轮播
        var swiper = new Swiper('.swiper-container', {
            spaceBetween: 30,
            //	      effect: 'fade',
            loop: true,
            pagination: {
                el: '.swiper-pagination',
                clickable: true,
            },
            navigation: {
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev',
            },
        });
    

    作品来自于网络收集、侵权立删 

     获取完整源码:

    看到这里了就 [点赞+好评+收藏] 三连 支持下吧,

    以上内容技术相关问题可以相互学习,可在  👇🏻👇🏻👇🏻获取更多源码 👇🏻👇🏻👇🏻 !

    更多相关内容
  • 本资源就可以为你解决你所面临的这些问题,原始HTML+CSS+JS页面设计, web大学生网页设计作业源码,这是一个不错的网页制作资源合集,画面精美,非常适合初学者学习使用。 多套(HTML+CSS+JS)网页设计的学生期末大...
  • web前端设计与开发期末作品/期末大作业,共有8个静态页面,主题是中华传统美食之旅,图片非常精美且诱人噢。
  • 一份网页案例供学习者参考,提供提供源代码,学习者可以依据自己的知识对代码进行修改/删减/增加. 网页的结构与分解 主要分以下几个版块: 一:主页版块 二:登录版块 三:注册板块 四:个人设置板块 五:分享...
  • Web前端期末大作业

    2020-12-17 08:53:32
    大学生网页设计大作业-以下5个网页设计制作作品自己任选: 1.网页制作基础大二dw作业 2.web网页大作业 3.大学生期末网页大作业-6页面的网页设计,是个人主页类型。包含了6个页面,包含视频、脚本等元素。水平不高,...
  • web前端课程设计.zip

    2020-05-31 16:46:26
    适用于大学网页设计课,非专业选修课,课程设计(大作业)。仅使用了CSS和HTML语言,结构简单,仅用于应付作业
  • HTML5期末大作业:个人博客网站设计——个人博客(6页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码 常见网页设计作业题材有 个人、 美食、 公司、 学校、 旅游...

    HTML5期末大作业:个人博客网站设计——个人博客(6页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码

    常见网页设计作业题材有 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他 等网页设计题目, A+水平作业, 可满足大学生网页大作业网页设计需求, 喜欢的可以下载!

    作品介绍

    1.网页作品简介 :HTML期末大学生网页设计作业 A+水平 ,喜欢的可以下载,文章页支持手机PC响应式布局。

    2.网页作品编辑:作品下载后可使用任意HTML编辑软件(如:DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm、 Notepad++ 等任意HTML软件编辑修改网页)。

    3.网页作品技术:Div+CSS、鼠标滑过特效、Table、导航栏效果、banner、表单、二级三级页面等,视频、 音频元素 、Flash,同时设计了logo(源文件),基本期末作业所需的知识点全覆盖。

    一、作品展示

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

    二、文件目录

    在这里插入图片描述

    三、代码实现

    <!doctype html>
    <html>
    <head>
    <meta charset="GB2312">
    
    <title>Resume</title>
    <link href="css/style.css" rel="stylesheet"></head>
    
    
    <body>
    
    
    
    <center>
    <table width="1024" border="0" class="main"  cellspacing="0" cellpadding="0" >
      <tr>
    <td height="50" colspan="3" bgcolor="#BB9485">
     <table width="1000" border="0" align="center" cellspacing="0" class="nav">
         
          <tr> 
    
            <td width="520" height="50"></td>
            <td width="80"  class="active"><a href="index-2.html">个人主页</a></td>
            <td width="80" ><a href="resume.html">个人简介</a></td>
            <td width="80" ><a href="work.html">我的作品</a></td>
            <td width="80"><a href="hobbies.html">我的爱好</a></td>
            <td width="80"><a href="journal.html">个人日志</a></td>
            <td width="80" ><a href="links.html">友情链接</a></td>
          </tr>
        </table>
    </td>
      </tr>
      <tr>
        <td height="481" colspan="3" background="images/1.jpg">
    </td> 
      </tr>
      <tr>
        <td rowspan="2" height="295" width="280"  background="images/1.png"></td>
        <td colspan="2" width="729" height="30" background="images/2.png" ></td>
      </tr>
     <tr>
         <td colspan="2" width="729" height="250" background="images/3.png" >
    <center><h2>年轻没有失败</h2></center>
    <p>&nbsp;&nbsp;&nbsp;&nbsp;成功的道路充满了荆棘和坎坷,没有人能随随便便成功,成功的路上又是漆黑的,孤独的,只要你心中有一盏灯永远亮<br/>着,再带上你的的勇气大胆去闯,走到最后谁才是胜利者! </p>   
    </td>
      </tr>
      <tr>
        <td  bgcolor="#BB9485" colspan="3"  height="40" >
       <center><font color="white">版权所有:四川师范大学艺术设计 李璐杨</font></center>
    </td> 
      </tr>
    </table>
    </center>
    </body>
    </html>
    
    
    
    
    

    四、学习资料

    web前端 零基础-入门到高级 (视频+源码+开发软件+学习资料+面试题) 一整套 (教程)
    适合入门到高级的童鞋们入手~送1000套HTML+CSS+JavaScript模板网站
    在这里插入图片描述


    五、​​​​​​​ 👇🏻👇🏻👇🏻更多源码👇🏻👇🏻👇🏻

    展开全文
  • Web前端设计 苏州园林网页 网站首页、景点一览、留言反馈页(基于HTML5表单)实现响应式分布,增加互动效果,外部CSS样式
  • 原生(HTML+CSS+JS),网页作品代码简单,可使用任意HTML编辑软件(如:`Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad++` 等任意html编辑软件进行运行及修改编辑等操作) HTML5期末考核大作业...
  • 原生(HTML+CSS+JS),网页作品代码简单,可使用任意HTML编辑软件(如:`Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad++` 等任意html编辑软件进行运行及修改编辑等操作) HTML5期末考核大作业...
  • 原生(HTML+CSS+JS),网页作品代码简单,可使用任意HTML编辑软件(如:`Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad++` 等任意html编辑软件进行运行及修改编辑等操作) HTML5期末考核大作业...
  • 原生(HTML+CSS+JS),网页作品代码简单,可使用任意HTML编辑软件(如:`Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad++` 等任意html编辑软件进行运行及修改编辑等操作) HTML5期末考核大作业...
  • 原生(HTML+CSS+JS),网页作品代码简单,可使用任意HTML编辑软件(如:`Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad++` 等任意html编辑软件进行运行及修改编辑等操作) HTML5期末考核大作业...
  • HTML5期末大作业:旅行网站设计——开心网旅游(11页) web前端期末大作业 html+css+javascript网页设计实例 常见网页设计作业题材有 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、...

    HTML5期末大作业:旅行网站设计——开心网旅游(11页) web前端期末大作业 html+css+javascript网页设计实例

    常见网页设计作业题材有 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他 等网页设计题目, A+水平作业, 可满足大学生网页大作业网页设计需求, 喜欢的可以下载!

    作品介绍

    1.网页作品简介 :HTML期末大学生网页设计作业 A+水平 ,喜欢的可以下载,文章页支持手机PC响应式布局。

    2.网页作品编辑:作品下载后可使用任意HTML编辑软件(如:DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm、 Notepad++ 等任意HTML软件编辑修改网页)。

    3.网页作品技术:Div+CSS、鼠标滑过特效、Table、导航栏效果、banner、表单、二级三级页面等,视频、 音频元素 、Flash,同时设计了logo(源文件),基本期末作业所需的知识点全覆盖。

    一、作品展示

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

    二、文件目录

    在这里插入图片描述

    三、代码实现

    
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" style="overflow: auto; overflow-x:hidden;">
    
    <head>
        <title>开心旅游网</title>
        <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
        <link rel="stylesheet" type="text/css" href="css/screen.css" />
        <script src="js/jquery.min.js"></script>
        <script src="js/jquery.flexslider-min.js"></script>
        <script type="text/javascript">
            $(window).load(function() {
                $('.flexslider').flexslider();
            });
        </script>
        <link rel="stylesheet" href="css/lrtk.css" type="text/css" media="screen" />
    </head>
    
    <body>
        <div class="wrapper">
            <div class="top">
                <div class="top_link"><a href="#">设为首页</a> | <a href="#" class="link2">加入收藏</a></div>
            </div>
            <!--end of top-->
            <div class="nav">
                <ul>
                    <li><a href="index.html">网站首页</a></li>
                    <li><a href="lvyouwh.html">南京旅游</a></li>
                    <li><a href="njms.html">南京美食</a></li>
                    <li><a href="jingdian.html">苏州旅游</a></li>
                    <li><a href="meishi.html">苏州美食</a></li>
                    <li><a href="fengjing.html">昆明旅游</a></li>
                    <li><a href="kmms.html">昆明美食</a></li>
                </ul>
            </div>
            <!--end of nav-->
            <div id="banner">
                <div class="flexslider">
                    <ul class="slides">
                        <li><a href="#"> <img src="image/ad1.jpg"  width="1010" /></a> </li>
                        <li><a href="#"> <img src="image/ad2.jpg"  width="1010" /></a> </li>
                        <li><a href="#"> <img src="image/ad3.jpg"  width="1010" /></a> </li>
                        <li><a href="#"> <img src="image/ad4.jpg"  width="1010" /></a> </li>
                        <li><a href="#"> <img src="image/ad5.jpg"  width="1010" /></a> </li>
                        <li><a href="#"> <img src="image/ad6.jpg"  width="1010" /></a> </li>
                    </ul>
                </div>
            </div>
            <!--end of banner-->
            <div class="content">
                <div class="sidebar">
                    <div class="pro_box">
                        <div class="jj_cp2">
                            <h3>旅游景点</h3>
                        </div>
                        <ul class="pro_list">
                            <li><a href="jingdian_1.html">金鸡湖</a></li>
                            <li><a href="jingdian_2.html">拙政园</a></li>
                            <li><a href="jingdian_3.html">周庄</a></li>
                            <li><a href="jingdian_4.html">同里古镇</a></li>
                        </ul>
                    </div>
                    <!--end of pro_box-->
    
                    <div class="pro_box">
                        <div class="jj_cp2">
                            <h3>特色美食</h3>
                        </div>
                        <ul class="pro_list">
                            <li><a href="meishi_1.html">太湖梅鲚</a></li>
                            <li><a href="meishi_2.html">太湖白虾</a></li>
                            <li><a href="meishi_3.html">采芝斋糖果</a></li>
                            <li><a href="meishi_4.html">松鼠桂鱼</a></li>
                        </ul>
                    </div>
                    <!--end of pro_box-->
                </div>
                <!--end of sidebar-->
                <div class="main_con">
                    <div class="chanp_box">
                        <div class="jj_cp">
                            <h3>旅游景点</h3>
                        </div>
                        <div class="show_box">
                            <div class="show_panel">
                                <ul id="show_list">
                                    <li> <a href="#"><img alt="" src="image/j1.jpg" width="164" height="168" /><span>景点展示</span></a> <a href="#"><img alt="" src="image/j2.jpg" width="164" height="168" /><span>景点展示</span></a> <a href="#"><img alt="" src="image/j3.jpg" width="164" height="168" /><span>景点展示</span></a>                                    <a href="#"><img alt="" src="image/j4.jpg" width="164" height="168" /><span>景点展示</span></a> </li>
                                </ul>
                            </div>
                        </div>
                        <!--end of show_box-->
                    </div>
                    <!--end of chanp_box-->
                    <div class="chanp_box">
                        <div class="jj_cp">
                            <h3>特色美食</h3>
                        </div>
                        <div class="show_box">
                            <div class="show_panel">
                                <ul id="show_list">
                                    <li> <a href="#"><img alt="" src="image/m1.jpg" width="164" height="168" /><span>特色美食</span></a> <a href="#"><img alt="" src="image/m2.jpg" width="164" height="168" /><span>特色美食</span></a> <a href="#"><img alt="" src="image/m3.jpg" width="164" height="168" /><span>特色美食</span></a>                                    <a href="#"><img alt="" src="image/m5.jpg" width="164" height="168" /><span>特色美食</span></a> </li>
                                </ul>
                            </div>
                        </div>
                        <!--end of show_box-->
                    </div>
                    <!--end of chanp_box-->
                    <div class="jj_box">
                        <div class="jj_cp">
                            <h3>开心旅游网南概况</h3>
    
                        </div>
                        <div class="jj_cloumn"> <a href="#"><img alt="" src="image/1.jpg" width="237" height="166"/></a>
                            <div class="jj_txt">
                                <p>开心旅游网主要介绍南京,苏州河昆明的旅游景点和特色美食。带您领略旅游的无限开心一刻。</p>
                                <p>苏州,古称吴,简称苏,又称姑苏、平江等,中国华东地区特大城市之一,位于江苏省东南部、长江以南、太湖东岸、长江三角洲中部,是江苏省省辖市。</p>
                                <p>苏州历史悠久,是国家首批24个历史文化名城之一。苏州有文字记载的历史已逾四千年,是吴文化的发祥地和集大成者,历史上长期是江南地区的政治经济文化中心,苏州是天下四聚之一,苏州城始建于公元前514年,历史学家顾颉刚先生经过考证,认为苏州城为中国现存最古老的城市。</p>
                                <p>南京文化古迹遍布,从中可以探寻历史的源头:中山陵依山而建,结构严整,观之而生一股浩然之气;夫子庙建筑群古色古香,漫步其间,让你体味明清时代的市井繁荣;中华门气势宏伟,设计巧妙,置身城内,壁垒森然,耳边似有战马嘶鸣;此外还有灵谷寺、石象路、三国东吴所筑石头城遗址、明代朱元璋的陵墓(明孝陵)以及革命纪念地雨花台等,引人遐思无限。</p>
                                <p>昆明,别称"春城",是云南省会,云南省唯一的特大城市和西南地区第三大城市(仅次于成都、重庆),是云南省政治、经济、文化、科技、交通中心,西部地区重要的中心城市和旅游、商贸城市,亦是中国面向东南亚、南亚、东盟开放的重要枢纽城市。</p>
                            </div>
                            <!--end of jj_txt-->
                        </div>
                        <!--end of jj_cloumn-->
                    </div>
                    <!--end of jj_box-->
                </div>
                <!--end of mian_con-->
            </div>
            <!--end of content-->
        </div>
        <!--end of wrapper-->
        <div class="foot">
            <div class="copyright">
                <p>版权所有&copy;开心旅游网</p>
                <p><a href="http://mail.qq.com/">联系我们</a><a href="http://www.baidu.com/" target="_blank"> 友情链接</a></p>
            </div>
            <!--end of copyright-->
        </div>
        <!--end of foot-->
    </body>
    
    </html>
    
    

    五、学习资料

    web前端 零基础-入门到高级 (视频+源码+开发软件+学习资料+面试题) 一整套 (教程)
    适合入门到高级的童鞋们入手~送1000套HTML+CSS+JavaScript模板网站
    在这里插入图片描述


    六、更多源码

    HTML5期末考核大作业源码* 包含 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他 可满足大学生网页大作业网页设计需求, 喜欢的可以下载!
    在这里插入图片描述

    展开全文
  • 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他 等网页设计题目, A+水平作业, 可满足大学生网页大作业网页设计需求, 喜欢的可以下载! 文章目录HTML5+CSS大作业——明星杨洋(7页)一、作品展示二、文件目录三、代码

    HTML5+CSS大作业——明星杨洋(7页)

    常见网页设计作业题材有 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他 等网页设计题目, A+水平作业, 可满足大学生网页大作业网页设计需求, 喜欢的可以下载!

    一、作品展示

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

    二、文件目录

    在这里插入图片描述

    三、代码实现

    
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" style="overflow:auto;overflow-x:hidden;">
    <head>
    <title>明星--杨洋</title>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
    <link rel="stylesheet" type="text/css" href="css/lrtk.css" />
    <link rel="stylesheet" type="text/css" href="css/css.css" />
    <script type="text/javascript" src="js/pptBox.js"></script>
    </head>
    <body>
    
    <div class="clear"></div>
    <!--end of head-->
    <div class="nav">
      <ul>
        <li><a href="index.html">首页 </a></li>
        <li><a href="jibenxinxi.html">基本信息</a></li>
        <li><a href="yanyijingli.html">演艺经历</a></li>
        <li><a href="zhuyaozuopin.html">主要作品</a></li>
        <li><a href="shehuihuodong.html">社会活动</a></li>
        <li><a href="huojiangjilu.html">获奖记录</a></li>
        <li><a href="renwupingjia.html">人物评价</a></li>
      </ul>
    </div>
    <!--end of nav-->
    <div class="clear"></div>
    <div class="main">
      <div class="clear"></div>
      <div class="banner">
        <div id="xxx"  > 
          <script>
         var box =new PPTBox();
         box.width = 980; //宽度
         box.height =515;//高度
         box.autoplayer = 3;//自动播放间隔时间
    
         //box.add({"url":"图片地址","title":"悬浮标题","href":"链接地址"})
         box.add({"url":"images/q1.jpg","href":"#","title":"z赵丽颖1"})
         box.add({"url":"images/q2.jpg","href":"#","title":"赵丽颖2"})
         box.add({"url":"images/q3.jpg","href":"#","title":"赵丽颖3"})
         box.add({"url":"images/q4.jpg","href":"#","title":"赵丽颖4"})
         box.add({"url":"images/q5.jpg","href":"#","title":"赵丽颖5"})
         box.show();
        </script> 
        </div>
      </div>
      <!-----------end banner------------>
      <h2>人物简介</h2>
      <h2></h2>
      <p><br />
        <br />
        杨洋 <br />
      杨洋,1991年9月9日出生于上海,籍贯安徽合肥,毕业于中国人民解放军艺术学院2003级舞蹈系,中国内地影视男演员。2007年,因在李少红版《红楼梦》中饰演少年贾宝玉而踏入影视圈。2010年,他凭借该剧获得BQ红人榜年度最佳新人奖。2011年,杨洋参演个人首部电影《建党伟业》。2015年,因主演青春电影《左耳》和冒险剧《盗墓笔记》而获得更多关注;同年,其主演的青春励志剧《旋风少女》取得全国同时段电 ... &gt;&gt;&gt;</p>
    <p></p>
      <p></p>
      <h2>人物照片浏览</h2>
      <div class="main_list">
        <ul>
          <li><a href="#"><img src="images/q1.jpg" /></a></li>
          <li><a href="#"><img src="images/q2.jpg" /></a></li>
          <li><a href="#"><img src="images/q3.jpg" /></a></li>
          <li><a href="#"><img src="images/q4.jpg" /></a></li>
          <li><a href="#"><img src="images/q5.jpg" /></a></li>
          <li><a href="#"><img src="images/q6.jpg" /></a></li>
          <li><a href="#"><img src="images/q7.jpg" /></a></li>
          <li><a href="#"><img src="images/q8.jpg" /></a></li>
          <li><a href="#"><img src="images/q9.jpg" /></a></li>
          <li><a href="#"><img src="images/q10.jpg" /></a></li>
          <li><a href="#"><img src="images/q11.jpg" /></a></li>
          <li><a href="#"><img src="images/q12.jpg" /></a></li>
        </ul>
      </div>
      <div class="clear"></div>
    </div>
    <!--end of main-->
    
    <div class="clear"></div>
    <div class="foot">
      <p> 明星杨洋 版权所有</p>
    
    </div>
    <!--end of foot-->
    </body>
    </html>
    
    
    

    四、获取更多源码

    ~ 关注我,点赞博文~ 每天带你涨知识!
    相关问题可以相互学习,可关注↓公Z号 获取更多源码 !
    在这里插入图片描述

    五、学习资料

    web前端 零基础-入门到高级 (视频+源码+开发软件+学习资料+面试题) 一整套 (教程)
    适合入门到高级的童鞋们入手~送1000套HTML+CSS+JavaScript模板网站
    在这里插入图片描述


    六、更多源码

    PC电脑端关注我们

    HTML5期末考核大作业源码* 包含 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他 可满足大学生网页大作业网页设计需求, 喜欢的可以下载!
    在这里插入图片描述

    展开全文
  • 原生(HTML+CSS+JS),网页作品代码简单,可使用任意HTML编辑软件(如:`Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad++` 等任意html编辑软件进行运行及修改编辑等操作) HTML5期末考核大作业...
  • 原生(HTML+CSS+JS),网页作品代码简单,可使用任意HTML编辑软件(如:`Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad++` 等任意html编辑软件进行运行及修改编辑等操作) HTML5期末考核大作业...
  • 1.入门web前端设计,做一个美妆网站,里面包含四个子页和特效。 2.适合大专生交期末作品的时候借鉴和学习。 3.操作系统win10、win11,操作软件DW2021。
  • 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{ ...
  • 原生(HTML+CSS+JS),网页作品代码简单,可使用任意HTML编辑软件(如:`Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad++` 等任意html编辑软件进行运行及修改编辑等操作) HTML5期末考核大作业...
  • 原生(HTML+CSS+JS),网页作品代码简单,可使用任意HTML编辑软件(如:`Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad++` 等任意html编辑软件进行运行及修改编辑等操作) HTML5期末考核大作业...
  • 原生(HTML+CSS+JS),网页作品代码简单,可使用任意HTML编辑软件(如:`Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad++` 等任意html编辑软件进行运行及修改编辑等操作) HTML5期末考核大作业...
  • 乡、 鲜花、 礼品、 汽车、 其他 可满足大学生网页大作业网页设计作业需求, 喜欢的可以下载! 原生(HTML+CSS+JS),网页作品代码简单,可使用任意HTML编辑软件(如:`Dreamweaver、HBuilder、Vscode 、Sublime 、 ...
  • 原生(HTML+CSS+JS),网页作品代码简单,可使用任意HTML编辑软件(如:`Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad++` 等任意html编辑软件进行运行及修改编辑等操作) HTML5期末考核大作业...
  • HTML5期末大作业:旅游网站设计——响应式的出国旅游定制(17页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码 常见网页设计作业题材有 个人、 美食、 公司、 ...
  • 常见网页设计作业题材有 ​​个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 ...
  • 乡、 鲜花、 礼品、 汽车、 其他 可满足大学生网页大作业网页设计作业需求, 喜欢的可以下载! 原生(HTML+CSS+JS),网页作品代码简单,可使用任意HTML编辑软件(如:`Dreamweaver、HBuilder、Vscode 、Sublime 、 ...
  • 原生(HTML+CSS+JS),网页作品代码简单,可使用任意HTML编辑软件(如:`Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad++` 等任意html编辑软件进行运行及修改编辑等操作) HTML5期末考核大作业...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 16,059
精华内容 6,423
关键字:

web前端网页设计作品

友情链接: putty.rar