Anyone seen this ~relatively new wysiwyg editor – what a f**kin pile of trash!!!
From the Creators of InDesign – Adobe Muse | InDesignSecrets
Here is an example of the output:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<!-- BC_OBNW -->
<head>
<meta http-equiv="Content-type" content="text/html;charset=UTF-8" />
<title>Home</title>
<link href="/StyleSheets/ModuleStyleSheets.css" type="text/css" rel="StyleSheet" />
<script type="text/javascript">var jslang='EN';</script>
<link rel="stylesheet" type="text/css" href="css/site_global.css" />
<link rel="stylesheet" type="text/css" href="css/index.css" />
<link rel="stylesheet" type="text/css" href="css/ie_index.css" />
<script src="http://musecdn.businesscatalyst.com/scripts/0.9/jquery-1.4.4.min.js" type="text/javascript"></script>
<script>
window.jQuery || document.write('\\x3Cscript src="scripts/0.9/jquery-1.4.4.min.js" type="text/javascript">\\x3C/script>')
</script>
<script src="/scripts/0.9/SpryDOMUtils.js" type="text/javascript"></script>
<script src="/scripts/0.9/MuseUtils.js" type="text/javascript"></script>
<script src="/scripts/0.9/SpryDOMEffects.js" type="text/javascript"></script>
<script src="/scripts/0.9/SpryWidget.js" type="text/javascript"></script>
<script src="/scripts/0.9/SpryPanelSelector.js" type="text/javascript"></script>
<script src="/scripts/0.9/SpryPanelSet.js" type="text/javascript"></script>
<script src="/scripts/0.9/SpryFadingPanels.js" type="text/javascript"></script>
<script src="/scripts/0.9/SprySliderPanels.js" type="text/javascript"></script>
<script src="/scripts/0.9/SpryContentSlideShow.js" type="text/javascript"></script>
<script src="/scripts/0.9/jquery.museOverlay.js" type="text/javascript"></script>
<script src="/scripts/0.9/MusePluginSlideShow.js" type="text/javascript"></script>
<script type="text/javascript">
Muse.Utils.addSelectorFn('a.nonblock', Muse.Utils.addHyperlinkAnchor); /* a.nonblock*/
Muse.Utils.addSelectorFn('body', Muse.Utils.applyIEFilterToPNGImages);/* body*/
Muse.Utils.addSelectorFn('#n1', function(elem) { new Spry.Widget.ContentSlideShow(elem, {autoPlay:false,displayInterval:3000,slideLinkStopsSlideShow:false,transitionStyle:'sliding',plugIns:[Spry.Widget.ContentSlideShow.slideTransitionPlugin],lightboxEnabled_runtime:true}); });/* #n1*/
Muse.Utils.addSelectorFn('#n1', function(elem) { jQuery(elem).removeClass('widget_invisible'); jQuery(elem).find('.widget_invisible').removeClass('widget_invisible'); });/* #n1*/
Muse.Utils.addSelectorFn('#n50', function(elem) { new Spry.Widget.ContentSlideShow(elem, {autoPlay:false,displayInterval:3000,slideLinkStopsSlideShow:false,transitionStyle:'sliding',plugIns:[Spry.Widget.ContentSlideShow.slideTransitionPlugin],lightboxEnabled_runtime:true}); });/* #n50*/
Muse.Utils.addSelectorFn('#n50', function(elem) { jQuery(elem).removeClass('widget_invisible'); jQuery(elem).find('.widget_invisible').removeClass('widget_invisible'); });/* #n50*/
</script>
<meta name="generator" content="0.8.653.78" />
<!-- CSS -->
<!-- JS includes -->
<!-- Other scripts -->
</head>
<body>
<!--[if gte IE 9]><!-->
<div id="page"><!-- group -->
<div class="SlideShowWidget widget_invisible grpelem" id="n1"><!-- group -->
<div class="popup_anchor">
<div class="SlideShowContentPanel" id="n2"><!-- stack box -->
<div class="SSSlide grpelem" id="n3"><!-- image -->
<img id="n3_img" src="/image/leaves.jpg" alt="" width="400" height="266" />
</div>
<div class="SSSlide grpelem" id="n5"><!-- image -->
<img id="n5_img" src="image/index_n5.jpg" alt="" width="400" height="302" />
</div>
<div class="SSSlide grpelem" id="n7"><!-- image -->
<img id="n7_img" src="image/index_n7.jpg" alt="" width="400" height="302" />
</div>
<div class="SSSlide grpelem" id="n9"><!-- image -->
<img id="n9_img" src="/image/stockxpertcom_id27813381_jpg_73632783a7d03cbb6223b3f505226f69.jpg" alt="" width="302" height="302" />
</div>
<div class="wrap"></div>
</div>
</div>
<div class="popup_anchor">
<div class="SlideShowCaptionPanel" id="n11"><!-- stack box -->
<div class="SSSlideCaption grpelem" id="n12"><!-- content -->
<p id="n14">[Insert Caption Here]</p>
<div class="wrap"></div>
</div>
<div class="SSSlideCaption grpelem" id="n16"><!-- content -->
<p id="n18">[Insert Caption Here]</p>
<div class="wrap"></div>
</div>
<div class="SSSlideCaption grpelem" id="n20"><!-- content -->
<p id="n22">[Insert Caption Here]</p>
<div class="wrap"></div>
</div>
<div class="SSSlideCaption grpelem" id="n24"><!-- content -->
<p id="n26">[Insert Caption Here]</p>
<div class="wrap"></div>
</div>
<div class="wrap"></div>
</div>
</div>
<div class="popup_anchor">
<div class="SSPreviousButton" id="n28"><!-- content -->
<p id="n30">Previous</p>
<div class="wrap"></div>
</div>
</div>
<div class="popup_anchor">
<div class="SSNextButton" id="n32"><!-- content -->
<p id="n34">Next</p>
<div class="wrap"></div>
</div>
</div>
<div class="popup_anchor">
<div class="SSSlideLinks" id="n36"><!-- horizontal-rows box -->
<div class="SSSlideLink grpelem" id="n37"><!-- image -->
<img id="n37_img" src="image/index_n37.jpg" alt="" width="59" height="42" />
</div>
<div class="SSSlideLink grpelem" id="n39"><!-- image -->
<img id="n39_img" src="image/index_n39.jpg" alt="" width="59" height="42" />
</div>
<div class="SSSlideLink grpelem" id="n41"><!-- image -->
<img id="n41_img" src="image/index_n41.jpg" alt="" width="59" height="42" />
</div>
<div class="SSSlideLink grpelem" id="n43"><!-- image -->
<img id="n43_img" src="image/index_n43.jpg" alt="" width="59" height="42" />
</div>
<div class="wrap"></div>
</div>
</div>
<div class="wrap"></div>
</div>
<div class="grpelem" id="n45"><!-- content -->
<p id="n47">My First Website</p>
<div class="wrap"></div>
</div>
<div class="wrap"></div>
</div>
<!--<![endif]-->
<!--[if lt IE 9]>
<div id="iepage">
<div class="SlideShowWidget widget_invisible grpelem" id="n50">
<div class="popup_anchor">
<div class="SlideShowContentPanel" id="n51">
<div class="_n51 f9s_mid_left">
<div class="_n51 f9s_mid_right">
<div class="_n51 f9s_center">
<div class="SSSlide grpelem" id="n52">
<img id="n52_img" src="/image/leaves.jpg" alt="" width="400" height="266"/>
</div>
<div class="SSSlide grpelem" id="n54">
<img id="n54_img" src="image/index_n54.jpg" alt="" width="400" height="302"/>
</div>
<div class="SSSlide grpelem" id="n56">
<img id="n56_img" src="image/index_n56.jpg" alt="" width="400" height="302"/>
</div>
<div class="SSSlide grpelem" id="n58">
<img id="n58_img" src="/image/stockxpertcom_id27813381_jpg_73632783a7d03cbb6223b3f505226f69.jpg" alt="" width="302" height="302"/>
</div>
<div class="wrap"></div>
</div>
</div>
</div>
</div>
</div>
<div class="popup_anchor">
<div class="SlideShowCaptionPanel" id="n60">
<div class="SSSlideCaption grpelem" id="n61">
<p id="n63">[Insert Caption Here]</p>
<div class="wrap"></div>
</div>
<div class="SSSlideCaption grpelem" id="n65">
<p id="n67">[Insert Caption Here]</p>
<div class="wrap"></div>
</div>
<div class="SSSlideCaption grpelem" id="n69">
<p id="n71">[Insert Caption Here]</p>
<div class="wrap"></div>
</div>
<div class="SSSlideCaption grpelem" id="n73">
<p id="n75">[Insert Caption Here]</p>
<div class="wrap"></div>
</div>
<div class="wrap"></div>
</div>
</div>
<div class="popup_anchor">
<div class="SSPreviousButton" id="n77">
<p id="n79">Previous</p>
<div class="wrap"></div>
</div>
</div>
<div class="popup_anchor">
<div class="SSNextButton" id="n81">
<p id="n83">Next</p>
<div class="wrap"></div>
</div>
</div>
<div class="popup_anchor">
<div class="SSSlideLinks" id="n85">
<div class="SSSlideLink grpelem" id="n86">
<img id="n86_img" src="image/index_n86.jpg" alt="" width="59" height="42"/>
</div>
<div class="SSSlideLink grpelem" id="n88">
<img id="n88_img" src="image/index_n88.jpg" alt="" width="59" height="42"/>
</div>
<div class="SSSlideLink grpelem" id="n90">
<img id="n90_img" src="image/index_n90.jpg" alt="" width="59" height="42"/>
</div>
<div class="SSSlideLink grpelem" id="n92">
<img id="n92_img" src="image/index_n92.jpg" alt="" width="59" height="42"/>
</div>
<div class="wrap"></div>
</div>
</div>
<div class="wrap"></div>
</div>
<div class="grpelem" id="n94">
<p id="n96">My First Website</p>
<div class="wrap"></div>
</div>
<div class="wrap"></div>
</div>
<![endif]-->
</body>
</html>
A screen shot of the site created is below.