ACTIVIDADES VIRTUALES COMPUTACION II - HMTL PAGINA WEB #3

PAGINA WEB #3 - FRAMES (MARCOS)

ESTE TEMA APARENTEMENTE ES COMPLICADO PARA MUCHOS ALUMNAS(OS), ASÍ QUE INICIARE CON UN EJEMPLO MUY SENCILLO, RECUERDEN LA PAGINA WEB QUE DECLARA LOS "FRAMES" NO DEBEN DE CONTENER LA ETIQUETA "BODY", CAPTURA EL SIGUIENTE CÓDIGO HTML EMPLEANDO EL BLOC DE NOTAS DE WINDOWS, CAPTURA EL SIGUIENTE CÓDIGO EN EL BLOC DE NOTAS:

<html>
<head>
  <title>Ejemplo de Frames</title>
</head>
<!-- Este frameset divide la ventana en dos columnas verticales -->
<frameset cols="30%,*">
  <!-- La primera columna (30%) cargará menu.html -->
  <frame src="menu.html">
  <!-- La segunda columna (*) cargará contenido.html -->
  <frame src="contenido.html">
</frameset>
</html>

AHORA, GUARDA EL CÓDIGO HTML EN UN ARCHIVO Y LLAMALO INDEX.HTML, RECUERDA DEBES DE USAR COMO EXTENSION "HTML" ES OBLIGATORIO, Y EN LA CAJA DE TIPO DE ARCHIVO ES OBLIGATORIO ELEGIR "TODOS LOS ARCHIVOS (*,*)", Y DALE DOBLE CLIC AL ICONO DE ESTE ARCHIVO,  Y DEBERÁ DE MOSTRARSE LO SIGUIENTE:


OBSERVA DETENIDAMENTE, SE NUESTRAN LAS DOS COLUMNAS QUE SE ESPECIFICARON (COLS="30%,*"), LA PALABRA FRAMESET TIENE COMO SIGNIFICADO "HABILITAR O CREAR MARCOS", EN CAMBIO FRAME SOLO INDICA LA PÁGINA WEB QUE SE COLOCARA EN EL MARCO YA DEFINIDO, EN ESTE CASO EN LA PRIMERA COLUMNA ALBERGARÁ A LA PAGINA: "MENU.HTML" Y EN LA SIGUIENTE COLUMNA SE COLOCARÁ LA PÁGINA: "CONTENIDO.HTML" Y OBVIAMENTE AUN NO SE HAN CREADO AMBAS PAGINAS,


Comentarios

Publicar un comentario

Entradas más populares de este blog

ACTIVIDADES VIRTUALES COMPUTACION II - HMTL PAGINA WEB #2

Imagen
PAGINA WEB #2 - TABLAS ESTA PAGINA WEB TRATARA LA MISMA TABLA DE LA PAGINA WEB #1, PERO CON UN CAMBIO: CON CELDAS COMBINADAS. LAS CELDAS A COMBINAR SON CELDA 2,2 , CELDA 2,3 , CELDA 3,2 Y CELDA 3,3; Y ADEMÁS, CON CAMBIOS A LAS CELDAS CELDA 1,1 , CELDA 1,4 , CELDA 4,1 , Y CELDA 4,4 , ASÍ QUE CAPTURA EL SIGUIENTE CÓDIGO O VUELVE A UTILIZAR EL CODIGO HTML DE LA PAGINA WEB #1 MODIFICÁNDOLO: OBSERVA CON MUCHO DETENIMIENTO, LAS CELDAS: CELDA 2,3 , CELDA 3,2 Y CELDA 3,3 DEJARON DE EXISTIR DEBIDO A QUE LA CELDA 2,2 OCUPA DOS COLUMNAS Y DOS RENGLONES . TE SUGIERO LLAMAR AL ARCHIVO QUE ALOJARA A ESTE CODIGO HTML LE LLAMES PAG02.HTML , Y AL EJECUTARSE SE DEBE OBSERVAR COMO LA SIGUIENTE IMAGEN: HEMOS TERMINADO LA PRESENTE ENTRADA, SALUDOS Y NOS VEMOS EN LA PRÓXIMA. ATTE. PROFMONTIEL
Leer más

ACTIVIDADES VIRTUALES COMPUTACION II - HMTL PAGINA WEB #1

Imagen
PAGINA WEB #1   TABLAS OBJETIVO EL SIGUIENTE MATERIAL VA DIRIGIDO PARA AQUELLAS(OS) ALUMNAS(OS) QUE NO APROBARON EL PRIMER DEPARTAMENTAL DEL TEMA HTML Y PRESENTARÁN EL EXTRAORDINARIO CORRESPONDIENTE. EL MATERIAL CONSISTIRA EXCLUSIVAMENTE EN MOSTRAR LA CREACIÓN DE PÁGINAS WEB DE DIFERENTES TIPOS, DESDE LAS " SENCILLAS" , LAS " MEDIAMENTE LABORIOSAS" Y LAS " LABORIOSAS ". ASÍ QUE EMPEZAMOS. PAGINA WEB #1 . TECLEA EL SIGUIENTE CÓDIGO HTML (EMPLEANDO EL BLOC DE NOTAS DE WINDOWS): ANALIZA CADA UNO DE LOS CODIGOS EMPLEADOS, ES CREAR UNA TABLA DE 4 RENGLONES Y 4 COLUMNAS, DONDE CADA CELDA MUESTRA EL TEXTO DE " CELDA NR, NC ", DONDE NR ES NUMERO DE RENGLON Y NC ES NUMERO DE COLUMNA , AL GUARDAR ESTE CODIGO TE SUGIERO LLAMARLO " PAG01.HTML " Y EN TIPO DE ARCHIVO DEBES ELEGIR "T ODOS LOS ARCHIVOS ", ASÍ COMO TAMBIEN TE SUGIERO EMPLEAR EL NAVEGDOR DE GOOGLE CHROME, YA QUE LO HAYAS SALVADO Y COLOCARLO EN UNA CARPETA, SE DEBERA DE MOSTRA...
Leer más