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

Tamaño: px
Comenzar la demostración a partir de la página:

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

Transcripción

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

2 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.

3

4 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.

5 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.

6 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

7 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.

8 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.

9 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.

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

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

12 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.

13 MARCOS O FRAMES: <NOFRAME >

14 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.

15 MARCOS O FRAMES: <iframe > </iframe>

16 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)

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

18 MARCOS O FRAMES: <iframe > </iframe>

19 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 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).

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

21 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 > Acceder > Crear una cuenta ahora b. Darte de alta para obtener una clave que te permita usar el API: c. Una vez cumplidos los prerrequisitos puedes empezar a leer la documentación básica x.html

22 FIN DEL TEMA

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

Para utilizar los marcos en HTML necesitamos un par de etiquetas: Anexo: frames, iframes, ventanas, temporizadores. 1. Uso de frames con JavaScript Los frames permiten colocar colocar diversas páginas en una sola. Los frames (marcos) eran muy usados en el desarrollo

Más detalles

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

La primera etiqueta que vamos a aprender es aquella por la que deben empezar todos los documentos que queramos sean considerados HTML; esta es: TEMA P1. CURSO BÁSICO DE PROGRAMACIÓN EN LENGUAJE HTML HTML es un acrónimo de HiperText Markup Language que, traducido al español, quiere decir algo así como lenguaje de definición por marcas para hipertexto,

Más detalles

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

Prácticas H T M L U.A.C.M COMPUTACIÓN II Prácticas H T M L U.A.C.M COMPUTACIÓN II M a r c o s Práctica VI HTML Básico El primer objetivo de esta práctica es familiarizarse con el uso de los marcos y posteriormente ubicar la forma de como podemos

Más detalles

Curso HTML/Javascript

Curso HTML/Javascript Curso HTML/Javascript Los frames sirven para dividir la pantalla en varias subventanas en las que se ejecutarán páginas diferentes en cada una de ellas. Este conjunto de etiquetas fue diseñado y programado

Más detalles

RESUMEN HTML. Elementos de estructura

RESUMEN HTML. Elementos de estructura RESUMEN HTML Elementos de estructura primer elemento que enmarca todo el fichero HTML (obligatorio) zona de cabecera (obligatorio) definición de un título (obligatorio) cuerpo

Más detalles

CSS Avanzado Audio, Video e Iframes

CSS Avanzado Audio, Video e Iframes CSS Avanzado Audio, Video e Iframes es una etiqueta de HTML bastante antigua que permite añadir de una manera muy fácil y rápida una página web o contenido dentro de otra página. Para ello únicamente

Más detalles

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

Etiquetas Básicas (Estructura HTML) Etiquetas Atributos Valores Descripción. Formato de Presentación Etiquetas Atributos Valores Descripción Etiquetas Básicas (Estructura HTML) Inicio y final del documento html text link alink vlink topmargin (IE) leftmargin (IE) marginheight margin

Más detalles

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

MARCO (FRAME) Los frames se consiguen con las etiquetas <FRAMESET> y <FRAME>. MARCO (FRAME) Qué es un marco? Los frames o marcos son una forma de partir una web en sectores o áreas, haciendo que en cada parte se visualice un documento HTML distinto. Es muy útil cuando queremos que

Más detalles

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

<img scr= ruta/nombre.extensión > GUIA TRES MANEJO DE IMÁGENES, VIDEOS Y CABEZOTES MANEJO DE IMÁGENES Las imágenes que se insertan en las páginas web pueden ser fotografías, gráficos o diseños que permiten complementar los contenidos web,

Más detalles

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.

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. 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. INTERNET En 1969, el Departamento de Defensa de E.U construyo

Más detalles

Cómo insertar videos de Youtube en el Aula Virtual

Cómo insertar videos de Youtube en el Aula Virtual Cómo insertar videos de Youtube en el Aula Virtual Youtube es un portal del Internet que permite a sus usuarios subir y visualizar videos. Esta guía rápida describe el proceso básico para compartir videos

Más detalles

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

Vamos a ver cómo insertar imágenes, y cómo modificar algunas de sus propiedades. Unidad 5. Imágenes (I) Vamos a ver cómo insertar imágenes, y cómo modificar algunas de sus propiedades. Imagen Todas las páginas web acostumbran a tener un cierto número de imágenes, que permiten

Más detalles

[6] inserción de elementos multimedia

