HTML5期末大作业：动漫网站设计——动漫风二次元论坛(2页) HTML5网页设计成品_学生DW静态网页设计。
文章目录
一、作品展示
二、文件目录
三、代码实现
- <!DOCTYPE html>
- <html xmlns="http://www.w3.org/1999/xhtml" lang="en">
- <head>
- <meta charset="utf-8" />
- <meta name="description" content="cmsmasters website template" />
- <meta name="keywords" content="html, css, template" />
- <link rel="shortcut icon" href="images/favicon.png" type="image/png" />
- <link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />
- <link rel="stylesheet" href="css/styles/prettyPhoto.css" type="text/css" media="screen" />
- <link id="gFontName" rel="stylesheet" href="http://fonts.googleapis.com/css?family=Cuprum:regular,italic,bold,bolditalic" type="text/css" />
-
- <title>萌站-黑夜主权-飘渺阁</title>
- </head>
- <body class="standard simple">
-
-
-
-
- <ul id="sliderMotion">
- <li data-thumb="images/slider/thumbs/img1.jpg" data-start="top left" data-finish="bottom right" data-zoom="out" data-animation="10">
- <img src="https://blog.csdn.net/images/slider/img1.jpg" alt="Banner Image 1" />
-
- <h2>这是萌站呢</h2>
- <p>萌站成立于 2016 年六一儿童节，目标是<建设国内最大的二次元资源站>，并在为此努力的路上。我们分享来自全球的动漫资源，无门槛下载资源给你最佳的体验。</p>
- <a target="_blank" target="_blank" href="http://1-yi.cn" class="button btn_1">点击进入萌站</a>
-
- </li>
- <li data-thumb="images/slider/thumbs/img2.jpg" data-start="bottom center" data-finish="center center" data-zoom="in" data-animation="15">
- <a class="video autostop hd" target="_blank" href="http://www.youtube.com/watch?v=-PAjEHhz2mw"><img src="https://blog.csdn.net/images/slider/img2.jpg" alt="Banner Image 2" />
-
- </li>
- <li data-thumb="images/slider/thumbs/img3.jpg" data-start="bottom right" data-finish="bottom left" data-zoom="out">
- <img src="https://blog.csdn.net/images/slider/img3.jpg" alt="Banner Image 3" />
-
-
- </li>
- <li data-thumb="images/slider/thumbs/img4.jpg" data-start="center center" data-finish="center center" data-zoom="in">
- <a class="video autostop hd" target="_blank" href="http://vimeo.com/19625497"><img src="https://blog.csdn.net/images/slider/img4.jpg" alt="Banner Image 4" /></a>
-
-
- </li>
- <li data-thumb="images/slider/thumbs/img5.jpg" data-start="center left" data-finish="top right" data-zoom="out" data-animation="15">
- <img src="https://blog.csdn.net/images/slider/img5.jpg" alt="Banner Image 5" />
-
- </li>
- </ul>
-
-
-
-
- <a class="logo" title="Pacifico" target="_blank" href="https://blog.csdn.net/index.html">
- <img alt="Pacifico" src="https://blog.csdn.net/images/logo.png" />
-
- <audio autoplay="autoplay"><source src="/mengzhan.mp3" type="audio/mpeg" /></audio>
- </a>
-
-
- <ul id="navigation">
- <br>
- <br>
- <li><a target="_blank" href="https://blog.csdn.net/about.html">关于about</a></li>
- <li><a target="_blank" href="http://1-yi.cn">进入萌站GO moe</a>
-
- </li>
- <li><a target="_blank" href="http://img.xiu.moe">萌图床pic moe</a>
-
- </li>
- <li><a target="_blank" href="http://blog.yoomeili.cn">博客blog</a>
-
- </li>
- <li><a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=1427460400&site=qq&menu=yes">联系笨站长love me</a></li>
- </ul>
-
-
-
- <a target="_blank" href="https://blog.csdn.net/#" class="header_arrow"> </a>
-
-
-
-
- </body>
- </html>
|
