Patrick first of all you are mentioning something about attached files, but there isn't anything attached. And as far as I know one can't attach files to forum posts. If I'm wrong, anybody, please correct me. However - these files aren't necessary for me to see, I can perfectly imagine the issues at hand without them. Let me approach your problems in a layered manner, first closest to you and your web design style and then moving a little beyond to alternative practices. Looking at your site I guess the easiest solution is this: Create in Animate CC a HTML/Canvas document containing both, the Fade-In-Header and the Toolbar-navigation, and insert the HTML into an iFrame which you install in your <div class="Toolbar"> section. Let's say the output HTML-file would be called fade_in_toolbar.html, the whole basic construction would look close like this: <div class="Toolbar"> <iframe id="yourchoice" src="anysubfolder/fade_in_toolbar.html" style="border-style:none; width:1200px; height:328px"></iframe> </div> Please make sure that the stage-size of your Animate CC document is the same (or a little less) as the measurement of the iFrame (i suggest 1200x320px stage size, this is the same as both of your original Flash movies added together). This way you don't have to worry about two seperate entities to integrate. Also note that the links you'll have to script in the toolbar-section of your Animate/HTML/Canvas document for i.e. Past Events must go like this: this.past_events_btn.addEventListener("click", fl_MouseClickHandler.bind(this)); function fl_MouseClickHandler() { window.parent.location.href = "Past_Events.html"; } If you want to know more about iFrames then study this <iframe>: The Inline Frame element | MDN . How this all is managed in Dreamweaver, well you have to help yourself. I remember there's a window where you can directly edit the HTML-code (including hand-coding CSS and Javascript). I haven't used DW in ages. Okay, that's that. Let us take a few steps back and look at your issue from a farther distance. Sorry to say so, but your web development style is a little out-of-date. Still having Flash-navigations now is really vintage style. However - trying to replace this build-concept one to one with HTML5/Canvas remains retrospect. Don't take it too personally, design-wise you can do whatever you fancy - there's freedom. But it seems that you got stuck in a concept/style from around 15 years ago. Some further points here are. you are using tables to layout your content, instead look into css float rules or flexbox or css grid your website isn't responsive for the multitude of today's viewports (like smart phones), look into css media queries and responsive web design Your doctype <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> is in the HTML5 age commonly superseded by simply <!DOCTYPE html>. you are using quite a number of extraordinary font-families in CSS like Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif - , instead many designers nowadays apply online hosted web fonts to make sure the typography looks like intended. Look into i.e. Google Fonts or Adobe Fonts (the latter if you have a Creative Cloud Subscription). as a last point and then I stop moaning : Your choice of background gradients and patterns - it makes parts of your contents hard to decipher, particularly the links in your toolbar. All that swooping gold and green, well if you and your clients like it, okay, but have you heard of flat web design to make the user experience easy and accessible? Okay, okay. This is how the site looks on my smart phone. If you apply my iFrame suggestion from above then at least the header and navbar will be visible and work. Now coming back a little closer to the original issue from Flash to HTML/Canvas, I give you a few more suggestions to techniques and manuals which could be helpful in changing your way of making this kind of stuff. You know, Animate and HTML/Canvas is great for animations, rich media presentations, games and the like. But for navbars and page headers it's not really the first call. If you want and when you have time, look into these alternatives: - CSS filters, CSS filter property - CSS transitions - Using CSS animations - Using transitions when highlighting menus - to swap css classes to achieve rollover effects with Javascript (HTML DOM classList Property) - to use jQuery Effects - to go even further with jQuery Effects, look into jQuery UI - or animate your document elements with GSAP - and of course for everything in a canvas, bigger and gamier, it's AnimateCC So, here I let it be, Klaus
... View more