[6] inserción de elementos multimedia [6] inserción de elementos multimedia LMSGI, 1º de ASIR [Unidad 1] HTML Multimedia La palabra hace referencia a la posibilidad de que el contenido incorpore elementos de todo tipo Ejemplos Imágenes Vídeos

Más detalles

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

February 10, wordpress.notebook. Tema 4. Wordpress. Sonia Lafuente Martínez Wordpress Tema 4 Sonia Lafuente Martínez 1 1. Introducción a Wordpress Acceder a Wordpress: http://es.wordpress.com/ Pulsa sobre Acceder para registrarte como usuario nuevo. Como somos nuevos usuarios

Más detalles

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

INTRODUCCIÓN A HTML. Qué es HTML. Etiquetas INTRODUCCIÓN A HTML Qué es HTML El HTML (Hyper Text Markup Language) es el lenguaje con el que se escriben las páginas web. Es un lenguaje de hipertexto, es decir, un lenguaje que permite escribir texto

Más detalles

PRÁCTICA 2. AMPLIAR LA WEB

PRÁCTICA 2. AMPLIAR LA WEB PRÁCTICA 2. AMPLIAR LA WEB Ejercicio 1. Amplia la página Web que diseñaste en la práctica 1 con los siguientes elementos: fondos, marquesinas, tablas, hipervínculos y vídeos youtube. PASOS A SEGUIR 1.

Más detalles

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

FACULTAD DE CIENCIAS DE LA EMPRESA UPCT Departamento de Economía de la Empresa FACULTAD DE CIENCIAS DE LA EMPRESA UPCT Departamento de Economía de la Empresa Introducción a la programación de páginas web en el entorno de las Ciencias de la Empresa Profesor: Ramón Cantó Alcaraz Despacho:

Más detalles

Curso Básico de HTML

Curso Básico de HTML Curso Básico de HTML Qué es HTML? HTML es un pseudo-lenguaje de programación, no es un lenguaje en sí. Utiliza tags o etiquetas específicas para crear contenido y dar una estructura al documento. Existen

Más detalles

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

DIRECCIÓN GENERAL DEL BACHILLERATO CENTRO DE ESTUDIOS DE BACHILLERATO N 2 LIC. JESÚS REYES HEROLES PROFA. STEPHANY LUCIOTTO V. ACADEMIA: INFORMÁTICA ASIGNATURA: PAG. WEB GUIA DE ESTUDIO PERIODO: 2012-2013 A ALUMN@: GRUPO: FECHA: ESCRIBE EN EL PARENTESIS SI LA RESPUESTA ES VERDADREA O FALSA 1. Las páginas

Más detalles

Recursos web Estadísticas

Recursos web Estadísticas Estadísticas Un sitio Web institucional deberá contar con estadísticas de acceso. Éstas deberán revisarse de forma continua para modificar las estrategias de comunicación y el mapa de navegación del sitio

Más detalles

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

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 NDICE LECCIÓN 1: INTRODUCCIÓN 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 Las etiquetas HTML Guardar páginas

Más detalles

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

Diseño y programaciã³n de pã ginas web Diseño y programaciã³n de pã ginas web Objetivos Con motivo de mostrar a cada usuario cómo diseñar y programar páginas web, este curso pretende formar inicialmente al alumno sobre el lenguaje de programación

Más detalles

EL MODELO DE CAJA CSS

EL MODELO DE CAJA CSS EL MODELO DE CAJA CSS Sesión 10 By Ing. David Gil LA ETIQUETA HTML La etiqueta define una división o una sección en un documento HTML. La etiqueta se utiliza para agrupar bloques

Más detalles

HTML5: Fundamentos de una Página Web

HTML5: Fundamentos de una Página Web HTML5: Fundamentos de una Página Web Programa de Estudio HTML5: Fundamentos de una Página Web Domina el lenguaje más importante para Internet. Aprende a codificar cualquier página basándote en los estándares

Más detalles

HTML5: Fundamentos de una Página Web

HTML5: Fundamentos de una Página Web HTML5: Fundamentos de una Página Web Programa de Estudio HTML5: Fundamentos de una Página Web Domina el lenguaje más importante para Internet. Aprende a codificar cualquier página basándote en los estándares

Más detalles

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

