Este tutorial le muestra cómo cambiar los títulos del menú en HTML. Debido a la estructura común de ficheros se puede utilizar este tutorial para los siguientes tipos de plantillas: Plantilla de sitio completo (versión estática), Plantilla con animación Flash o Swish (versión estática), Plantilla Flash o Swish (versión estática), Plantilla CSS, Plantilla del sitio completo estático, Plantilla del paquete completo (versión estática), Plantilla Flash dinámico o Swish (versión estática), Plantilla XML Flash (versión estática).
En primer lugar hay que abrir el directorio de plantilla. Abra la carpeta site. En esta carpeta se puede encontrar varios ficheros HTML: index, index-1, index-2 etc. Cada fichero de índice es una página de su plantilla. Estos ficheros pueden ser modificados en el editor de HTML (Notepad, Adobe Dreamweaver, etc.).
Abra cualquier fichero de índice en el editor de HTML. Usted puede utilizar la herramienta (CTRL+F) (Buscar y reemplazar) y buscar los títulos de botónes o simplemente buscar lo que necesita en el código. Normalmente los menús HTML son creados utilizando la estructura de lista desordenada (etiquetas <ul> y <li>).
<ul id="menu"> <li class="active"><a href="index.html">Page 1</a></li> <li><a href="index-1.html">Page 2</a></li> <li><a href="index-2.html">Page 3</a></li> <li><a href="index-3.html">Page 4</a></li> <li><a href="index-4.html">services</a> <div class="submenu_1"> <ul class="menu_box"> <li><a href="index-4.html">Lum molestie</a></li> <li><a href="index-4.html">Aenean nonummy</a></li> <li><a href="index-4.html">Hendrerit mauris</a> <div class="submenu_2"> <ul class="menu_box"> <li><a href="index-4.html">Aenean nonummy</a></li> <li><a href="index-4.html">Fusce suscipit</a></li> <li><a href="index-4.html">Cum sociis</a></li> </ul> </div> </li> <li><a href="index-4.html">Phasellus porta</a></li> <li><a href="index-4.html">Fusce suscipit</a></li> </ul> </div> </li> <li><a href="index-5.html">Our Team</a></li> <li><a href="index-6.html">partners</a></li> <li class="last"><a href="index-7.html">Contact us</a></li> </ul>
Para cambiar el título hay que reemplazar el texto entre las etiquetas <a…> y </a>. Por ejemplo, para cambiar Home (Inicio) por Page -1 (Página -1):
<li class="active"><a href="index.html">Home</a></li>
por
<li class="active"><a href="index.html">Page 1</a></li>
Tenga en cuenta que para cambiar los titulos del menú en cada página hay que realizar los cambios en todos los ficheros de índice.
Siéntase libre de mirar el video tutorial abajo:
¿Cómo cambiar los títulos de menú en HTML?