Skip to content

Fix Typos and Add Alt Tags to Images #18

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 3 commits into
base: master
Choose a base branch
from
Open

Fix Typos and Add Alt Tags to Images #18

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
6719477
Fix typos
uuykay Oct 19, 2019
d336532
add alt tags to images
uuykay Oct 19, 2019
25acbc7
add alt tags
uuykay Oct 19, 2019
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
38 changes: 19 additions & 19 deletions cn/animation.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -31,12 +31,12 @@

<body>
<div style='margin:0 auto;width:0px;height:0px;overflow:hidden;'>
<img src="img/logo512.png" width='700'>
<img src="img/logo512.png" alt="DragonBones green dragon logo" width='700'>
</div>
<header class="headerDark">
<div class="container-fluid">
<h2 class="logo">
<img src="img/logo.png">
<img src="img/logo.png" alt="DragonBones logo">
</h2>
<div class="authentication">
<ul>
Expand Down Expand Up @@ -88,7 +88,7 @@ <h2 class="logo">
<div class="main mainHome">
<section>
<div class="videoSec">
<img style="visibility: visible; width: 100%; height: auto;" src="img/animtion/banner.png" />
<img style="visibility: visible; width: 100%; height: auto;" src="img/animtion/banner.png" alt="banner with laptop and creative assets" />
<div class="bgPattern"></div>
<div class="videoCon">
<div class="tableDisplay">
Expand All @@ -108,7 +108,7 @@ <h1>DragonBones 动画解决方案</h1>
<section class="one">
<div class="container">
<div class="oneimg1 col-md-6" style="text-align: -webkit-center;">
<img src="img/animtion/2.png" />
<img src="img/animtion/2.png" alt="avatar system"/>
</div>
<div class="col-md-6">
<div class="content">
Expand All @@ -121,15 +121,15 @@ <h3>轻松动态换装</h3>
</div>
</div>
<div class="col-md-6">
<img src="img/animtion/2.png" />
<img src="img/animtion/2.png" alt="avatar system"/>
</div>
</div>
</section>

<section class="two">
<div class="container">
<div class="col-md-6">
<img src="img/animtion/1.png" />
<img src="img/animtion/1.png" alt="robot warrior animation with modular art assets"/>
</div>
<div class="col-md-6">
<div class="content">
Expand Down Expand Up @@ -159,7 +159,7 @@ <h2>更多功能</h2>

<div class="col-xs-12 col-md-4 dbmoreItem">
<div class="texing1">
<img src="img/animtion/more/1.png">
<img src="img/animtion/more/1.png" alt="DragonBones tool showing pivot on bones">
<span class="gongneng-name">&nbsp;骨骼操作</span>
<div class="gongneng-span-name">
<span class="span-name2">为图片绑定骨骼制作动画，制作角色动作更方便，动作更逼真，动画更流畅。</span>
Expand All @@ -170,7 +170,7 @@ <h2>更多功能</h2>

<div class="col-xs-12 col-md-4 dbmoreItem">
<div class="texing1 center-block">
<img src="img/animtion/more/2.png">
<img src="img/animtion/more/2.png" alt="movie clip example">
<span class="gongneng-name">&nbsp;基本动画项目</span>
<div class="gongneng-span-name">
<span class="span-name2">
Expand All @@ -182,7 +182,7 @@ <h2>更多功能</h2>

<div class="col-xs-12 col-md-4 dbmoreItem">
<div class="texing1">
<img src="img/animtion/more/3.png">
<img src="img/animtion/more/3.png" alt="timeline for animation">
<span class="gongneng-name">&nbsp;时间轴</span>
<div class="gongneng-span-name">
<span class="span-name2">时间轴是动画制作的核心，这里可以宏观的调节各个元件动画的关键帧，调节播放速度、动画补间等细节。</span>
Expand All @@ -192,7 +192,7 @@ <h2>更多功能</h2>

<div class="col-xs-12 col-md-4 dbmoreItem">
<div class="texing1">
<img src="img/animtion/more/4.png">
<img src="img/animtion/more/4.png" alt="mesh and FFD example">
<span class="gongneng-name">&nbsp;网格和自由变形</span>
<div class="gongneng-span-name">
<span class="span-name2">在图片矩形边界内自定义多边形，提高纹理集的空间使用率。通过移动网格点来变形图片，实现网格的扭曲，拉伸，转面等伪3D效果。</span>
Expand All @@ -202,7 +202,7 @@ <h2>更多功能</h2>

<div class="col-xs-12 col-md-4 dbmoreItem">
<div class="texing1">
<img src="img/animtion/more/5.png">
<img src="img/animtion/more/5.png" alt="IK and Constraint">
<span class="gongneng-name">&nbsp;IK骨骼约束</span>
<div class="gongneng-span-name">
<span class="span-name2">在骨骼动画中可以通过反向动力学的方式为角色摆姿势，建立反向动力学约束，使得动作的编辑操控更方便，生成的动作更自然更逼真。</span>
Expand All @@ -212,7 +212,7 @@ <h2>更多功能</h2>

