DISEÑO DE PAGINAS WEB Las páginas Web son documentos de hipertexto y multimedia. Son documentos multimedia que incorporan imágenes, videos, animaciones,

Slides:



Advertisements
Presentaciones similares
Laboratorio 1 Paginas Web y HTML
Advertisements

Repaso desde HTML a XHTML
Introducción a Bloc de notas
HTML PROGRAMACION WEB.
Elaboró: Paola Elizabeth Oviedo Lara
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
Práctica Profesional HTML.
HTML Formato al texto.
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.
Ing. GISCARD MARQUEZ VALVERDE.
Diseño Web y Multimedia 1 Clase 3 Docente: Josué Fortis.
Ing. Cleyver Vazquez Jijon
Tecnología de la Comunicación II
( Hyper Text Markup Lenguage )
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.
Hojas de Estilo Una hoja de estilo es un documento es un documento independiente, donde se definen todos los estilos que se utilizarán en todas las páginas.
HTML Conceptos básicos.
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.
Hypertext Markup Language HTML
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.
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)
TELEMATICA 1 SISTEMAS DE INFORMACIÓN Y TELEMATICA SECCIÓN
DISEÑO DE SITIOS WEB FRONTPAGE 2003.
Construcción de una página Web.
Diseño de páginas Web Elaboración de Unidades Didácticas en Web.
HTML (Hyper Text Markup Language)
Laboratorio 1 Paginas Web y HTML Justiniano Junco B Curso: Computación Justiniano Junco Fecha: 23 de Mayo del 2012 Profesor:
Diseño de Páginas Web Unidad 7. 5 puntos imprescindibles 11. Conocer los grupos de trabajo que sobre la red tratan la accesibilidad y el intercambio de.
HTML El HTML no es más que una aplicación del SGML (Standard Generalized Markup Language), un sistema para definir tipos de documentos estructurados y.
UNIDAD 7 WEB Y HTML.
1  ¿ Qué es un sitio web ?  Colección de páginas web dotadas de una dirección web única  ¿ Qué es un página web ?  Es un documento creado en lenguaje.
ETIQUETAS. Importante Que es una Etiqueta: Son elementos que tienen dos propiedades básicas: atributos y contenidose crea de esta forma, Se cierra de.
El lenguaje HTML Este lenguaje nos permite estructurar documentos. La mayoría de los documentos tienen estructuras comunes (títulos, parrafos, listas...)
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.
“Trabajando en Notepad”
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.
Hyper Text Markup Language (LENGUAJE DE MARCAS DE HIPERTEXTO) HTML.
Profesora: Laura Patricia Pinto Prieto Ingeniera de sistemas Introducción a Programación 3.
Estructura de un documento HTML Opcionalmente los documentos escritos en HTML empezarán por la marca y finalizarán con la marca. Esta marca tan solo sirve.
Curso de Programación Web html, java script. Contenido HTML Principios Color, links, listas Archivos externos Tablas y frames Java Script Datos y expresiones.
Hypertext Markup Language HTML. OBJETIVOS Conocer los fundamentos de HTML Escribir HTML usando un editor sencillo Conocer las marcas HTML Visualizar el.
Entorno Word DANIELA GALLEGO LOPEZ 11 S. Word - Diseño de pagina Icono – cuadro. Temas : Cambia el diseño general del documento(colores, tamaño, etc)
CODIGO HTML HTML, siglas de HyperText Markup Language
 Es un archivo delimitado por etiquetas que nos ayudan a crear páginas web por medio de estas por lo que hay multiples etiquetas que nos ayudan a la.
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:
Diseño y desarrollo de Páginas Web Tecnología IES Pablo Serrano 2010 – 2011 Ignacio Elorriaga.
Web 2.0 CREACIÓN DE BLOGS USANDO WORDPRESS Por Sandra Crucianelli Copyright 2008
Karina Quispe. Multiplataforma Simple Esta en todos lados No es mas que simple texto Libre.
TRABAJO MONOGRÁFICO – 4º ESO
Tecnologías Emergentes y los Negocios Unidad 4 – Diseño de Sites.
Macromedia Dreamweaver es un editor profesional de páginas Web. Permite crear sitios tanto escribiendo directamente el código en HTML, como diseñando de.
Practicas Word (Clase 14)
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.
HTML.
Curso de Programación Web html, java script. Contenido HTML Principios Color, links, listas Archivos externos Tablas y frames Java Script Datos y expresiones.
HTML.
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.
Módulo III.- Recursos en UPSA VIRTUAL Este módulo explica como configurar los distintos recursos que pueden encontrarse en un curso de MOODLE. Recurso:
¿Que es un procesador de textos? Es una aplicación informática destinada a la creación o modificación de documentos escritos por medio de un computador.
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 PAGINAS WEB Las páginas Web son documentos de hipertexto y multimedia. Son documentos multimedia que incorporan imágenes, videos, animaciones, sonidos, textos y son doctos. de hipermedia, porque incluyen enlaces con otras páginas. El lenguaje utilizado para crear páginas Wb es el HTML, se trata de un lenguaje de etiquetas que definen el aspecto de las páginas.

