Aplicando lo que se ha enseñado aca, encontré una dificultad en crear una MenuBar Horizontal con SPRY dentro de un marco en DW CS4; probé marco lateral y con uno superior, en ambos casos, no se puede editar el contenido de la barra: ni los menus, ni los sub menu, en cuanto a crearlos o modificar sus links, por ejemplo.
Solicito su ayuda por favor .
La idea es mantener un encabezado fijo (marco superior) con imagenes y la barra de navegación (MenuBar SPRY, con el fin de desplegar las paginas del sitio en el mainframe; hasta aca, no logro ver como
INSERTO los códigos en las diferentes etapas de la creación de la página:
Código de la Página en Blanco
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>SAINT GEORGE SCHOOL</title>
</head>
<body>
</body>
</html>
Código de la Página sin Marco, Solo con Menubar (Aun se puede editar MenuBar)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>SAINT GEORGE SCHOOL</title>
<script src="file:///C|/Users/RASHID/AppData/Roaming/Adobe/Dreamweaver CS4/es_ES/Configuration/Temp/Assets/eam539F.tmp/SpryMenuBar.js" type="text/javascript"></script>
<link href="file:///C|/Users/RASHID/AppData/Roaming/Adobe/Dreamweaver CS4/es_ES/Configuration/Temp/Assets/eam539F.tmp/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
</head>
<body>
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a class="MenuBarItemSubmenu" href="#">Elemento 1</a>
<ul>
<li><a href="#">Elemento 1.1</a></li>
<li><a href="#">Elemento 1.2</a></li>
<li><a href="#">Elemento 1.3</a></li>
</ul>
</li>
<li><a href="#">Elemento 2</a></li>
<li><a class="MenuBarItemSubmenu" href="#">Elemento 3</a>
<ul>
<li><a class="MenuBarItemSubmenu" href="#">Elemento 3.1</a>
<ul>
<li><a href="#">Elemento 3.1.1</a></li>
<li><a href="#">Elemento 3.1.2</a></li>
</ul>
</li>
<li><a href="#">Elemento 3.2</a></li>
<li><a href="#">Elemento 3.3</a></li>
</ul>
</li>
<li><a href="#">Elemento 4</a></li>
</ul>
<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script>
</body>
</html>
Código con MARCO Superior y MenuBar (NO es posible editar MenuBar)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>SAINT GEORGE SCHOOL</title>
<script src="file:///C|/Users/RASHID/AppData/Roaming/Adobe/Dreamweaver CS4/es_ES/Configuration/Temp/Assets/eam539F.tmp/SpryMenuBar.js" type="text/javascript"></script>
<link href="file:///C|/Users/RASHID/AppData/Roaming/Adobe/Dreamweaver CS4/es_ES/Configuration/Temp/Assets/eam539F.tmp/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
</head>
<body>
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a class="MenuBarItemSubmenu" href="#">Elemento 1</a>
<ul>
<li><a href="#">Elemento 1.1</a></li>
<li><a href="#">Elemento 1.2</a></li>
<li><a href="#">Elemento 1.3</a></li>
</ul>
</li>
<li><a href="#">Elemento 2</a></li>
<li><a class="MenuBarItemSubmenu" href="#">Elemento 3</a>
<ul>
<li><a class="MenuBarItemSubmenu" href="#">Elemento 3.1</a>
<ul>
<li><a href="#">Elemento 3.1.1</a></li>
<li><a href="#">Elemento 3.1.2</a></li>
</ul>
</li>
<li><a href="#">Elemento 3.2</a></li>
<li><a href="#">Elemento 3.3</a></li>
</ul>
</li>
<li><a href="#">Elemento 4</a></li>
</ul>
<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script>
</body>
</html>