高清动漫视频-新动漫岛网站制作历程

---

前言

一、网站诞生原因？

 　　大家好，第一次写博客，心里不免有些激动澎湃。每个人总会有属于自己梦想的蓝图，人生总有那么一两次为梦想而艰苦奋斗的历程，我也不例外。
 　　作为一个IT直男和漫粉，在工作之余不免喜欢看那些动漫电影，热门动漫来放松一下心情，已是我便在各大网站搜索我想要的动漫，但是发现现在网上的动漫网站很多功能不太好用，比如我想搜某个演员的主演动漫，当我不免有些失落之余，我突然心中一亮！我本生就是搞技术的，为什么不自己弄个动漫网站呢？于是我便鼓起干劲开始了我的制作动漫网站的新旅程！
 　　首先是网站的命名，一个好的网站名字能够给人眼前一亮的感觉，为了起好名字我想了整整一天！当我走在街上看到路边放着某某岛房地产的广告时，我脑海突然灵光一闪，岛不就是包含丰富物种的世界含义吗，如果加个新字那就是意味着一个全新世界。于是网站的名字新动漫岛便孕育而生！
 　　 新动漫岛网址：新动漫岛，或者在浏览器输入http://www.xdmdao.com。

二、网站介绍

1.大体概述

新动漫岛整站布局使用了div+css原生态样式，通过css来实现移动端和pc端页面自适应，使用nginx来进行代码转发和静态资源的调用，大大减轻了服务器的访问压力，新动漫岛可以提供最新最热门的动漫视频和电影在线观看，这无疑是广大动漫爱好者的一大福音。

2.网站首页

首页大体分为上中下三大块，首页banner主要包含了动漫大全、动漫声优、动漫专题几个导航菜单，中间部分分为大图展示、著名动漫声优及作品列表、新番周预告。下面部分主要包含了国产动漫推荐列表和排行榜、日本动漫推荐列表和排行榜、欧美动漫推荐列表和排行榜、益智动漫推荐列表和排行榜、搞笑动漫推荐列表和排行榜、和动漫专题。
pc端首页效果图

移动端首页展示效果图

3.动漫大全

该页面提供根据动漫类型、地区、年份等条件进行刷选找到自己想要的动漫视频。
pc端页面效果，页面采用滚动页面进行ajax异步加载数据。

移动端页面效果，其中移动端页面使用了swiper-3.4.0.jquery.min.js插件实现条件滑动选择，并采用滚动页面进行ajax异步加载数据。

4.动漫声优

该页面提供根据地区、性别、名字首字母等条件进行刷选找到自己想要的动漫声优。
pc端页面效果，页面采用滚动页面进行ajax异步加载数据。

移动端页面效果，该页面同样使用了swiper-3.4.0.jquery.min.js插件实现条件滑动选择，页面采用滚动页面进行ajax异步加载数据。

尾篇（还没完）

今天给大家分享到这里了，网站剩余部分等下次再分享给大家，大家喜欢看动漫的话记得收藏新动漫岛或者直接访问 http://www.xdmdao.com哦。