当前位置:SEO优化教程网 > 网站建设 > 正文

成都培训网站建设移动端开发需求说明

2019-06-22 18:38:36 网站建设 培训网站 网站建设 移动端网站

成都培训网站移动端模板开发文档

成都培训网站建设移动端开发需求说明

一、代码规范问题

html5代码规范

所有页面采用div+css方式,尽可能少使用style=""

所有页面只能出现一次<h1>标签

所有页面导航采用<h2>标签

所有文章列表页标题使用<h3>标签

所有涉及到内容部分使用<p>标签

请正确使用这类标签

<head>、<header>、<nav>、<footer>、<strong>、<article>

<time datetime="2008-02-14">

<span>、<video>

二、共用模板说明

头部+底部通用

广告banner高度height: 240px; ——除详情页上面的一个banner高度为180px,其他的均为240px

课程列表页上下banner广告图数据通用,且独立调用广告

专题列表页上下banner广告图数据通用,且独立调用广告

课程详情页上下banner广告图数据通用,且独立调用广告

专题文章详情页上下banner广告图数据通用,且独立调用广告

三、首页模板开发和数据调用说明

1、左上角折叠导航,所有链接中加rel=”nofollow”

2、导航悬浮处理(悬浮部分下如图)

成都培训网站建设移动端开发需求说明

3、横向导航部分可触摸左右滑动,且左右按键符号可用(如上图)

4、banner图高度2/5屏,自动轮播5张图,5s每图,图片调用后台广告图

5、精品课程调用课程顶级栏目下的6条课程,按照后台《推荐》、《头条》等机制调用,未设置默认调用。

6、视频部分吧位置留着

7、精英学员,动态轮播,手指触动变为手指滑动,调用8个学员数据,按照后台《推荐》、《头条》等机制调用,未设置默认调用

8、学员作品:动用8条数据,可左右滑动,不轮播。按照后台《推荐》、《头条》等机制调用,未设置默认调用。

9、专题知识:

导航:调用《美妆专题》下的二级导航,不加链接,采用tab切换(点击切换下面列表),且导航可左右滑动,调用数量限制8个以内。(如下图)

列表:跟随上面导航数据,调用5条数据。

成都培训网站建设移动端开发需求说明

翻页:左侧二级导航跟随上面切换,且加上链接可点击进入当前栏目,右侧翻页按钮设置成当然栏目的第二页至第七页,更多按钮加当然栏目列表链接(如下图)

成都培训网站建设移动端开发需求说明

10、底部联系我们:加独立沟通链接,其他部分写死。

四:其他模板开发说明

1、除首页和课程列表页外,其他页面均增加《当然位置:面包屑导航》如下图:

成都培训网站建设移动端开发需求说明

2、所有涉及分页的列表页调用分页按钮3个+上一页、下一页、首页等(如下图)

成都培训网站建设移动端开发需求说明

3、所有涉及到有二级导航的列表页,二级导航均设计成可左右滑动效果,且连接和名称同步跟随。上面的英文字母固定不变(如下图)

成都培训网站建设移动端开发需求说明

五、特殊模板说明

1、课程详情页模板

成都培训网站建设移动端开发需求说明

版权保护: 本文由 -小冬SEO 原创,转载请保留链接: http://www.cdseoyh.cn/jianzhan/53.html

SEO顾问mister小冬
站长介绍:本人为90后的一代,专业从事搜索引擎关键词优化工作,喜欢学习专研各类SEO优化技巧,提供企业SEO诊断服务——【小冬SEO】
  • 54文章总数
  • 12735访问次数
  • 运营时间
  • 友情链接