HTML+CSS+JS——动漫风二次元论坛(2页) HTML5网页设计成品_学生DW静态网页
HTML5期末大作业:动漫网站设计——动漫风二次元论坛(2页) HTML5网页设计成品_学生DW静态网页设计。文章目录
[*]HTML5期末大作业:动漫网站设计——动漫风二次元论坛(2页) HTML5网页设计成品_学生DW静态网页设计。
[*]一、作品展示
[*]二、文件目录
[*]三、代码实现
[*]四、学习资料
一、作品展示
https://img-blog.csdnimg.cn/01348229f3f9435f8d0c9c58638244ba.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBAd2Vi6aKG5Z-f5LyY6LSo5Yib5L2c6ICFLee9kemhteiuvuiuoQ==,size_20,color_FFFFFF,t_70,g_se,x_16#pic_center
https://img-blog.csdnimg.cn/809e06e5c564422196a9577a21596c29.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBAd2Vi6aKG5Z-f5LyY6LSo5Yib5L2c6ICFLee9kemhteiuvuiuoQ==,size_20,color_FFFFFF,t_70,g_se,x_16#pic_center
https://img-blog.csdnimg.cn/c59313b8ed4a4f0fba20a1e17a6dc939.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBAd2Vi6aKG5Z-f5LyY6LSo5Yib5L2c6ICFLee9kemhteiuvuiuoQ==,size_20,color_FFFFFF,t_70,g_se,x_16#pic_center
https://img-blog.csdnimg.cn/9118119e94be4605b63e782ca3456260.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBAd2Vi6aKG5Z-f5LyY6LSo5Yib5L2c6ICFLee9kemhteiuvuiuoQ==,size_20,color_FFFFFF,t_70,g_se,x_16#pic_center
二、文件目录
https://img-blog.csdnimg.cn/721d0c5636224ec2864e777d015de1eb.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBAd2Vi6aKG5Z-f5LyY6LSo5Yib5L2c6ICFLee9kemhteiuvuiuoQ==,size_11,color_FFFFFF,t_70,g_se,x_16
三、代码实现
<!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>
页:
[1]