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 |