Diseño Web y Multimedia 1 Clase 4 Docente: Josué Fortis.

Slides:



Advertisements
Presentaciones similares
PÁGINA WEB DEL INSTITUTO Manual de utilización. ¿Cómo colgar información en la página web? Para colgar información se necesita: Un programa de confección.
Advertisements

Ricardo Ferrís Castell
Marcos y multimedia con html
DISEÑO DE SITIOS WEB CON DREAMWEAVER 8.
La sede Web Sede de un sitio Web En todos los proyectos en los que el diseño es parte fundamental, es importante tener las ideas claras desde el principio.
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.
Lenguaje de definición
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.
Microsoft Word – Segunda Parte
UNIDAD EDUCATIVA «LICEO NAVAL JAMBELÍ» ING.SIST. WELLINGTON GRANDA
Etiqueta Título Los títulos o encabezamientos se emplean al comienzo de una sección. Las etiquetas que se usan son: Los títulos o encabezamientos se emplean.
DISEÑO DE PAGINAS WEB Las páginas Web son documentos de hipertexto y multimedia. Son documentos multimedia que incorporan imágenes, videos, animaciones,
Ing. GISCARD MARQUEZ VALVERDE.
LENGUAJE DE HIPERTEXTO
Kompozer.
Diseño Web y Multimedia 1 Clase 3 Docente: Josué Fortis.
Ing. Cleyver Vazquez Jijon
DOCENTE: Ing. Eddye Sánchez Castillo
QUE ES HTML? HTML es el lenguaje con el que al escribir etiquetas creamos páginas web. Las páginas se visualizan por medio de un navegador (Internet Explorer,
DISEÑO SITIOS WEB CON HTML Los sitios html comienzan con el código de inicio y terminan con el código Así que ponemos Los sitios html se dividen en un.
Lenguaje XHTML Instituto de Educación Superior Tecnológico Publico de «La Joya» Computación e Informática Ing. Wilfredo Chávez Ilasaca.
Hypertext Markup Language HTML
En ocasiones podemos desear añadir comentarios aclaratorios dentro del código, de manera que no sean visualizados en el navegador, pero sí a la hora de.
HTML HyperText Markup Language (Lenguaje de Marcas de Hipertexto)
HTML (Hyper Text Markup Language) Lenguaje con el que se escriben paginas web. Es un lenguaje de hipertexto. Permite escribir texto de forma estructurada.
DISEÑO DE SITIOS WEB FRONTPAGE 2003.
HTML – Principales Etiquetas
Construcción de una página Web.
 Elaborar un documento en Word que contenga, marcadores, enlaces y gif animados.
Grupo N° 5 Integrantes: Kathia Mariela Carrillo William Alexis Mendoza
Profesora: Laura Patricia Pinto Prieto Ingeniera de sistemas Introducción a Programación 3.
Profesora: Laura Patricia Pinto Prieto. Tablas  Las tablas están formadas por celdas, que son los recuadros que se obtienen como resultado de la intersección.
Publicación de bases de datos Access en la web
Enlaces.. Los enlaces son el rasgo diferenciador de la Word Wide Web. Estos permiten saltar de una pagina a otra, acceder a un archivo (vía HTTP o FTP),
1 EL USO DE LAS HERRAMIENTAS TECNOLOGICAS EN EL AULA POR: ANGEL PALACIO 1.
En ocasiones podemos desear añadir comentarios aclaratorios dentro del código, de manera que no sean visualizados en el navegador, pero sí a la hora de.
I M A G E N E S. muestra la imagen "IMAGEN.JPG" que se encuentra en la URL
HTML. Etiquetas   Atributos  BGCOLOR: Color de fondo "padrón: gris o blanco"  TEXT: Color de los textos de la página "padrón: negro"  LINK: Color.
Líneas Horizontales Las líneas horizontales son de gran ayuda para separar secciones de texto o incluso como decoración. La etiqueta permite dibujar una.
HTML.
Tamaños y tipos de letra en HTML Para definir distintos tamaños de letra, en HTML se utiliza el elemento lleno donde x es un número que puede variar entre.
Es un conjunto o serie de etiquetas incluidas en archivos de texto que definen la estructura de un documento WWW. Los navegadores WWW leen estos archivos.
Introducción a las Tecnologías Informáticas Oscar Bedoya
Clase 7 Tecnología de la Comunicación II Lics. en Com. Social y Periodismo F AC. DE C S. H UMANAS. UNSL. Sitio Web: construcción en In Design.
Profesora: Laura Patricia Pinto Prieto Ingeniera de sistemas Introducción a Programación 3.
HTML Prof. Oscar Marroquin Mollinedo. Desarrollo web Desarrollo web es un título algo arbitrario para el conjunto de tecnologías de software del lado.
¿Que es hipervínculo? ¿Que nos permite?
PLAN DE MEJORA DE LA PÁGINA WEB
Gestión de contenidos y recursos multimedia en Aula Virtual UNIVERSIDAD DE VALENCIA Profesor: Sergio Cubero Torres Horario: 16:00-20:00h. Aula Virtual.
En Microsoft Office Word 2007 se puede insertar una tabla eligiendo un diseño entre varias tablas con formato previo (rellenas con datos de ejemplo) o.
CODIGO HTML HTML, siglas de HyperText Markup Language
ANNETTE MITRE..  Un hipervínculo es un enlace, normalmente entre dos páginas web de un mismo sitio, pero un enlace también puede apuntar a una página.
COMANDO Un hiperenlace, hipervínculo, o vínculo, no es más que un enlace, que al ser pulsado lleva de una página o archivo. Aquellos elementos (texto,
Sergio Cubero Introducción a las Páginas Web. Sesión 2 12:00-12:30: Recursos en la Web UV. 12:30-13:00: Descargar plantilla UV Hojas de estilo 13:00-13:30:
HTML HyperText Markup Language
Profesora: Angela Maiz
04/08/2010 Multimedia para páginas Web. Empleo de los hipervínculos.
¿Cómo hacer los Wikis?. CREAR TU PROPIO WIKI PRIMERO, para registrarse se debe tener una cuenta de correo electrónico, se recomienda abrirlo en GMAIL.
Introducción al Lenguaje. ¿Qué es PHP? O Es un lenguaje de programación que es interpretado por un servidor web. O El lenguaje es genérico. PHP está orientado.
EDICIÓN. Edición_ EDITOR DE TEXTO HTML Seleccionamos si queremos usar el editor HTML de Moodle o solo utilizamos texto plano donde haya posibilidades.
Clase 3 IMÁGENES Existen tres tipos de formato de imágenes que se pueden Insertar en un documento HTML: JPEG GIF PNG.
LOGO Unidad ¿Qué incluye un tema de Power Point? a) Diseño de los marcadores b) Imágenes o formas con fondos gráficos c) Conjunto de Fuentes: Uno.
Diseño de una publicación digital Curso: Medios digitales Dra. Lyudmyla Yezers´ka.
HTML.
1. Introducción ¿Qué es HTML? HTML, siglas de HyperText Markup Language («lenguaje de marcado hipertextual»), hace referencia al lenguaje para la elaboración.
Computación QUINTO - Primaria. HIPERVINCULOS  Hipervínculos o enlaces en tu documento de Word que te lleven a páginas web, direcciones de correo electrónico,
INTRODUCCIÓN HTML. QUE ES HTML El HTML (Hyper Text Markup Language) es el lenguaje con el que se escriben las páginas web. HTML es un lenguaje de hipertexto.
ANDRES MAURICIO QUINTERO MACEA Programación Web Lic. Informática y medios audiovisuales Facultad de educación y ciencias humanas Universidad de Córdoba.
GUÍA 1: PROCESADOR DE TEXTO Curso Básico de Sistemas Para Padres de Familia.
Transcripción de la presentación:

