T11. MARCOS O FRAMES 2013 CONCEPTOS BÁSICOS SOBRE HTML

Documentos relacionados
Para utilizar los marcos en HTML necesitamos un par de etiquetas:

La primera etiqueta que vamos a aprender es aquella por la que deben empezar todos los documentos que queramos sean considerados HTML; esta es:

Prácticas H T M L U.A.C.M COMPUTACIÓN II

Curso HTML/Javascript

RESUMEN HTML. Elementos de estructura

CSS Avanzado Audio, Video e Iframes

<DOCTYPE HTML PUBLIC> <HTML> <HEAD>... </HEAD> <FRAMESET>... </FRAMESET> </HTML>

Etiquetas Básicas (Estructura HTML) Etiquetas Atributos Valores Descripción. Formato de Presentación Etiquetas Atributos Valores Descripción

MARCO (FRAME) Los frames se consiguen con las etiquetas <FRAMESET> y <FRAME>.

<img scr= ruta/nombre.extensión >

2. Manejar los elementos básicos de un lenguaje usado en la creación de Páginas Web. 2.1 Definición de objetos y contenidos de la página web.

Cómo insertar videos de Youtube en el Aula Virtual

Vamos a ver cómo insertar imágenes, y cómo modificar algunas de sus propiedades.

[6] inserción de elementos multimedia

February 10, wordpress.notebook. Tema 4. Wordpress. Sonia Lafuente Martínez

INTRODUCCIÓN A HTML. Qué es HTML. Etiquetas

PRÁCTICA 2. AMPLIAR LA WEB

FACULTAD DE CIENCIAS DE LA EMPRESA UPCT Departamento de Economía de la Empresa

Curso Básico de HTML

DIRECCIÓN GENERAL DEL BACHILLERATO CENTRO DE ESTUDIOS DE BACHILLERATO N 2 LIC. JESÚS REYES HEROLES

Recursos web Estadísticas

Un paseo por la Web Qué es el HTML? Hojas de estilo en cascada (CSS) Qué herramientas necesitamos? LECCIÓN 2: ESTRUCTURA DEL CÓDIGO HTML

Diseño y programaciã³n de pã ginas web

EL MODELO DE CAJA CSS

HTML5: Fundamentos de una Página Web

HTML5: Fundamentos de una Página Web

Construcción de páginas web. San&ago Mar+n de Jesús

LA IMAGEN OBJETIVOS INSERTAR UNA IMAGEN INTRODUCCIÓN A DREAMWEAVER. Aprender a insertar imágenes, Conocer sus propiedades,

ACTIVIDADES PÁGINAS WEB

<! > Para escribir comentarios, los cuales son ignorados por el Browser (Navegador).

