SITIOS WEB
El objetivo de Internet es difundir información que pueda ser accesible de forma remota.
La información aparece en sitios web a los que se accede con una dirección
SITIOS WEB
Esta información se almacena en ficheros: .html (texto e imagen), .gif, .jpeg (imágenes) y otros (.doc, .pdf).
http:://www.euitt.upm.es/index.html
http:://www.euitt.upm.es/laeuitt/situacion.html
http:://www.euitt.upm.es/gifs/plano_situacion.gif
EJERCICIO: Abrir el sitio con MDW.
Ventana> Sitio
Al empezar a hacer un trabajo debemos abrir un sitio nuevo.
SITIOS WEB
Para crear un sitio definimos lo siguiente:
Datos locales
Nombre del sitio.
Nombre de la carpeta raíz local
Datos remotos: definimos el modo de acceso a estos datos y donde se encuentran.
Servidor de prueba: introducimos el tipo de servidor y el modo de acceso.
Los dos últimos campos no siempre son necesarios.
PAGINAS WEB
Las páginas web permiten componer la información que se quiere distribuir.
Incluyen texto+imágenes+otros (vídeo, audio, animaciones, etc…)
Incluyen enlaces para poder navegar
EJERCICIO: Análisis de página web. Identificación de elementos.
PAGINAS WEB
Una página web está escrita en html
Se trata de un lenguaje que se apoya en texto.
Cada elemento de una página web tiene su correspondiente etiqueta en el fichero .html correspondiente.
EJERCICIO: Analizar una página en MDW. Modificar elementos y ver el efecto
EL TEXTO
Puede escribirse directamente en el editor y después darle un formato.
Ventana>Propiedades
Cambiar el estilo: fuente, color, cursiva…
Cambiar el formato: encabezados, normal, párrafo y formatos.
EJERCICIO: Escribir una página web con unos cuantos apartados combinando estilos.
ATENCIÓN: NO SE TRATA DE UN TAPÍZ¡¡¡
LA PÁGINA
Botón derecho> Propiedades de la pag.
Imágenes de fondo
Colores y márgenes
Ejercicio: Hacer un patrón de fondo e incluirlo.
Creación de líneas horizontales.
VÍNCULOS
Seleccionar el texto y escribir en la opción Vínculo de la ventana de propiedades.
Opciones:
Escribir el destino.
Arrastrar el archivo destino.
Buscar el archivo.
También con el botón
VÍNCULOS
Creación de vínculos internos.
Enlace a un e-mail
Destinos
_blank en una ventana de navegador nueva y sin nombre.
_parent en el conjunto de marcos padre o en la ventana del marco que contiene el vínculo. Si el marco que contiene el vínculo no está anidado, el archivo vinculado se cargará en la ventana completa del navegador.
_self en el mismo marco o ventana que el vínculo. (predeterminado)
_top en la ventana completa del navegador
EJERCICIO: Hacer un índice para un documento con tres apartados.
IMAGENES
Insertar una imagen es incluir una referencia a un fichero con la imagen: .gif, .jpeg, .png
Pulsar el botón . Insertar>Imagen. Ctrl+Alt+I
Propiedades básicas de tamaño y vínculo.
Posición en la ventana. Alineamiento de texto a su alrededor.
Selección de zonas (avanzado)
Imagen Origen Base: Imagen de inferior calidad que se carga antes en el navegador.
Página siguiente |