Una página Web está compuesta por un archivo de texto plano, con extensión html, escrito en lenguaje html y todos los archivos multimedia relacionados con él. Para crear páginas Web necesitamos un editor de texto simple como el Bloc de Notas y un poco de conocimientos de lenguaje HTML, y aprender a manejar programas de diseño Web gráficos como FrontPage o Dreamweaver.

QUE ES UN DOCTO. HTML Es un fichero te texto ASCCI, en el que incluye, además del texto que se crea mostrar en pantalla, ciertas directivas o etiquetas que indican, entre otras cosas, el formato del documento y la información relativa a los hiperenlaces. Las etiquetas se escriben entre los signos ‘ ’ y generalmente se introducen por parejas, indicando comienzo y final de una acción. Ejemplo: delante del texto y la etiqueta detrás, significa que el texto quedará centrado en la página. delante del texto y la etiqueta detrás, significa que el texto quedará centrado en la página.

La mayoría de las etiquetas precisan de un cierre, que delimite el alcance de la acción, aunque algunas presentan excepciones. El texto del documento junto a las directivas html se puede escribir con cualquier editor y el nombre del fichero que contenga dicho documento tendrá como extensión los caracteres HTML.

ESTRUCTURA DE UNA PAGINA WEB Inicio de la página Inicio de la página Encabezado de la página (titulo) Encabezado de la página (titulo) Cuerpo de la página (instrucciones) Cuerpo de la página (instrucciones) Término de la página Término de la página

GUARDAR FICHERO 1.Crear una carpeta, dentro del disco. 2.Al guardar el docto. ponerle la extensión HTML. 3.Guardarlo como docto de texto. (para no incluir otros códigos). 4. No dejar espacios blancos ni signos no comunes.

GLOSARIO Titulo= Centrado= Izquierdo= Derecho= Negrita= Cursiva= Subrayado= Cita= Codigo=

Enfasis= Fuerte= FUERTE Tachado= Grande= Pequeño= = trazado de línea divisora = realiza un trazado de línea, size es el ancho y width el largo. = salto de página = tamaño letra grande = tamaño letra pequeña = para crear párrafos (izq, der.)

= alineación izquierda. = alineación derecha. = tamaño de letra. = color de letra. nombre del enlace (escribeme). = agregar una dirección de correo.mailto:dirección de correo. = hacer un link desde una imagen. enlace al marcador = un enlace dentro de la misma página. =“nombre marcador”>contenido del enlace.

nombre del enlace= realiza la búsqueda de una página externa. = traza una línea horizontal de ancho 3 y largo 80. = Da color a toda la página. = Da color a los enlaces = Color de enlaces ya visitados. = crea tabla = fila = columna = borde y ancho de la tabla.

AA = ocupa el ancho de la página