When you publish or even test an Adobe Animate project it automatically creates the html file, javascript file and even images folder necessary to upload the project live to the web. To create the showcase website all you need to do it add the code below into the html file that Animate creates.
Add to the <head> area:
<style>
.mainBox{
width: 80%;
margin-right: auto;
margin-left: auto;
}
</style>
Add this to the <body> area of your page:
<div class=”mainBox”>
<h1>Title of Project</h1>
<h2>Insert Full Name Here</h2>
<h3>Description of Project</h3>
</div>
You can also add the class=”mainBox” attribute to the div that Animate automatically creates to hold your canvas animation.
