Menú de inicio

Es el listado de opciones que el usuario encuentra en la pantalla de su computadora o celular para comenzar a trabajar.

El menú de inicio, al igual que la barra de tareas o la barra de herramientas, forma parte de la interfaz gráfica de algunos programas informáticos.

<!DOCTYPE html>
<html lang='es-es'>
<head>
  <meta charset='utf-8' />
  <meta name='viewport' content='width=device-width, initial-scale=1'>
  <meta http-equiv='x-ua-compatible' content='ie=edge'>
  <title>Galerias</title>
  <meta name='Author' content='M.C. Jose Evaristo Pacheco Velasco' /> 
  <meta name='copyright' content='© 2016 epacheco'>
  <meta name='date' content='Agosto 19, 2016' /> 

  <link href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css' rel='stylesheet'>
  <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" rel="stylesheet" /> 
</head>
<body>
<div class='container'>

    <nav class='navbar navbar-default navbar-fixed-top' role='navigation'>
	  <div class='container'>
        <div class='navbar-header'>

            <button type="button" class="navbar-toggle" 
                    data-toggle="collapse"
                    data-target=".navbar-ex1-collapse">
	        <span class='sr-only'>Toggle navigation</span>
	        <span class='icon-bar'></span>
	        <span class='icon-bar'></span>
	        <span class='icon-bar'></span>
	      </button>
	      <a class='navbar-brand' href='.'>
	        <img alt='Home' src='LogoITV.png' >
	      </a>
	    </div>
                    
	    <div class='collapse navbar-collapse navbar-ex1-collapse'>
	      <ul class='nav navbar-nav'>
   	        <li class='active'> <a href=''>Día 1</a></li>
  	        <li> <a href=''>Día 2</a></li>
  	        <li> <a href=''>Día 3</a></li>
  	        <li> <a href=''>Día 4</a></li>
  	        <li> <a href=''>Día 5</a></li>
	      </ul>
	      <ul class='nav navbar-nav navbar-right'>
	        <li class='dropdown'>
	          <a href='#' class='dropdown-toggle' data-toggle='dropdown'
 			     role='button' aria-expanded='false'>Nosotros<span class='caret'></span>
              </a>
	          <ul class='dropdown-menu' role='menu'>
	            <li><a class='cAbout' href=''>Acerca de</a></li>
	            <li><a class= 'cContacto' href=''>Contactanos</a></li>
	          </ul>
	        </li>
	      </ul>
        </div>
      </div>  
    </nav> 
</div>
 <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
 <script src='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js'></script>
</body>
</html>

Menú vertical

Un menú de navegación es una de las características destacadas de sitios web modernos y proporciona un medio para facilitar la navegación a través de sitios web. Además de un menú de navegación bien formado, se mejora también en gran medida la experiencia del usuario. Como ya hemos visto acerca de la creación de varios niveles menú desplegable horizontal de arranque, este ejemplo se presenta un menú desplegable vertical de multinivel en arranque.

Un menú Bootstrap de navegación vertical es una lista de elementos de menú o enlaces, apilados verticalmente. Se puede colocar en la parte izquierda o derecha de la página web. Además de la apariencia, que es muy similar al menú horizontal y se utiliza para proporcionar manera fácil de la navegación a través de nuestro sitio. Así mismo se puede añadir menús desplegables de varios niveles a este menú vertical.

Efecto Parallax

Sí, tiene un nombre sofisticado, pero el concepto es sencillo: Básicamente, la imagen o la textura que se encuentra como fondo de pantalla se desplaza más lento que el resto del sitio.

Vamos a pensarlo de la siguiente manera: Si los elementos que se encuentran más superficiales, como botones y menús, se mueven más rápido que aquellos que se encuentran en el fondo, se crea un efecto de profundidad en la pantalla, similar al 3D. También puedes combinarlo con otras técnicas para darle más vida a tu página web. Ten en cuenta que este tipo de efectos funciona mejor en páginas largas de desplazamiento.