El color El tamaño del texto Tipo de letra Listas.

Slides:



Advertisements
Presentaciones similares
Escribir en un wiki. Insertar imágenes y enlaces
Advertisements

Laboratorio 1 Paginas Web y HTML
CREACIÓN DE PÁGINAS WEB CON SHAREPOINT DESIGNER 2007 (Sesión 2) Ricardo Ferrís Castell ( ) Departament D Informàtica.
Repaso desde HTML a XHTML
TUTORIAL PASO A PASO Parte 2. PASO 7: Organizando los archivos Antes de dar inicio a la creación del contenido del curso debes tomar en cuenta que necesitarás.
Marcos y multimedia con html
Lenguaje de definición
Publisher 2010 Paloma Ozores Díez.
INTRODUCCION A CSS.
¿Qué es formato? Conjunto de fuentes, números y simbolos en un estilo o diseño específicos. Aspecto del texto o de los objetos en una diapositiva. Fuente.
Práctica Profesional HTML.
Los wikis con wikispace
HTML SENA.
BARRA DE HERRAMIENTAS FORMATO
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.
PRESENTACIONES EFECTIVAS Licda. Maura de Magaña Sábado de 7:00 a 12:00
Tecnología de la Comunicación II
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.
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.
Disposición de la división de las páginas: La zona de contenido principal tendrá 25 píxeles de espacio en blanco en la parte izquierda superior. /*División.
CSS div.
 Elaborar un documento en Word que contenga, marcadores, enlaces y gif animados.
Laboratorio 1 Paginas Web y HTML Justiniano Junco B Curso: Computación Justiniano Junco Fecha: 23 de Mayo del 2012 Profesor:
SITIO, BITÁCORA Y AULA VIRTUAL
Es la tercera etiqueta de Excel de la banda de opciones.
WORLD WIDE WEB Lenguaje HTML
Lenguaje de definición
ETIQUETAS. Importante Que es una Etiqueta: Son elementos que tienen dos propiedades básicas: atributos y contenidose crea de esta forma, Se cierra de.
I M A G E N E S. muestra la imagen "IMAGEN.JPG" que se encuentra en la URL
Editor de fotografías Programa: GIMP (y 2). MUY IMPORTANTE El formato JPG está basado en filtros y algoritmos de compresión que provocan una pérdida.
Piktochart M.I.S.T. Miguel Ángel Romero Ochoa Hermosillo, Sonora, México. Octubre 2014 Espacio educativo: Nuevas Tecnologías de la Información y la Comunicación.
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.
HTML.
“Trabajando en Notepad”
Ingresa a Ingresas el nombre de tu pagina, debe estar relacionado con el contenido. Ingresas tu correo electrónico, te llegara un mensaje.
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.
TALLER 2 PARTE I COIS-408 Prof. Pedro M. Moreno – Enero 2010 Universidad Metropolitana – Recinto de Cupey 1.
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
TABLA EN HTML Celda 1Celda2celda3 Celda 4Celda 5Celda 6 Celda 1 Celda 2 Celda 3 Celda 4 Celda 5 Celda 6.
Imágenes.
DISEÑO DE PAGINAS RUBEN DARIO CORDOBA.
SITIO RECOMENDADO PARA REALIZAR LA WIKI

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)
HTML.
CODIGO HTML HTML, siglas de HyperText Markup Language
En 3 Pasos!.
Karina Quispe. Multiplataforma Simple Esta en todos lados No es mas que simple texto Libre.
Ejemplode.com presenta
@josedlujan. Director de Desarrollo M.T.I. José Dimas Luján Castillo
Clase 3 IMÁGENES Existen tres tipos de formato de imágenes que se pueden Insertar en un documento HTML: JPEG GIF PNG.
TABLAS EN PROCESADOR WRITER. INSERTAR UNA TABLA Método 1 Menú TABLA Opción INSERTAR / TABLA Método 2 Presionar Ctrl + F12 En la ventana que aparece se.
Diseño de una publicación digital Curso: Medios digitales Dra. Lyudmyla Yezers´ka.
Buscador de Promociones Francés net Pet Página principal del buscador – situación actual Issues: Tamaño de las letras en el buscador avanzado.
Una de las características de un sitio Web eficaz es mostrar sus contenidos de manera accesible y vincular de manera fácil a documentos de diferentes.
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,
ANDRES MAURICIO QUINTERO MACEA Programación Web Lic. Informática y medios audiovisuales Facultad de educación y ciencias humanas Universidad de Córdoba.
“HTML – Imágenes” Rogelio Ferreira Escutia.
Transcripción de la presentación:

El color

El tamaño del texto

Tipo de letra

Listas

Lista desordenada

Lista ordenada

Lista de definiciones

IMAGENES Una página web sin alguna imagen es como el mar sin sal. Para incluir gráficos e imágenes en nuestras páginas utilizaremos la etiqueta El parámetro SRC especifica la URL del fichero que contiene el gráfico. Los formatos estándar en la red son el GIF, PNG y JPG El parámetro ALT especifica el texto que se mostrará. Los atributos WIDTH y HEIGHT indican el ancho y alto del gráfico en pixels. Su uso no es obligatorio pero si muy aconsejable para mejorar el tiempo de carga de la iamgen: el navegador sabe el espacio que ocupará. Por último vemos el atributo BORDER que como podrás adivinar tan solo coloca el ancho del borde que rodea la imagen.

IMAGENES DE FONDO Para poder insertar una imagen de fondo, a la etiqueta body se le debe de colocar el atributo background. Ejemplo: NOTA: Si la imagen no es lo suficientemente grande, esta se repetirá hasta rellenar toda la pagina.

Imágenes y enlaces En este caso el navegador destaca la imagen colocandole un borde del color que use para señalar los enlaces de texto. Algo bastante lógico pero que en la mayoría de los casos queda poco estético, afortunadamente podemos eliminar ese borde poniendo a 0 el atributo BORDER. Se ve así:

ENLACES Para agregar un enlace: EL TEXTO DEL VINCULO Para un link pueden ser: ◦Dirigiendote a una pagina dentro de tu pagina. ◦Dirigiendote a una imagen ◦Dirigiendote a una pagina externa.

Ejemplo: ◦ IR AL BUSCADOR Te lleve a una página externa de tu página. ◦ Te coloca una imagen para que sea el vínculo.

Tablas

Ejemplo de tabla

Encabezado 1 Encabezado 2 Encabezado 3 Este texto está alineado al centro verticalmente y a la izquierda horizontalmente

Titulares