- Introducción. Conceptos clave. Descargar AQUÍ
- Estructura básica de una página. Mi primera página web. VER AQUÍ
- Introducción a las etiquetas HTML. Imágenes. VER AQUÍ
- BlueGriffon / Kompozer / Editor Scite (MAX) /Bloc de notas (Windows) /TextEdir (Mac)
- Lenguaje HTML: actividad 1. AQUÍ.
- Comandos básicos de texto. VER AQUÍ
- Lenguaje HTML: actividad 2. AQUÍ
- Enlaces. VER AQUÍ
- Lenguaje HTML: actividad 3. Realiza una página Web sobre la última película que hayas visto. Para ello, utiliza el editor de texto de tu ordenador y lo aprendido hasta ahora sobre lenguaje HTML. Deberá tener los siguientes apartados:
- Título de la película.
- Sinopsis.
- Descripción.
- Un enlace a otra página y/o vídeo relacionado con la película.
- Deberás poner en práctica todo lo aprendido hasta ahora: cambio del fondo del color de tu página, de las letras, estilos, párrafos, introducción de imágenes, etc.
- Ver KOMPOZER
- ENUNCIADO PÁGINA WEB CON BlueGriffon: la práctica consiste en realizar una página Web que tenga asociadas a su vez otras dos o tres páginas más (siendo el mínimo 2 y no habiendo máximo). A través de la elaboración de este ejercicio se tendrá que demostrar que:
- Se saben ejecutar correctamente los programas y se sabe guardar el archivo con el nombre adecuado. Se recuerda que la página principal debe llamarse index.html y que habrá que cumplir los parámetros establecidos en clase.
- Se sabe establecer un color de fondo y se saben insertar imágenes correctamente. Para ello se pide que la página tenga un fondo que NO sea de color blanco y habrá que introducir un mínimo de tres imágenes por página. Si tienes dudas sobre cómo cambiar el fondo de tu Web para que sea una imagen concreta, dirígete AQUÍ. Si solo quieres que sea de un color:
- En lugar de “blue” recuerda que puedes introducir cualquier otro color: IR A CÓDIGOS DE COLORES PARA HTML
- Insertar una imagen con un editor Web AQUÍ.
- Se sabe crear una tabla con soltura. Así pues, tendremos que introducir al menos una tabla en el conjunto del trabajo.
- Se establecen hipervínculos y se almacenan los archivos ordenadamente.
- Se saben introducir otros elementos multimedia como vídeos y/o música. Por este motivo, habrá que introducir en la Web al menos un vídeo y/o audio.
- Funciona la navegación tal y como se proyectó en un principio.
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- Etiquetas de formato de texto
- Cuadernillo de actividades con lenguaje HTML. VER AQUÍ.
- Actividades y ejemplos II
- Actividades y ejemplos I
- Actividad 01: títulos y párrafos. VER AQUÍ
- Actividad 0: estructura básica de la página Web. Ver AQUÍ
- ETIQUETAS HTML. Ver AQUÍ
- FORMATO BÁSICO. Descargar en PDF AQUÍ
- ASPECTOS BÁSICOS. Descargar en PDF AQUÍ
- INTRODUCCIÓN. Descargar en PDF AQUÍ
- DESCARGA DE HERRAMIENTAS PARA REALIZAR UNA WEB
- Enlace de interés: http://www.ite.educacion.es/formacion/materiales/182/cd/dos/index.html
- Comandos básicos de lenguaje HTML (I) + 2 Ejercicios
- Entrega ejercicio 1 VER AQUÍ
- Entrega ejercicio 2 VER AQUÍ
- Comandos básicos de lenguaje HTML (II)+ Práctica
- Entrega práctica evaluable VER AQUÍ
- Rúbrica para evaluar el trabajo de la página Web final del bloque 4: creación y publicación de páginas Web. VER AQUÍ
- Preguntas planteadas en clase.
- ¿Cómo poner una imagen de fondo en lenguaje HTML?
- Para poner una imagen de fondo con HTML es necesario agregar el atributo background al tagy hacer referencia a una imagen. Ejemplo:Ejemplo de imagen de fondo: Se pueden utilizar archivos en formato jpg, gif o png. No es recomendable usar otro formato.Si la imagen es más pequeña que la página, se repetirá en mozaico.>
- Para poner una imagen de fondo con HTML es necesario agregar el atributo background al tagy hacer referencia a una imagen. Ejemplo:
- ¿Cómo generar "partes", "áreas", de trabajo diferentes en mi página Web con lenguaje HTML?
- Enlace al diseño con "Frames":
- http://aprende-web.net/html/html9_1.php
- Enlaces entre páginas del mismo sitio. VER AQUÍ
- Derechos de autor: http://www.mecd.gob.es/cultura-mecd/areas-cultura/propiedadintelectual/la-propiedad-intelectual/mecanismos-de-proteccion.html
- ¿Cómo poner una imagen de fondo en lenguaje HTML?
- Manual básico de cración de páginas web: https://www.um.es/atica/documentos/html.pdf
- Para repasar: http://es.wikihow.com/hacer-una-p%C3%A1gina-web-en-HTML
- Crea tu web: http://creatuweb.espaciolatino.com/tutorhtml/index.html
- Aprende html (tutoriales): http://es.html.net/tutorials/html/
- Hojas de estilo en cascada: https://esperanzatecnologia.wordpress.com/2017/02/07/estilos-css/ http://www.gianoliveira.com/hojas-de-estilo-en-cascada.html