Diseño Web y Multimedia 1 Clase 4 Docente: Josué Fortis.

Misión Formar profesionales integrales y competentes en áreas tecnológicas que tengan demanda y oportunidad en el mercado local, regional y mundial tanto como trabajadores y empresarios.

Repaso ¿Qué significa HTML? ¿Qué 2 aspectos son muy importantes al elaborar paginas web? ¿Mencione algunos editores visuales de paginas web? ¿Menciones algunos editores de texto que nos ayudan a elaborar pagina web? ¿Escriba las etiquetas básicas de las paginas web?

Hipervínculos A través del atributo href se especifica la página a la que está asociado el enlace, la página que se visualizará cuando el usuario haga clic en el enlace. Por ejemplo, para insertar el enlace: Sitio ITCA-FEPADE

Anclas Cuando se tienen documentos extensos, divididos en varios apartados, es preferible poder ir directamente al apartado deseado, en lugar de ir al comienzo del documento. Un ancla necesita que se inserten las y, con el atributo name, que puede tomar cualquier valor inventado por el usuario, se recomienda no utilizar caracteres especiales.

Insertar Imágenes Para insertar una imagen es necesario insertar la etiqueta. El nombre de la imagen ha de especificarse a través del atributo src. Teniendo en cuenta que la imagen se llama logo_itca.jpg y que está dentro de la carpeta imágenes, que se encuentra en el mismo directorio que el documento actual (referencia relativa al documento).

Alineación de una imagen La alineación de las imágenes se establece a través del atributo align. Este atributo indica la alineación de las imágenes con respecto a la línea de texto en la que se encuentran. Los valores del atributo align pueden ser los siguientes: Absbottom: inferior absoluta Absmiddle: medio absoluta Baseline: línea de base Bottom: inferior left: izquierda middle: medio right: derecha texttop: texto superior top: superior LOGO DEL ITCA

Tablas Para crear una tabla hay que insertar las etiquetas y. Entre dichas etiquetas habrá que especificar las filas y columnas que formarán la tabla. Fila Es necesario insertar las etiquetas y por cada una de las filas de la tabla. Estas etiquetas deberán insertarse entre las etiquetas y. Columna Es necesario insertar las etiquetas y por cada una de las celdas que compongan cada una de las filas de la tabla. Por lo tanto, habrá que insertar esas etiquetas entre las etiquetas y.

Formato de la tabla

Preguntas 1.¿Cuáles son las etiquetas de los Hipervínculos? 2.¿Cuáles son los atributos de los hipervínculos? 3.¿ Escriba algunos ejemplos de hipervínculos? 4.¿ Mencione la etiqueta para insertar imágenes? 5.¿Mencione las etiquetas para las imágenes? 6.¿Escriba algunos ejemplos para insertar imágenes? 7.¿Cuales son las etiquetas para tabla? 8.¿Cuáles son algunos parámetros de las tablas? 9.¿Escriba algunos ejemplos para insertar una tabla? 10. ¿ Escriba las etiquetas para crear una pagina web y ocuparlas etiquetas de la clase?