Descarga la aplicación para disfrutar aún más
Lea materiales sin conexión, sin usar Internet. Además de muchas otras características!
CHTML-B-Ejercicio-ManejoFramesHTML
rd1794654
Compartir
Vista previa del material en texto
www.globalmentoring.com.mx
www.globalmentoring.com.mx
Crear un proyecto para poner en práctica los frames con
HTML. Al finalizar deberemos observar lo siguiente:
www.globalmentoring.com.mx
Vamos a crear el proyecto:
www.globalmentoring.com.mx
Vamos a crear un nuevo archivo:
www.globalmentoring.com.mx
Vamos a crear un nuevo archivo:
www.globalmentoring.com.mx
Vamos a crear un nuevo archivo:
www.globalmentoring.com.mx
Vamos a crear un nuevo archivo:
www.globalmentoring.com.mx
Vamos a crear un nuevo archivo:
www.globalmentoring.com.mx
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Ejercicio Frames </title>
</head>
<!--frame externo-->
<!-- creamos un frame externo de dos columnas -->
<frameset cols="25%,*" frameborder="0" framespacing="0" border="0">
<!-- frame izquierda -->
<frame src="navegacion.html" name="navegacion"><!-- frame derecha, es otro frameset-->
<!-- tiene dos renglones este frame -->
<frameset rows="30%,*">
<!--frame superior-->
<frame src="titulo.html" name="titulo" scrolling="no">
<!--frame inferior-->
<frame src="contenidoInicial.html" name="contenido">
</frameset>
<noframes>
Este es una pagina que no pudo mostrar los frames
</noframes>
</frameset>
</html>
Archivo index.html: Dar click para ir al código
http://icursos.net/cursos/HTML/Leccion05/index.txt
www.globalmentoring.com.mx
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Navegacion-Menus</title>
<style>
<!--
body {
background:#e8f2fe;
}
-->
</style>
</head>
<body>
<h1>Menú</h1>
<ul>
<li><a href="informacion.html" target="contenido" >Información</a> </li>
<li><a href="contacto.html" target="contenido">Contacto</a> </li>
</ul>
</body>
</html>
Archivo navegacion.html: Dar click para ir al código
http://icursos.net/cursos/HTML/Leccion05/navegacion.txt
www.globalmentoring.com.mx
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Título</title>
<style>
<!--
body{
background:#d6d8da;
}
-->
</style>
</head>
<body>
<h1>Título Página</h1>
</body>
</html>
Archivo titulo.html: Dar click para ir al código
http://icursos.net/cursos/HTML/Leccion05/titulo.txt
www.globalmentoring.com.mx
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Contenido por default</title>
<style>
<!--
body{
background:#1d2f70;
color:#fdfdfd;
}
-->
</style>
</head>
<body>
<h1> Contenido por default</h1>
</body>
</html>
Archivo contenidoInicial.html: Dar click para ir al código
http://icursos.net/cursos/HTML/Leccion05/contenidoInicial.txt
www.globalmentoring.com.mx
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Contacto</title>
<style>
<!--
body{
background:#5782ad;
color:#fefefe;
}
-->
</style>
</head>
<body>
<h1>Contacto</h1>
</body>
</html>
Archivo contacto.html: Dar click para ir al código
http://icursos.net/cursos/HTML/Leccion05/contacto.txt
www.globalmentoring.com.mx
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Información</title>
<style>
<!--
body{
background:#2b557d;
color:#FDFDFD;
}
-->
</style>
</head>
<body>
<h1>Información</h1>
</body>
</html>
Archivo informacion.html: Dar click para ir al código
http://icursos.net/cursos/HTML/Leccion05/informacion.txt
www.globalmentoring.com.mx
Ejecutamos nuestro proyecto:
www.globalmentoring.com.mx
• Con este ejercicio hemos puesto en práctica el concepto de
Frames con HTML. Hemos creado varias páginas HTML con
el objetivo de administrarlas desde el Frame inicial.
• Si bien este concepto se considera obsoleto en la versión
más reciente de HTML, es posible que encontremos este
concepto aplicado en nuestras aplicaciones legadas o
heredadas con HTML.
www.globalmentoring.com.mx
Por: Ing. Ubaldo Acosta
Continuar navegando
Materiales relacionados
6 pag.Practica 2 Creacion de una pagina web - Cesar Garcia
Desafio PASSEI DIRETO
1 pag.ejercicio html basico c - Ivan Chio
Desafío México Veintitrés
12 pag.Introducción al html
Ana Mayer
11 pag.CHTML-B-Ejercicio-TablasHTML
marketingdigital1995
Preguntas relacionadas
Compartir