Construcción de páginas web. San&ago Mar+n de Jesús Construcción de páginas web San&ago Mar+n de Jesús COLORES 2 LOS COLORES Existen diversas e&quetas y atributos en HTML que permiten dar color a los elementos de una página o incluso el color de fondo de

Más detalles

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

LA IMAGEN OBJETIVOS INSERTAR UNA IMAGEN INTRODUCCIÓN A DREAMWEAVER. Aprender a insertar imágenes, Conocer sus propiedades, LA IMAGEN OBJETIVOS Aprender a insertar imágenes, Conocer sus propiedades, Aprender a crear vínculos en una imagen, Crear imágenes de sustitución. INSERTAR UNA IMAGEN Se puede insertar una imagen desde:

Más detalles

ACTIVIDADES PÁGINAS WEB

ACTIVIDADES PÁGINAS WEB ACTIVIDADES PÁGINAS WEB PRÁCTICA 1: Plantilla Nuestro primer ejercicio consiste en diseñar una plantilla de documento HTML para iniciar rápidamente todas nuestras páginas y ahorrarnos escribir los elementos

Más detalles

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

<! > Para escribir comentarios, los cuales son ignorados por el Browser (Navegador). ETIQUETAS "HTML" Y ESTRUCTURAS BÁSICAS Para escribir comentarios, los cuales son ignorados por el Browser (Navegador). ... Indica que es un documento HTML, debe encerrar todo

Más detalles

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

HTML. guía rápida de referencia. Autor: Jorge Sánchez (www.jorgesanchez.net) año 2003 HTML guía rápida de referencia Autor: Jorge Sánchez (www.jorgesanchez.net) año 2003 Basado en la normativa sobre HTML4 disponible en: http://www.w3.org/tr/html4/ Jorge Sánchez 2003 índice introducción...

Más detalles

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

Unidad 1.- Fundamentos de sitios web. El lenguaje HTML. Desarrollo de aplicaciones Web. Felipe LC Unidad 1.- Fundamentos de sitios web. El lenguaje HTML Desarrollo de aplicaciones Web. Felipe LC La actividad #1 En qué consistió la actividad 1? Qué conceptos aprendimos? Demos algunos ejemplos. Qué aprendimos

Más detalles

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

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 Las tablas 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 documento HTML usando tres elementos básicos:

Más detalles

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

Texto en movimiento. <MARQUEE> Texto que se desplaza </MARQUEE> Texto en movimiento Vamos a ver distintas soluciones para conseguir texto en movimiento: haciendo uso del lenguaje HTML (las marquesinas), con un GIF animado, con Javascript, etc. Marquesinas (Marquees)

Más detalles

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

CURSO DE H.T.M.L. Parte 3/4 CURSO DE H.T.M.L. Parte 3/4 Autor Luis Marco Giménez Agencia Tributaria Dpto. Informática Tributaria de de Madrid Colaboradores Javier Álvarez Eloy García Instituto de de Salud Carlos III III de de Madrid

Más detalles

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

La Resolución de pantalla está determinada por sus dimensiones en píxeles. Mi primera Web LA PANTALLA EL NAVEGADOR EL LENGUAJE EL ASISTENTE EL SERVIDOR MÁS OPCIONES LA RESOLUCIÓN DE PANTALLA La Resolución de pantalla está determinada por sus dimensiones en píxeles. La mayoría

Más detalles

Qué es HTML? Páginas WEB. Etiquetas

Qué es HTML? Páginas WEB. Etiquetas Guía de Html 2015 QUÉ ES HTML PÁGINAS WEB ETIQUETAS ESTRUCTURA BÁSICA DE UNA PÁGINA WEB CÓMO SE UTILIZAN LOS COLORES EN HTML? TEXTO EN HTML ENCABEZADOS UBICACIÓN, FORMATO Y ATRIBUTOS DE TEXTO TABLAS NUMERACIÓN

Más detalles

Integración de Google Docs en tu blog

Integración de Google Docs en tu blog 1 Integración de Google Docs en tu blog Básicamente existen dos formas de acceder a un documento Google desde el artículo de un blog: Enlace a su URL. Se escribe un texto en el artículo del blog y en él

Más detalles

Barcelona Activa Cibernàrium

Barcelona Activa Cibernàrium Barcelona Activa Cibernàrium Índice Índice 1 1. Google Maps: explora el mundo con mapas interactivos 2 1.1. Empezando: formas de llegar a los mapas. 3 1.2. Busca una dirección. 3 1.3. Como llegar a un