HTML. guía rápida de referencia. Autor: Jorge Sánchez ( año 2003

Unidad 1.- Fundamentos de sitios web. El lenguaje HTML. Desarrollo de aplicaciones Web. Felipe LC

Las tablas pueden ser consideradas como un grupo de filas donde cada una de ellas contiene un grupo de celdas. Una tabla puede ser insertada en un

Texto en movimiento. <MARQUEE> Texto que se desplaza </MARQUEE>

CURSO DE H.T.M.L. Parte 3/4

La Resolución de pantalla está determinada por sus dimensiones en píxeles.

Qué es HTML? Páginas WEB. Etiquetas

Integración de Google Docs en tu blog

Barcelona Activa Cibernàrium

Taller de TIC aplicadas al aula

Unidad I - INTRODUCCIÓN AL HTML. Profesor: Marcos Tulio Jerez Bastidas. Barinas, abril 2015

HOJAS DE ESTILOS EN CASCADA CSS (Cascading Style Sheet)

En HTML, para indicar el orden de tabulación entre los controles de un formulario se emplea

TABLE. La etiqueta general, que engloba a las siguientes.

LÍNEAS SEPARADORAS. ETIQUETA <HR>. COMENTARIOS EN HTML. ATRIBUTOS SIZE, WIDTH, NOSHADE (DEPRECATED). EJEMPLOS (CU00716B)

Identificar cuál es la estructura de una página Web y sus principales secciones. Desarrollar una página Web en un editor.

Dreamweaver 3. Diseño y creación de páginas web

Extras para

TUTORIAL SOBRE CÓMO CREAR Y GESTIONAR UN BLOG CON BLOGGER

GOOGLE SITES INICIAL

Curso de Lenguaje de programación HTML

A lo largo de este tema vamos a aprender a crear una página básica.

Tablas Formularios Frames

ESTRUCTURAS BASICAS HTML

1ª ACTIVIDAD: Creación de Blogs en Blogger 1

Por Extracto se entiende el detalle de cada uno de los movimientos contables asociados a una cuenta.

Instructivo de uso de los Esquema de Balances AxI

DISEÑO DE PAGINAS CON HTML

Diseño de columnas con CSS

HTML (Básico + Avanzado) Código: 7060

CONCEPTOS BÁSICOS PARA EL DISEÑO DE PAGINAS WEB

Cómo usar Google Drive como repositorio

Diseño web. Fundamentos de CSS. Informática 4º ESO

GUIA 1 CONCEPTOS BÁSICOS

Diseño web con Oracle Portal

GUÍA RÁPIDA DE COMANDOS HTML

GUÍA 6 Tema: Imágenes por sustitución, audio y video

José Ramón Olalla Darse de alta

HTML GUIA 5 TABLAS EN HTML

PLAN DE ESTUDIOS DE INFORMÁTICA SEGUNDO GRADO DE SECUNDARIA

CONTENIDOS DEL CURSO ONLINE DE DISEÑO Y DESARROLLO WEB CON HTML5, CSS Y DREAMWEAVER CS4:

Profesor: Vicente Destruels Moreno. Teoría: Imágenes

Hipertexto y Marcadores Hipertexto: Escritura no secuencial, un texto que bifurca, que permite que el lector elija y que se lea mejor en una pantalla

COMO AGREGAR AUDIOS USANDO EL EDITOR

Vamos a crear un blog

Correo Básico. Guía básica. Y presume de correo con tu nombre de dominio. Índice

Tutoriales y Guías de uso con Orientaciones Pedagógicas Entorno Virtual de Aprendizaje Plataforma Blackboard WIKIS

TEMA 4: CREACIÓN Y DISEÑO DE UN BLOG EN BLOGGER

PROPUESTA DE ACCIÓN FORMATIVA

Nociones basicas de HTML

DISEÑO Y DESARROLLO WEB CON HTML 5, CSS DREAMWEAVER CS4

DESTINATARIOS Este curso está dirigido a aquellos alumnos que deseen adquirir conocimientos sobre el diseño mediante hojas de estilo.

PROCESADOR DE TEXTOS: WRITER

Páginas multimedia Pestañas - Acordeones

SMART MARKETING WORDPRESS

COMIENZO A ELABORAR MI LÍNEA DEL TIEMPO

5. EL EDITOR DE TEXTO HTML.

5.CREACIÓN DE TABLAS.

Introducción a HTML Manual-Estructura Básica. Prof. César S. Rangel Farias.

Duración en horas: 20 OBJETIVOS DEL CURSO

1. Posicionamiento en la Internet hispana: escenarios y lecciones. 2. Método de análisis y estrategias de posicionamiento en Internet.

1 Conociendo Macromedia Dreamweaver 2 Creación de sitios y páginas Web

COLEGIO PABLO DE TARSO IED CONSTRUCCION DE PROYECTOS DE VIDA PRODUCTIVOS DREAMWEAVER UNO- PRÁCTICAS DOC RAUL MONROY PAMPLONA

Blogs. Manual para Blogger Beta

GOOGLE SITES GUÍA RÁPIDA DE USO

INFORMATICA GENERAL 2.

Curso de Excel CURSO DE

Plan Correo. Guía básica. Y presume de correo con tu nombre de dominio. Índice

DREAMWEAVER CS4 Código: 3492

Dreamweaver CS 5. 1 Conociendo Adobe Dreamweaver CS Introducción a Adobe Dreamweaver. 1.2 Novedades de Dreamweaver CS5

Transcripción:

T11. MARCOS O FRAMES 2013 CONCEPTOS BÁSICOS SOBRE HTML

11. MARCOS O FRAMES: <FRAMESET > 2 Define la estructura de la página Se usa en lugar de la etiqueta <body> La declaración de los marcos de la página sólo debe contener eso: una declaración de marcos.

11. MARCOS O FRAMES 3 Atributos: COLS= ancho1,ancho2, Tamaño que ocupa de ancho el marco. Se puede definir en porcentaje o en pixels. ROWS= alto1,alto2, Tamaño que ocupa de alto el marco. También en porcentaje o pixels.

11. MARCOS O FRAMES 4 Atributos: FRAMEBORDER= YES NO 1 0 Indica si el marco presenta bordes en o no. FRAMESPACING= nº Indica la distancia que hay entre marcos. BORDER= nº Tamaño del borde entre marcos. BORDERCOLOR= color Color de los bordes del marco.

11. MARCOS O FRAMES: <FRAME > 5 Va anidada entre la etiqueta de apertura y cierre <frameset> Individualiza cada marco. Atributos: SRC= página o url página o documento HTML que vamos a abrir en ese marco

11. MARCOS O FRAMES: <FRAME > 6 Atributos: NAME= nombre Nombre del marco. Va a servir para referirlo desde otras páginas o marcos. (Por ejemplo, mediante el atributo target). NORESIZE Indica si se puede o no redimensionar el marco, es decir, modificar su tamaño. SCROLLING= YES NO AUTO Indica si el marco está dotado de barra de desplazamiento o no.

11. MARCOS O FRAMES: <FRAME > 7 Atributos: FRAMEBORDER= YES NO 1 0 Indica si el marco tiene borde o no. BORDERCOLOR= color Indica el color de borde MARGINWIDTH= nº Indica el margen izquierdo y derecho dentro del marco. MARGINHEIGHT= nº Indica el margen superior e inferior dentro del marco.

11. MARCOS O FRAMES: <NOFRAME > 8 Permite indicar el texto que verán los usuarios que no disponen de marcos o frames en su navegador.

11. MARCOS O FRAMES: EJEMPLO 9 Documento: Marcos.html

11. MARCOS O FRAMES: <NOFRAME > 10 Enlaces.html Entrada.html

11. MARCOS O FRAMES: <NOFRAME > 11 Permite indicar el texto que verán los usuarios que no disponen de marcos o frames en su navegador.

12 11. MARCOS O FRAMES: <NOFRAME >

11. MARCOS O FRAMES: <iframe > </iframe> 13 Iframe permite insertar un marco o frame dentro del documento html: un frame flotante Funciona de manera similar a la etiqueta HTML <frame> pero en este caso el frame puede ser insertado entre el contenido del documento.

14 11. MARCOS O FRAMES: <iframe > </iframe>

11. MARCOS O FRAMES: <iframe > </iframe> 15 Atributos Src= url Define la dirección del contenido inicial para el marco Scrolling= auto yes no Decide cómo deberán mostrarse las barras de desplazamiento que se pueden ver en el frame Frameborder= 0 1 Permite indicar si el frame o marco llevará borde (1) o no (0)

11. MARCOS O FRAMES: <iframe > </iframe> 16 Atributos Width= nº Asigna un ancho al elemento. Height= nº Asigna una altura al elemento.

17 11. MARCOS O FRAMES: <iframe > </iframe>

18 11. MARCOS O FRAMES: Uso de <iframe> Incluir un mapa de Google Maps en nuestra página web Para añadir un mapa de Google Maps a nuestra web podemos hacerlo de dos formas: 1. La forma más fácil: copiar el código que nos genera automáticamente Google Maps al buscar una dirección en http://maps.google.es/ Para ello tienes que hacer clic en Enlazar, copiar el código de la segunda entrada de texto y pegarlo en el código de tu web (va a ser un iframe).

19 11. MARCOS O FRAMES: Uso de <iframe> Incluir un mapa de Google Maps en nuestra página web

20 11. MARCOS O FRAMES: Uso de <iframe> Incluir un mapa de Google Maps en nuestra página web 2. La segunda opción no es tan fácil pero más versátil y consiste en utilizar el API de Google Maps. Para ello necesitas tener: a. Una cuenta en google (nótese que es diferente a tener una cuenta en gmail). Puedes registrarte en www.google.com > Acceder > Crear una cuenta ahora b. Darte de alta para obtener una clave que te permita usar el API: http://code.google.com/intl/es/apis/maps/signup.html c. Una vez cumplidos los prerrequisitos puedes empezar a leer la documentación básica http://code.google.com/intl/es/apis/maps/documentation/inde x.html

FIN DEL TEMA