Dreamweaver

Clase 1

HTML
Hipertext Markup Languaje (Lenguaje de marcación de hipertexto)
Escribir de forma estructurada páginas web estáticas (con imagen, sonido, video, etc.)
Extensión .htm o .html
Compuesto por etiquetas.

Etiquetas
Dar forma a la página. Delimitar los elementos.
Contiene atributos con valores.
Comienzo/cierre – otras sin cierre
…

Estructura básica de página web:IDENTIFICADOR del tipo de documento – indica el lenguaje
CABECERA – info que se muestra directo al usuario
TÍTULO – aparece en la barra de título del navegador
Título

CUERPO – contenido visible
Cuerpo

Pasos para crear una página
1) Abrir bloc de notas
2) Escribir etiquetas
3) Grabar con extensión .html

DHTML: html (webs estáticas) + Java Script (acciones o programas cortospara dar vida a web)

XHTML: todos los atributos en minúscula y valores entre comillas. Mayor flexibilidad que HTML.

DREAMWEAVER
Editor de texto de entorno visual.
Genera el código automáticamente.
WYSIWYG (lo que ves es lo que obtienes)
Agregar rápidamente diseño y funcionalidad.
Otras etiquetas para el BODY

Color de fondo: bgcolor
…

Párrafos:
Nuevo párrafo haciendo que eltexto cambie de linea.
Por defecto alinea a la izquierda.
Atributo Align para indicar otros tipos de alineación (Left, right, center, justify)
…

Encabezados: H1, H2, H3, H4, H5, H6
Para establecer títulos.
Tamaño de letra, tipo de resaltado, separación entre texto y elementos.
Puede aplicarse align.

Imagen de fondo:
Si se encuentra en el mismo directorio, indicar nombre.
…
Si estádentro de la carpeta imágenes del directorio:
…

Formato de texto:
Atributos:
Font face: nombre de fuente
Font color: valor en inglés o número hexadecimal
Font size: valores del 1 al 7 (3 por defecto)
…

Insertar imagen: img src
Navegadores reconocen solo jpg, gif y png.
No necesita etiqueta de cierre.

Atributo ALT para insertar texto alternativo. Se muestra al situar elpuntero sobre la imagen o si la imagen no puede ser visualizada en navegador (recuadro blanco con cruz roja).

Atributo border.

Alineación de imagen: atributo align (left-rigth y top-middle-bottom)

Atributos para imágenes
SCR=”isidoro.jpg” (qué imagen y dónde se encuentra)
HEIGHT=”70” (altura en píxeles de imagen, % para escala)
WIDTH=”90” (ancho)
BORDER=”0” (contorno)
ALIGN=”top”(alineamiento con respecto al texto)
VSPACE=”15” (espacio entre imagen y elementos por encima o por debajo)
HSPACE=”10” (espacio entre imagen y elementos a la der o izq)
ALT=”Isidoro cañones” (describe contenido de la imagen)

Enlaces – vínculos
pulse aquí
Cambiar color de vínculos
LINK: vínculo no visitado
VLINK: ya visitado
ALINK: mientras lo pulsamos

Internet
Gran red mundial deordenadores unidos por conexiones (tel, cable, satélite, etc) que utilizan un lenguaje o protocolo común (TCP/IP)
Inicio en 1969, Dpto de Defensa de USA crea ARPANET. Pequeña red de computadoras para transmitir información secreta.
Inventado como medio de comunicación.

Protocolo TCP/IP
Modo de número de teléfono único. Ej 80.123.589.124
Establecer comunicación entre dos puntos mediante envío deinfo.
Conjunto de normas que permite que los datos viajen por la red. Los datos se reparten en paquetes con una dirección de destino. Viajan de forma independiente por la ruta que esté disponible. En el destino se juntan los paquetes de la transmisión y si falta alguno, se pide al origen que lo mande otra vez.
Usuario conectado con el módem. El TCP/IP da a conocer la dirección física, comunicacon el ISP (Proveedor de Servicio de Internet).

World Wide Web (www)
Lo más importante de Internet.
Facilitar y hacer atractiva la utilización de la red, añadiendo interactividad.
Protocolo para manejar el sistema hipermedial (http) para que el navegador se entienda con el servidor.
Hipertexto: permite hacer clic y pasar de una página a otra.

Multimedia html
Mejorar el aspecto de la...