Más detalles

Taller de TIC aplicadas al aula

Taller de TIC aplicadas al aula Para orientar y brindar a los docentes la posibilidad de mejorar sus prácticas de aula, crear entornos de aprendizajes más dinámicos e interactivos para complementar el proceso de enseñanza y aprendizaje

Más detalles

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

Unidad I - INTRODUCCIÓN AL HTML. Profesor: Marcos Tulio Jerez Bastidas. Barinas, abril 2015 República Bolivariana de Venezuela Universidad Nacional Experimental de los Llanos Occidentales Ezequiel Zamora Programa de Ingeniería, Arquitectura y Tecnología Subproyecto de Algoritmo y Programación

Más detalles

HOJAS DE ESTILOS EN CASCADA CSS (Cascading Style Sheet)

HOJAS DE ESTILOS EN CASCADA CSS (Cascading Style Sheet) HOJAS DE ESTILOS EN CASCADA CSS (Cascading Style Sheet) 1. QUÉ ES UNA HOJA DE ESTILOS? Las hojas de estilos son un conjunto de instrucciones, el cual permiten manejar el formato y presentación de contenido

Más detalles

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

En HTML, para indicar el orden de tabulación entre los controles de un formulario se emplea HTML completo Pregunta 1 En HTML, para indicar el orden de tabulación entre los controles de un formulario se emplea Solución: El atributo tabindex Pregunta 2 El elemento de HTML que se emplea para definir

Más detalles

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

TABLE. La etiqueta general, que engloba a las siguientes. TABLE La etiqueta general, que engloba a las siguientes. TR TD En el siguiente nivel, dentro de TABLE, están las etiquetas para formar cada fila de la tabla. Hay que repetirlas tantas veces como filas

Más detalles

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

LÍNEAS SEPARADORAS. ETIQUETA <HR>. COMENTARIOS EN HTML. ATRIBUTOS SIZE, WIDTH, NOSHADE (DEPRECATED). EJEMPLOS (CU00716B) APRENDERAPROGRAMAR.COM LÍNEAS SEPARADORAS. ETIQUETA . COMENTARIOS EN HTML. ATRIBUTOS SIZE, WIDTH, NOSHADE (DEPRECATED). EJEMPLOS (CU00716B) Sección: Cursos Categoría: Tutorial básico del programador

Más detalles

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

Identificar cuál es la estructura de una página Web y sus principales secciones. Desarrollar una página Web en un editor. MÓDULO 2. Introducción Después de conocer los conceptos básicos sobre el lenguaje de programación HTML, en este módulo identificaremos la estructura de una página Web y lo haremos revisando el lenguaje

Más detalles

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

Dreamweaver 3. Diseño y creación de páginas web Dreamweaver 3 Dreamweaver es un editor profesional para crear y administrar páginas web. La interface gráfica y las herramientas que ofrece este programa permiten hacerlo de forma sencilla. Se puede bajar

Más detalles

Extras para

Extras para Extras para alumn@s avanzad@s Para l@s que tienen más nivel y este curso les ha sabido a poco, ahí van unos cuantos recursos para mejorar el formato y la presentación de los libros digitales. 1. Dar formato

Más detalles

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

TUTORIAL SOBRE CÓMO CREAR Y GESTIONAR UN BLOG CON BLOGGER TUTORIAL SOBRE CÓMO CREAR Y GESTIONAR UN BLOG CON BLOGGER Existen muchos proveedores de servicios para crear un blog. En nuestro caso se ha decidido crear uno en Blogger, que es, a su vez, donde muchas

Más detalles

GOOGLE SITES INICIAL

GOOGLE SITES INICIAL 1º.-Acceder a Google Sites. GOOGLE SITES INICIAL Google Sites es un alojamiento gratuito de Google para páginas web. Pero además de alojamiento lo que ofrece es una herramienta para crear la página web

Más detalles

Curso de Lenguaje de programación HTML

Curso de Lenguaje de programación HTML OBJETIVOS DEL CURSO Para comenzar a programar páginas Web realicemos este programa formativo sobre el lenguaje de programación de páginas Web por excelencia: HTML. Explicaciones prácticas y múltiples ejercicios

Más detalles

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

A lo largo de este tema vamos a aprender a crear una página básica. Unidad 2. Estructura de una página (I) A lo largo de este tema vamos a aprender a crear una página básica. La estructura básica de una página es: Ahora veamos cómo funcionan estas etiquetas. Identificador

