Page 1

REPUBLICA BOLIVARIANA DE VENEZUELA UNIVERSIDAD BICENTENARIA DE ARAGUA VICERRECTORADO ACADEMICO CIENCIAS ADMINISTRATIVAS Y SOCIALES ESCUELA DE COMUNICACIÓN SOCIAL

REVISTA DIGITAL SOBRE DREAMWEAVER “WEBTOON”

PROFESOR/A: ING. CARLA HENNING

BACHILLER: SARA BARRIOS C.I 28.274.146


TABLA DE CONTENIDOS EN ESTE CUADRO SE PRESENTAN LOS TEMAS A TRATAR EN ESTA EDICION DE WEBTOON DIGITAL SOBRE LA APLICACIÓN ADOBE DREAMWEAVER; DE CLICK EN CUALQUIER OPCION QUE SEA DE SU INTERES PARA MAS INFORMACION. 1. ADOBE DREAMWEAVER: UNA APLICACIÓN PERSONALIZADA 2. ENCABEZADO DE PAGINA:

• • •

Etiqueta HTML Etiqueta HEAD Etiqueta TITLE

3. CUERPO DEL DOCUMENTO:

4.

Etiqueta BODY (atributos BGCOLOR, BACKGROUND, TEXT, LINK, VLINK, ALINK) TITULO

Etiqueta HN (H1-H6)

5. TAMAÑO DE LA LETRA Y COLOR: • Etiqueta FONT (atributo SIZE Y COLOR)

6. LA MARCA IMG • Atributo ALIGN (valores adicionales como TOP, MIDDLE, BOTTOM)


ADOBE DREAMWEAVER: UNA APLICACIÓN PERSONALIZADA

Es una aplicación en programa de estudio (basada en la forma de estudio de Adobe Flash) que está destinada a la construcción, diseño y edición de sitios, vídeos y aplicaciones Web basados en estándares.

Dreamweaver ha tenido un gran éxito desde finales de los años 1990 y actualmente mantiene el 90% del mercado de editores HTML. Esta aplicación está disponible tanto para la plataforma MAC como para Windows, aunque también se puede ejecutar en plataformas basadas en UNIX utilizando programas que implementan las API's de Windows, tipo Wine.


ENCABEZADO DE PAGINA ETIQUETA HTML

EJEMPLO:

Sus siglas comprenden HyperText Markup Language y es el lenguaje utilizado para la creación de páginas web; este funciona para describir la estructura básica de una página y organizar la forma en que se mostrará su contenido, además de que permite incluir enlaces (links) hacia otras páginas o documentos.


ENCABEZADO DE PAGINA ETIQUETA HEAD

EJEMPLO:

El elemento HTML <head> provee  información  general  (metadatos)  acerca  del  documento,  incluyendo  su  título  y  enlaces a scripts y hojas de estilos.


ENCABEZADO DE PAGINA ETIQUETA TITLE

EJEMPLO:

Indica el título del documento (<title>) ; todos los documentos deben tener un título, por lo tanto este elemento es obligatorio y debe estar ubicado dentro del elemento head. El contenido de title suele ser mostrado en la barra de título de la ventana del navegador


CUERPO DEL DOCUMENTO ETIQUETA BODY

EJEMPLO:

El cuerpo es la segunda secciรณn de la estructura del HTML y estรก definida por las etiquetas <BODY>...</BODY>. Dentro de las etiquetas del cuerpo se localiza toda la informaciรณn que serรก desplegada en los exploradores; dentro de la etiqueta de <BODY>...</BODY> se incluye toda la informaciรณn que es destinada a desplegarse dentro el documento.


CUERPO DEL DOCUMENTO ETIQUETA BODY (atributos)

Atributo BGCOLOR Atributo BACKGROUND Atributo TEXT

La etiqueta del cuerpo <BODY>...</BODY>, contienen atributos que controlan la parte visible del documento. Estos atributos o propiedades son popularmente usados para agregar color y diseño a la página. Determina el color del fondo de la página.

Especifica una imagen determinada para ser usada como fondo de la página.

Determina el color del texto de la página.


CUERPO DEL DOCUMENTO Atributo LINK

Color de las ligas o enlaces que contiene la pรกgina.

Atributo VLINK

Color de las ligas o enlaces visitadas dentro de la pรกgina.

Atributo ALINK

Color que aparece al darle clic sobre una liga o enlace.

EJEMPLOS:


TITULO DEL DOCUMENTO ETIQUETA HN (H1-H6)

EJEMPLO:

Las etiquetas de títulos HN permiten definir los diferentes niveles de títulos que estructuran el contenido editorial de una página web. En el universo HTML existen 6 niveles de encabezados HN: el H1 que es el más importante y el H6 que es el menos importante. Estructurar este contenido editorial a través de encabezados HN , va a permitir a Google y a otros motores de búsqueda, identificar los conceptos clave de tu página. Básicamente esta etiqueta proporciona una información semántica y da una estructura o jerarquía a los contenidos editoriales.


TAMAÑO DE LA LETRA Y COLOR ETIQUETA FONT

Atributos de FONT (size)

EJEMPLO N.1 :

Esta etiqueta se creo para tener la posibilidad de controlar en mayor medida aún la apariencia del texto en la pagina web. La etiqueta FONT permite tener un gran control sobre el tamaño de un texto; este tamaño se especifica con su atributo SIZE y afectará al texto que encierren la instrucción de inicio (<FONT SIZE="">) y de fin (</FONT>). A su vez existen dos maneras de utilizar este atributo; la primera es indicar un tamaño absoluto de 1 (menor) a 7 (mayor) ; y el segundo consiste en indicar un tamaño relativo respecto al que haya por defecto.

EJEMPLO N.2 :


TAMAÑO DE LA LETRA Y COLOR Atributos de FONT (color)

EJEMPLO:

Con otro atributo de la etiqueta FONT: COLOR se puede cambiar el color del texto con la misma facilidad con la que se cambia su tamaño. Un método para utilizar este atributo consiste en colocar como valor de COLOR el nombre del color en inglés; en este caso l os colores aceptados son: Black (negro), white (blanco),green (verde), maroon (marron rojizo), olive (verde oliva), entre otros.


LA MARCA IMG ¿Qué es?

Esta marca es un elemento de HTML <img> y este mismo representa una imagen en le documento.

Atributo ALIGN

Determina el alineamiento del texto respecto al contexto que la rodea.

EJEMPLO:


LA MARCA IMG Atributo ALIGN valores adicionales

TOP Ajusta la imagen a la parte más alta de la línea; es decir, si existe una imagen más alta, ambas imágenes presentaran el borde superior a la misma altura.

MIDDLE

Hace coincidir la base de la línea de texto con el medio vertical de la imagen.

BOTTOM

Ajusta el bajo de la imagen al texto.

GUIA DE DREAMWEAVER  

ES UNA GUIA PRA PRINICPAINTES, LA CUAL MUESTRA ALGUNOS CONOCIMIENTOS BASICOS SOBRE ESTA APLICACION DE EDICION DE PAGINAS WEB EN LA APLICACIO...

GUIA DE DREAMWEAVER  

ES UNA GUIA PRA PRINICPAINTES, LA CUAL MUESTRA ALGUNOS CONOCIMIENTOS BASICOS SOBRE ESTA APLICACION DE EDICION DE PAGINAS WEB EN LA APLICACIO...

Advertisement