<div class="col-xs-12 col-md-4 dbmoreItem">
<div class="texing1">
<img src="img/animtion/more/6.png">
<img src="img/animtion/more/6.png" alt="Skinning Animation">
<span class="gongneng-name">&nbsp;骨骼权重和蒙皮动画</span>
<div class="gongneng-span-name">
<span class="span-name2">将网格中的点绑定骨骼权重，骨骼的运动带动网格变形，产生图片整体的弯曲，飘动等效果。</span>
Expand All @@ -222,7 +222,7 @@ <h2>更多功能</h2>

<div class="col-xs-12 col-md-4 dbmoreItem">
<div class="texing1">
<img src="img/animtion/more/7.png">
<img src="img/animtion/more/7.png" alt="Curve Editor">
<span class="gongneng-name">&nbsp;曲线编辑器</span>
<div class="gongneng-span-name">
<span class="span-name2">在曲线编辑器中可以通过调整贝塞尔曲线来控制两帧之间的差值，以实现栩栩如生的动画效果。</span>
Expand All @@ -232,7 +232,7 @@ <h2>更多功能</h2>

<div class="col-xs-12 col-md-4 dbmoreItem">
<div class="texing1">
<img src="img/animtion/more/8.png">
<img src="img/animtion/more/8.png" alt="Onion Skin">
<span class="gongneng-name">&nbsp;洋葱皮工具</span>
<div class="gongneng-span-name">
<span class="span-name2">使用洋葱皮功能可以同时看到前后若干帧的影图，方便更加精准的调节动画细节。</span>
Expand All @@ -242,7 +242,7 @@ <h2>更多功能</h2>

<div class="col-xs-12 col-md-4 dbmoreItem">
<div class="texing1">
<img src="img/animtion/more/9.png">
<img src="img/animtion/more/9.png" alt="Nested Animation Symbol">
<span class="gongneng-name">&nbsp;元件嵌套</span>
<div class="gongneng-span-name">
<span class="span-name2">项目中可以创建多个动画元件并进行任意的嵌套重用。</span>
Expand All @@ -253,7 +253,7 @@ <h2>更多功能</h2>

<div class="col-xs-12 col-md-4 dbmoreItem">
<div class="texing1">
<img src="img/animtion/more/10.png">
<img src="img/animtion/more/10.png" alt="Import Adobe PhotoShop images with layers">
<span class="gongneng-name">&nbsp;导入</span>
<div class="gongneng-span-name">
<span class="span-name2">可以导入PS生成的分层图、DragonBonesPro和FlashPro导出的龙骨数据格式、Spine和Cocos等第三方动画格式。</span>
Expand All @@ -263,7 +263,7 @@ <h2>更多功能</h2>

<div class="col-xs-12 col-md-4 dbmoreItem">
<div class="texing1">
<img src="img/animtion/more/11.png">
<img src="img/animtion/more/11.png" alt="Packaging and Export">
<span class="gongneng-name">&nbsp;导出和纹理集打包</span>
<div class="gongneng-span-name">
<span class="span-name2">支持纹理集打包和JSON、XML格式的动画数据导出。支持序列图导出和Egret的MovieClip格式的动画数据导出。</span>
Expand All @@ -275,7 +275,7 @@ <h2>更多功能</h2>

<div class="col-xs-12 col-md-4 dbmoreItem">
<div class="texing1">
<img src="img/animtion/more/12.png">
<img src="img/animtion/more/12.png" alt="Preview and Publish">
<span class="gongneng-name">&nbsp;预览和发布</span>
<div class="gongneng-span-name">
<span class="span-name2">在真实的运行环境预览动画效果，所见及所得。一键发布H5动画，无需编码控制，动画即可在终端设备运行。</span>
Expand Down Expand Up @@ -343,7 +343,7 @@ <h2>更多功能</h2>
<div class="col-md-12" style="margin: 30px 0 10px 0; font-size:16px; color: #c1c1c1; border-bottom: 1px solid #000;border-bottom: 1px solid #353535;line-height: 2">合作伙伴</div>
<div class="col-md-12">
<div class="footer1hzhb">
<img style="width: 100%;" src="img/hzhb/partners.jpg" />
<img style="width: 100%;" src="img/hzhb/partners.jpg" alt="DragonBones partners"/>
</div>
</div>

Expand Down
24 changes: 12 additions & 12 deletions cn/comic.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -31,12 +31,12 @@

<body>
<div style='margin:0 auto;width:0px;height:0px;overflow:hidden;'>
<img src="img/logo512.png" width='700'>
<img src="img/logo512.png" width='700' alt="DragonBones logo">
</div>
<header class="headerDark">
<div class="container-fluid">
<h2 class="logo">
<img src="img/logo.png">
<img src="img/logo.png" alt="DragonBones logo">
</h2>
<div class="authentication">
<ul>
Expand Down Expand Up @@ -88,7 +88,7 @@ <h2 class="logo">
<div class="main mainHome">
<section>
<div class="videoSec">
<img style="visibility: visible; width: 100%; height: auto;" src="img/manga/banner.png" />
<img style="visibility: visible; width: 100%; height: auto;" src="img/manga/banner.png" alt="DragonBones comic panel" />
<div class="bgPattern"></div>
<div class="videoCon" style="bottom: 240px;">
<div class="tableDisplay">
Expand All @@ -108,27 +108,27 @@ <h1>DragonBones 动漫解决方案</h1>
<h1>功能特性</h1>
<div class="col-md-6">
<div class="content">
<img class="mobileimg" src="img/manga/two.png" />
<img class="mobileimg" src="img/manga/two.png" alt="mobile viewing comic" />
<h1>动态漫画</h1>
<div class="des">
<p>更为生动形象的漫画展示，以及用户与动漫间的多感官交互。</p>
</div>
</div>
</div>
<div class="col-md-6">
<img class="pcimg" src="img/manga/two.png" />
<img class="pcimg" src="img/manga/two.png" alt="mobile viewing comic"/>
</div>
</div>
</section>