Más detalles

Tablas Formularios Frames

Tablas Formularios Frames Tablas Formularios Frames Una tabla nos permite organizar y distribuir los espacios de la página de la manera más optima. Nos puede ayudar a : generar texto en columnas como los periódicos prefijar los

Más detalles

ESTRUCTURAS BASICAS HTML

ESTRUCTURAS BASICAS HTML ESTRUCTURAS BASICAS HTML Para escribir comentarios, los cuales son ignorados por el Browser. ... Indica que es un documento HTML, debe encerrar todo el Documento.

Más detalles

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

1ª ACTIVIDAD: Creación de Blogs en Blogger 1 1ª ACTIVIDAD: Creación de Blogs en Blogger 1 1. Creación de una cuenta El proveedor gratuito de blogs que vamos a utilizar para crear el nuestro es Blogger: https://www.blogger.com/ Para crear un blog

Más detalles

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

Por Extracto se entiende el detalle de cada uno de los movimientos contables asociados a una cuenta. EXTRACTO DE CUENTAS Qué es un extracto? Por Extracto se entiende el detalle de cada uno de los movimientos contables asociados a una cuenta. A continuación se mostrará cómo es el cuadro de diálogo para

Más detalles

Instructivo de uso de los Esquema de Balances AxI

Instructivo de uso de los Esquema de Balances AxI Instructivo de uso de los Esquema de Balances AxI Ajuste por Inflación en Windows Diciembre 2010 Dirección: Urb. Los Palos Grandes, Av. Francisco de Miranda, Torre Mene Grande, Piso 3, Oficina 3-1 y 3-2.

Más detalles

DISEÑO DE PAGINAS CON HTML

DISEÑO DE PAGINAS CON HTML DISEÑO DE PAGINAS CON HTML CONCEPTOS HTML (Hyper Text Markup Language) Lenguaje con el que se escriben paginas web. Es un lenguaje de hipertexto. Permite escribir texto de forma estructurada. Compuesto

Más detalles

Diseño de columnas con CSS

Diseño de columnas con CSS Para el diseño de una web con varias columnas mediante CSS no existe una receta universal. De momento, y mientras se sigue desarrollando el CSS, nos basaremos en dos principios esenciales: position:absolute

Más detalles

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

HTML (Básico + Avanzado) Código: 7060 HTML (Básico + Avanzado) Código: 7060 Modalidad: Teleformación Duración: 56 horas Objetivos: HTML (BÁSICO) Para comenzar a programar páginas Web realicemos este programa formativo sobre el lenguaje de

Más detalles

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

CONCEPTOS BÁSICOS PARA EL DISEÑO DE PAGINAS WEB COLEGIO AGUSTINIANO CIUDAD SALITRE AREA DE TECNOLOGÍA E INFORMATICA GUIA DE APOYO PRIMER BIMESTRE GRADO UNDECIMO CONCEPTOS BÁSICOS PARA EL DISEÑO DE PAGINAS WEB UNIDAD TEMÁTICA: INICIANDO CON HTML Y DREAMWEAVER

Más detalles

Cómo usar Google Drive como repositorio

Cómo usar Google Drive como repositorio Cómo usar Google Drive como repositorio Google Drive es una herramienta que permite guardar archivos de forma segura y acceder a ellos desde cualquier dispositivo. Cuenta con una capacidad de 15 GB gratuitos.

Más detalles

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

Diseño web. Fundamentos de CSS. Informática 4º ESO Diseño web Fundamentos de CSS Informática 4º ESO Cascading Style Sheets HTML está bastante limitado a la hora de dar formato a las páginas web HTML fue inventado por científicos Énfasis en el contenido

Más detalles

GUIA 1 CONCEPTOS BÁSICOS

GUIA 1 CONCEPTOS BÁSICOS DEFINICIÓN DE HTML5 CESDE GUIA 1 CONCEPTOS BÁSICOS HTML5 es una combinación de nuevas etiquetas del lenguaje HTML (HyperText Markup Language - lenguaje de marcas de hipertexto), el hipertexto es la unión

Más detalles

Diseño web con Oracle Portal

Diseño web con Oracle Portal Diseño web con Oracle Portal Curso práctico Jose A. Espinosa Índice Diseño web Oracle Portal Ejemplo práctico Diseño web Introducción Fundamentos HTML Diseño y usabilidad Navegadores Introducción Qué es

