Diseño de páginas Web Elaboración de Unidades Didácticas en Web.

Slides:



Advertisements
Presentaciones similares
HTML Instituto Universitario de Tecnología Valencia
Advertisements

Nau Gran dHivern Intr. a la creación y gestión de páginas web Introducción a la web.
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.
Publicación de páginas web
Lenguaje de definición
INTRODUCCION A CSS.
HTML SENA.
Guía de autoaprendizaje
INTERNET Y SUS APLICACIONES
Docente: Jineth Hurtado
Hypertext Markup Language HTML
DreamWeaver (curso de 6 horas)
DISEÑO DE PAGINAS WEB Las páginas Web son documentos de hipertexto y multimedia. Son documentos multimedia que incorporan imágenes, videos, animaciones,
Cómo hacer una página web Basado en la presentación de Ana Isabel Álvarez.
Ing. GISCARD MARQUEZ VALVERDE.
Diseño Web y Multimedia 1 Clase 3 Docente: Josué Fortis.
Ing. Cleyver Vazquez Jijon
Ander Barbier Ibáñez Indice  Futuro webs de asignaturas  Pasos para crear una web de asignatura  Editar web asignatura  Resumen xhtml  Subir la página.
Junio 2: Desarrollo del proyecto en la sala 3 Junio 9: Continuación del proyecto en la sala 3 Junio 16: Examen Final. Sala 3. Entrega del proyecto (se.
HTML Conceptos básicos.
Sandra Constanza Rubiano
Diplomatura de Fisioterapia - APENDICE A Robles, HTML Apendice A Diseño de Páginas Web ( HyperText Markup Language) Apendice A Diseño de Páginas.
HTML HyperText Markup Language (Lenguaje de Marcas de Hipertexto)
DISEÑO DE SITIOS WEB FRONTPAGE 2003.
HTML – Principales Etiquetas
M.C. Juan Carlos Olivares Rojas
Construcción de una página Web.
Introducción Publicación en Internet con Microsoft Office Sevilla, junio de 2004 SalirIniciar.
HTML (Hyper Text Markup Language)
CREACIÓN DE SITIOS WEB REINALDO DUQUE S. Profesor de tecnología COLEGIO CLERMONT Febrero de 2008.
1 TIC IUNICACH-J.O.Z Tecnologías de Inf. y Com. I Sumario de la Asignatura M.C. Jesús Ocaña Zúñiga Universidad de Ciencias y Artes de Chiapas. Escuela.
Carrera de Comunicación | Pontificia Universidad Javeriana Construyendo un Hipertexto Unidad 3 Manipulación programa editor en HTML Dreamweaver MX Studio.
© Rafael Moreno Esteban 2008 Creación y gestión de páginas Web para EEOOII EOI Chiclana 15/02/08.
Unidad didáctica 6 Diseño de páginas Web.
Escuela: Colegio de bachilleres 20 del valle Materia: tecnología de la información y comunicación.
El HTML ( Hyper Text Markup Language ) es el lenguaje con el que se escriben las páginas web. Etiqueta de apertura: Etiqueta de cierre:
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.
UNIVERSIDAD PANAMERICANA CAMPUS BONATERRA Informática administrativa I Flash Páginas HTML - WEB.
UNIDAD 7 WEB Y HTML.
Internet y Navegadores
HTML. Que es HTML? ● Nace del XML en los principios de la “web” ● Es un lenguaje de estructuracion de documentos ● NO es considerado un lenguaje de programacion.
CONFECCIÓN DE PÁGINAS WEB CON MS FRONT PAGE - TICEQ Prof: Dr. Carlos A. Núñez Dpto. Química Física, U.H
Ingresa a Ingresas el nombre de tu pagina, debe estar relacionado con el contenido. Ingresas tu correo electrónico, te llegara un mensaje.
Tu empresa Ing. Diego J. Arcusin Universidad del Cema – Facultad de Ingeniería En Internet? ¿Cómo crear.
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.
Hyper Text Markup Language (LENGUAJE DE MARCAS DE HIPERTEXTO) HTML.
Introducción a las Tecnologías Informáticas Oscar Bedoya
Internet y Navegadores Unidad 5.  WWW World wide web Literalmente "tela de araña mundial", más conocida como web.  HTML Lenguaje de Marcado de HyperTexto.
INFORMÁTICA SOCIEDAD Y ORGANIZACIÓN
Netscape Un programa que proporciona acceso a web, correo y news.
Alumno: Luis Gonzalo López Liendo Pág. Web: Horario: Martes – Jueves De pm Profesor: Víctor.
HTML.
Hipervínculos con un correo electrónico.  Todos utilizamos el correo electrónico para comunicarnos, bueno pues aquí les traigo unos códigos para que.
Hyper Text Markup Language (LENGUAJE DE MARCAS DE HIPERTEXTO) HTML.
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:
Formato de sitios Requisitos y Recomendaciones Técnicas.
BIENVENIDOS ESTE EQUIPO ESTA CONFORMADO POR ABRAHAM CASTRO RAUL MARTINEZ DAVID ROBLES.
Realizado por Carolina R. PAGINA WEB: Documento creado en lenguaje HTML (Hyper Text Markup Language) o otros (.asp.shtml.jsp.php) SITIO WEB: sitio localizado.
Tecnologías Emergentes y los Negocios Unidad 4 – Diseño de Sites.
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.
2.1 Conocer la terminología básica del software para diseñar una página Web
DISEÑO DE PÁGINAS WEB HTML Y CSS Tema 1: Introducción Jose Miguel Vidagany Igual.
Modelo Cliente - Servidor. La Web funciona siguiendo el denominado modelo cliente-servidor, habitual en las aplicaciones que funcionan en una red. Existe.
Diseño de una publicación digital Curso: Medios digitales Dra. Lyudmyla Yezers´ka.
El color El tamaño del texto Tipo de letra Listas.
1. Introducción ¿Qué es HTML? HTML, siglas de HyperText Markup Language («lenguaje de marcado hipertextual»), hace referencia al lenguaje para la elaboración.
Crear una presentación para la web.
ESTRUCTURA DE UNA PÁGINA WEB ING. AYAMAIN SILVA. RESULTADO DE APRENDIZAJE Identificar las partes de una pagina web con el uso del lenguaje XHTML. Diseño.
ANDRES MAURICIO QUINTERO MACEA Programación Web Lic. Informática y medios audiovisuales Facultad de educación y ciencias humanas Universidad de Córdoba.
Transcripción de la presentación:

Diseño de páginas Web Elaboración de Unidades Didácticas en Web

Contenido Páginas Web El lenguaje HTML Estructura de un documento HTML Enlaces Imágenes Colores

¿Qué es una página Web? Fichero de (hiper)texto Indica al navegador qué y cómo presentar la información Texto Colores, imágenes,... Enlaces Codificado en lenguaje HTML

¿Cómo crear páginas Web? Editor de texto (Notepad, Wordpad) Editor de HTML (HTMLed) Aplicación compatible con HTML (Word, PowerPoint) Editor de páginas Web (Composer) Gestor de Webs (FrontPage, DreamWeaver)

El lenguaje HTML Etiquetas Inicio de etiqueta Elementos a los que afecta Cierre de etiqueta Atributos

Estructura de un documento HTML Título Texto del documento, Gráficos, Enlaces,...

Enlaces Direcciones URL Ficheros de otros servidores Web Enlaces locales Ficheros en el mismo sevidor Enlaces internos Destinos en el propio fichero Envío de mensajes de correo

Direcciones URL Universidad Politécnica de Valencia

Enlaces locales 1.Fichero en una subcarpeta 2.Fichero en la misma carpeta 3.Fichero en una supercarpeta 1 3 2

Fichero en una subcarpeta En index.htm: Aficiones: Astronomía

Fichero en la misma carpeta En index.htm: Ver animación

Fichero en una supercarpeta En astronomía.htm: Volver al principio

Enlaces internos Destino del enlace texto Enlace desde el propio fichero texto Enlace desde fuera texto

Envío de mensajes de correo

Inclusión de imágenes Enlace a la imagen La imagen como enlace

Formato de la imagen Borde Tamaño Alineación del texto

Códigos de color Sistema con 16 dígitos A B C D E F #rrggbb #FFFFFF  Blanco #  Negro #FFFF00  Amarillo

Colores en una página Texto normal Texto del enlace Enlace visitado Enlace activo (en descarga)

Fondo de la página Color Imagen

F I N