<section class="two">
<div class="container">
<div class="col-md-6">
<img class="pcimg" src="img/manga/one.png" />
<img class="pcimg" src="img/manga/one.png" alt="Rich Dynamic Effect"/>
</div>
<div class="col-md-6">
<div class="content">
<img class="mobileimg" src="img/manga/one.png" />
<img class="mobileimg" src="img/manga/one.png" alt="Rich Dynamic Effect"/>
<h1>丰富的动效</h1>
<div class="des">
<p>预设丰富的动画特效,为你的条漫创意之路提供充沛的灵感。</p>
Expand All @@ -141,23 +141,23 @@ <h1>丰富的动效</h1>
<div class="container">
<div class="col-md-6">
<div class="content">
<img class="mobileimg" src="img/manga/three.png" />
<img class="mobileimg" src="img/manga/three.png" alt="Preview anytime in editor. What you see is what you get. WYSIWYG."/>
<h1>所见即所得</h1>
<div class="des">
<p>在软件环境中提供真实的模拟动画效果预览，所见即所得。</p>
</div>
</div>
</div>
<div class="col-md-6">
<img class="pcimg" src="img/manga/three.png" />
<img class="pcimg" src="img/manga/three.png" alt="Preview anytime in editor. What you see is what you get. WYSIWYG."/>
</div>
</div>
</section>
<section class="four">
<div class="container">
<h1>成功案例</h1>
<div class="col-md-6" style="text-align: right;"><img src="img/manga/1.png" /></div>
<div class="col-md-6" style="text-align: left;"><img src="img/manga/2.jpg" /></div>
<div class="col-md-6" style="text-align: right;"><img src="img/manga/1.png" alt="showcase comic HA-LON comic"/></div>
<div class="col-md-6" style="text-align: left;"><img src="img/manga/2.jpg" alt="showcase comic"/></div>
</div>
</section>
<section class="footer1">
Expand Down Expand Up @@ -203,7 +203,7 @@ <h1>成功案例</h1>
<div class="col-md-12" style="margin: 30px 0 10px 0; font-size:16px; color: #c1c1c1; border-bottom: 1px solid #000;border-bottom: 1px solid #353535;line-height: 2">合作伙伴</div>
<div class="col-md-12">
<div class="footer1hzhb">
<img style="width: 100%;" src="img/hzhb/partners.jpg" />
<img style="width: 100%;" src="img/hzhb/partners.jpg" alt="DragonBones partners"/>
</div>
</div>

Expand Down
4 changes: 2 additions & 2 deletions en/animation.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="keywords" content="DragonBones,DragonBones Website,DragonBonesPro,DragonBonesPro Website,Egret,Spine Crack,Spine Free,Animation Editor,Free Animation Editor,Skeletal Animation,Skeletal Animation Editor,Free Skeletal Animation Editor,Game Animation Creation,Motion Comic Editor" />
<meta name="description" content="DragonBones is a 2D game animation and righ media content creative platform for designer. It provides 2D animation solution and motion comic solution. It contains a integrated creative tool DragonBones Pro, Flash Pro plugin for animation export and lots of runtime libraries for game engines and platforms. DragonBones start at October 2012, the first 2D skeletal animation solution all over the world. There are more than 50 thousand designers from over 50 countries are using DragonBones and create thousands of games in app stores.">
<meta name="description" content="DragonBones is a 2D game animation and rich media content creative platform for designer. It provides 2D animation solution and motion comic solution. It contains an integrated creative tool DragonBones Pro, Flash Pro plugin for animation export and lots of runtime libraries for game engines and platforms. DragonBones started on October 2012, the first 2D skeletal animation solution for all over the world. There are more than 50 thousand designers from over 50 countries using DragonBones and creating thousands of games in app stores.">
<link rel="icon" href="favicon.ico">
<title>DragonBones Animation Solution</title>
<link href="//cdn.bootcss.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">
Expand Down Expand Up @@ -96,7 +96,7 @@ <h2 class="logo">
<h1>DragonBones Animation Solution</h1>
<div class="des">
<p>Free 2D Skeletal Animation Solution</p>
<p>Connect Animation Creation and Game Programing Pipelines</p>
<p>Connect Animation Creation and Game Programming Pipelines</p>
<p>Reduce Art Cost and Produce More Vivid Animation</p>
</div>
</div>
Expand Down
Loading