Más detalles

GUÍA RÁPIDA DE COMANDOS HTML

GUÍA RÁPIDA DE COMANDOS HTML GUÍA RÁPIDA DE COMANDOS HTML El HTML (HIPERTEXT MAK L páginas WEB. A continuación hay una lista con algunos de los comandos usados en HTML. DESCRIPCION INICIO FINAL COMENTARIOS Principio de Documento

Más detalles

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

GUÍA 6 Tema: Imágenes por sustitución, audio y video Tema: Imágenes por sustitución, audio y video CONTENIDOS Aplicación de imágenes por sustitución. Aplicar video por medio del programa de Dreamweaver y plataforma Youtube. Agregar audio en una plantilla

Más detalles

José Ramón Olalla Darse de alta

José Ramón Olalla Darse de alta José Ramón Olalla Darse de alta Darse de alta en scoop.it es muy sencillo (1). Si no usamos nuestra configuración de Facebbok, Twitter o Linkedin (cosa que no recomendamos), tendremos que introducir los

Más detalles

HTML GUIA 5 TABLAS EN HTML

HTML GUIA 5 TABLAS EN HTML HTML GUIA 5 TABLAS EN HTML Hoy en día, la mayoría de las páginas web se basan en tablas, ya que resultan de gran utilidad al mejorar notablemente las opciones de diseño. Todos los objetos se alinean por

Más detalles

PLAN DE ESTUDIOS DE INFORMÁTICA SEGUNDO GRADO DE SECUNDARIA

PLAN DE ESTUDIOS DE INFORMÁTICA SEGUNDO GRADO DE SECUNDARIA PLAN DE ESTUDIOS DE INFORMÁTICA SEGUNDO GRADO DE SECUNDARIA Consideraciones iniciales: 1. Presentar el reglamento del aula de medios (uso correcto de las computadoras, medidas de seguridad en el aula,

Más detalles

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

CONTENIDOS DEL CURSO ONLINE DE DISEÑO Y DESARROLLO WEB CON HTML5, CSS Y DREAMWEAVER CS4: Curso Online Diseño y Desarrollo Web con HTML5, CSS y Dreamweaver CS4 Completo Curso Online de Diseño y Desarrollo Web mediante el lenguaje programación HTML5, la hoja de estilos CSS y el programa de diseño

Más detalles

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

Profesor: Vicente Destruels Moreno. Teoría: Imágenes Teoría: Imágenes Introducción Insertar imágenes en un documento permite crear páginas mucho más atractivas. Según el tipo de gráfico utilizado se pueden conseguir efectos realmente sorprendentes. Existen

Más detalles

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

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 HTML 5 (II) 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 interactiva. Serie de bloques de texto

Más detalles

COMO AGREGAR AUDIOS USANDO EL EDITOR

COMO AGREGAR AUDIOS USANDO EL EDITOR COMO AGREGAR AUDIOS USANDO EL EDITOR Existen dos maneras de agregar un audio: 1. Como un audio HTML5 con reproductor incorporado. Se ha extendido la funcionalidad del editor para poder incrustar un reproductor

Más detalles

Vamos a crear un blog

Vamos a crear un blog Vamos a crear un blog Qué es un blog? Artículos recopilados cronológicamente. Los lectores pueden escribir sus comentarios, de forma que es posible establecer un diálogo. El uso o temática es variado Anatomía

Más detalles

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

Correo Básico. Guía básica. Y presume de correo con tu nombre de dominio. Índice Correo Básico Guía básica Y presume de correo con tu nombre de dominio Índice 1. Cómo gestionar tu Correo Básico 2. Crea tu cuenta de correo personalizada 3. Cómo acceder a tu cuenta de correo Mayor seguridad

Más detalles

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

Tutoriales y Guías de uso con Orientaciones Pedagógicas Entorno Virtual de Aprendizaje Plataforma Blackboard WIKIS Creación o Modificación de Wikis Wikis: Un wiki es una herramienta de colaboración que le permite a los alumnos ver, contribuir y modificar una o varias páginas de materiales relacionados con los cursos.

Más detalles

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

TEMA 4: CREACIÓN Y DISEÑO DE UN BLOG EN BLOGGER TEMA 4: CREACIÓN Y DISEÑO DE UN BLOG EN BLOGGER Cómo dar de alta un blog en blogger Como paso previo debes disponer de una cuenta de correo electrónico de Google. Debéis utilizar la que creamos a principio

Más detalles

PROPUESTA DE ACCIÓN FORMATIVA

PROPUESTA DE ACCIÓN FORMATIVA SOLICITUD INFORMACIÓN PROPUESTA DE ACCIÓN FORMATIVA DENOMINA CIÓN DE LA ACCIÓN FORMA TIVA DISEÑO DE PÁGINAS WEB Nº HORAS MODALIDA D 70 TELEFORMACIÓN OBJETIVOS DE LA ACCIÓN FORMA TIVA Objetivo General Aprender

Más detalles

Nociones basicas de HTML

Nociones basicas de HTML Nociones basicas de HTML Para comprender lo que veremos mas adelante es necesario tener conocimientos basicos de informatica e Internet en entorno Windows. Para hacer los ejercicios basta con un Navegador

Más detalles

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

DISEÑO Y DESARROLLO WEB CON HTML 5, CSS DREAMWEAVER CS4 DISEÑO Y DESARROLLO WEB CON HTML 5, CSS DREAMWEAVER CS4 Código: 1413005 OBJETIVOS: Para diseñar y publicar una página Web, saber maquetar una página Web, saber crear animaciones, etc. CONTENIDOS: DISEÑO

Más detalles

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

DESTINATARIOS Este curso está dirigido a aquellos alumnos que deseen adquirir conocimientos sobre el diseño mediante hojas de estilo. DESTINATARIOS Este curso está dirigido a aquellos alumnos que deseen adquirir conocimientos sobre el diseño mediante hojas de estilo. OBJETIVOS Aplicar una metodología orientada a objetos para el diseño

Más detalles

PROCESADOR DE TEXTOS: WRITER

PROCESADOR DE TEXTOS: WRITER PROCESADOR DE TEXTOS: WRITER Profesor: José María González Centro: I.E.S. AZAHAR - ( Antas Almería ) Teoría OpenOffice Writer Capítulo I: Formato Documento Nivel de Dificultad: Medio 1. Creación y eliminación

Más detalles

Páginas multimedia Pestañas - Acordeones

Páginas multimedia Pestañas - Acordeones Este es un tipo de página que puede contener una serie de páginas con contenidos distintos en su interior. Este conjunto de páginas que podemos incrustar en la página principal podemos presentarlas como

Más detalles

SMART MARKETING WORDPRESS

SMART MARKETING WORDPRESS SMART MARKETING WORDPRESS MANUAL DE INSTRUCCIONES ÍNDICE 1. Instalación 2. Setup 3. Utilización 3.0 Cuenta 3.0.1 Editar API Key 3.0.2 Eliminar datos 3.1 Listas 3.1.1 Crear nueva lista 3.2 Suscriptores

Más detalles

COMIENZO A ELABORAR MI LÍNEA DEL TIEMPO

COMIENZO A ELABORAR MI LÍNEA DEL TIEMPO COMIENZO A ELABORAR MI LÍNEA DEL TIEMPO Para poder utilizar esta aplicación me tengo que registrar haciendo clic sobre Join Dipity PARA IR A DIPITY HAGO CLIC SOBRE LA IMAGEN Tengo que escribir el nombre,

Más detalles

5. EL EDITOR DE TEXTO HTML.

5. EL EDITOR DE TEXTO HTML. 5. EL EDITOR DE TEXTO HTML. El editor de texto HTML proporciona una interfaz muy parecida a la de un procesador de textos para generar de una forma cómoda el código HTML correspondiente a los elementos

Más detalles

5.CREACIÓN DE TABLAS.

5.CREACIÓN DE TABLAS. 5.CREACIÓN DE TABLAS. Cómo se crea una tabla?. Para crear las tablas será necesario usar una nueva etiqueta: TABLE, que significa, en inglés, tabla. Esta etiqueta consta de instrucción de inicio,, e instrucción

Más detalles

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

Introducción a HTML Manual-Estructura Básica. Prof. César S. Rangel Farias. Introducción a HTML Manual-Estructura Básica. Prof. César S. Rangel Farias. Índice. 2 HTML... 3 Estructura Básica.... 3 Formato de texto... 3 Estilos... 3 Alineaciones de Párrafo... 4 Colores... 5 Listas...

Más detalles

Duración en horas: 20 OBJETIVOS DEL CURSO

Duración en horas: 20 OBJETIVOS DEL CURSO Fecha de comienzo : Una vez confirmada la matrícula, ya puedes comenzar el curso Fecha de finalización : Depende de la duración del curso Precio : 120 EUR Duración en horas: 20 OBJETIVOS DEL CURSO HTML

Más detalles

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

1. Posicionamiento en la Internet hispana: escenarios y lecciones. 2. Método de análisis y estrategias de posicionamiento en Internet. Jornadas en la Universidad de Alicante 1. Posicionamiento en la Internet hispana: escenarios y lecciones. 2. Método de análisis y estrategias de posicionamiento en Internet. 3. Ejemplos y métodos para

Más detalles

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

1 Conociendo Macromedia Dreamweaver 2 Creación de sitios y páginas Web 1 Conociendo Macromedia Dreamweaver 1.1 Introducción a Macromedia Dreamweaver 1.2 Requisitos mínimos necesarios 1.3 Entrar en Macromedia Dreamweaver 1.4 Entorno de trabajo 1.5 Barra de herramientas Insertar

Más detalles

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

COLEGIO PABLO DE TARSO IED CONSTRUCCION DE PROYECTOS DE VIDA PRODUCTIVOS DREAMWEAVER UNO- PRÁCTICAS DOC RAUL MONROY PAMPLONA Metas de comprensión cuarto periodo Comprende sus responsabilidades a la hora de formular sus propuestas como soluciones a problemas reales que impliquen el uso de las tecnologías de información y la gestión

Más detalles

Blogs. Manual para Blogger Beta

Blogs. Manual para Blogger Beta Blogs Manual para Blogger Beta Qué es un blog? Artículos recopilados cronológicamente. Los lectores pueden escribir sus comentarios, de forma que es posible establecer un diálogo. El uso o temática es

Más detalles

GOOGLE SITES GUÍA RÁPIDA DE USO

GOOGLE SITES GUÍA RÁPIDA DE USO GOOGLE SITES GUÍA RÁPIDA DE USO Manuel López Caparrós Febrero 2009 Introducción Esta guía se ha elaborado como material complementario para responder a una serie de cuestiones básicas e importantes sobre

Más detalles

INFORMATICA GENERAL 2.

INFORMATICA GENERAL 2. 1130-2. INFORMATICA GENERAL 2. ALUMNO. CARLOS SOLIS PEREZ. MATRICULA: 1685-1200-1100. CORREO ELECTRONICO: bombero104@yahoo.com FACULTAD DE ADMINISTRACION. FECHA DE EXAMEN: 30 DE MAYO DE 2013. AUTOEVALUACIÓN.

Más detalles

Curso de Excel CURSO DE

Curso de Excel CURSO DE CURSO DE EXCEL Curso de Excel LECCIÓN 1 INTRODUCCIÓN 3 LA PANTALLA PRINCIPAL 3 LOS MENÚS DE EXCEL 4 CONCEPTOS BÁSICOS 4 DESPLAZAMIENTO POR LA HOJA 5 SELECCIÓN DE CELDAS 6 ESCRIBIR TEXTO 6 MODIFICAR Y BORRAR

Más detalles

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

Plan Correo. Guía básica. Y presume de correo con tu nombre de dominio. Índice Plan Correo Guía básica Y presume de correo con tu nombre de dominio Índice 1. Cómo gestionar tu Plan Correo 2. Crea tus cuentas de correo personalizadas 3. Cómo acceder a tu cuenta de correo Mayor seguridad

Más detalles

DREAMWEAVER CS4 Código: 3492

DREAMWEAVER CS4 Código: 3492 DREAMWEAVER CS4 Código: 3492 Modalidad: Distancia Duración: Tipo A Objetivos: Aportar al alumno de un modo rápido y sencillo las competencias necesarias para la creación y diseño de páginas Web en Dreamweaver.

Más detalles

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

Dreamweaver CS 5. 1 Conociendo Adobe Dreamweaver CS Introducción a Adobe Dreamweaver. 1.2 Novedades de Dreamweaver CS5 Dreamweaver CS 5 1 Conociendo Adobe Dreamweaver CS5 1.1 Introducción a Adobe Dreamweaver 1.2 Novedades de Dreamweaver CS5 1.3 Requerimientos técnicos 1.4 Editar páginas Web 1.5 Cómo tener una página en

Más detalles