Diferència entre revisions de la pàgina «Llenguatge de marques en entorns web i fulls d’estil CSS»
Salta a la navegació
Salta a la cerca
| (Hi ha 15 revisions intermèdies del mateix usuari que no es mostren) | |||
| Línia 1: | Línia 1: | ||
| + | '''volver a''' [[M04 Lenguajes de marcas y sistemas de gestión de información]] | ||
=Material de teoria i soporte= | =Material de teoria i soporte= | ||
| − | * Como material para aprender HTML y CSS seguiremos | + | * Como material para aprender HTML y CSS seguiremos los cursos de la plataforma Codecademy |
| + | **[https://www.codecademy.com/learn/learn-html Learn HTML] | ||
| + | **[https://www.codecademy.com/courses/learn-css/lessons/learn-css-setup-and-syntax/exercises/intro-to-css Learn CSS] | ||
| + | *Tutoriales básicos | ||
| + | **[https://desarrolloweb.com/manuales/manual-css-hojas-de-estilo.html Tutorial completo CSS] | ||
| + | **[https://css-tricks.com/snippets/css/a-guide-to-flexbox/ Una guia completa de Flexbox] | ||
| + | **[https://flexboxfroggy.com/ Juego para aprender Flexbox] | ||
| + | **[https://css-tricks.com/snippets/css/complete-guide-grid/ Una guia completa de Grid] | ||
| − | =Proyecto= | + | =Proyectos Curso 21-22= |
| − | ==Título== | + | Choose your story, acceso mediante carpeta compartida en DRIVE |
| + | =Proyectos Curso 20-21= | ||
| + | Siete y medio, acceso mediante carpeta compartida en DRIVE | ||
| + | =Proyectos Curso 19-20= | ||
| + | ==Proyecto 19-20 A== | ||
| + | ===Título=== | ||
Creación de mi portfolio web | Creación de mi portfolio web | ||
| − | ==Descripción== | + | ===Descripción=== |
El objetivo de este proyecto es la creación de un portfolio web donde exponer de manera visual y atractiva la información de un curriculum y otros datos de interés profesional para las posibles empresas que puedan estar interesadas. | El objetivo de este proyecto es la creación de un portfolio web donde exponer de manera visual y atractiva la información de un curriculum y otros datos de interés profesional para las posibles empresas que puedan estar interesadas. | ||
| − | ==Duración== | + | ===Duración=== |
5 horas de clase (2 semanas) | 5 horas de clase (2 semanas) | ||
| − | ==Especificaciones del proyecto== | + | ===Especificaciones del proyecto=== |
| − | ===Especificaciones técnicas=== | + | ====Especificaciones técnicas==== |
#Se utilizará HTML para estructurar el contenido | #Se utilizará HTML para estructurar el contenido | ||
#Se utilizará CSS para añadir diseño a la estructura HTML | #Se utilizará CSS para añadir diseño a la estructura HTML | ||
| Línia 17: | Línia 30: | ||
#Menú de acceso a las secciones | #Menú de acceso a las secciones | ||
#Cada página HTML tiene que tener divididos los contenidos con "DIV"s | #Cada página HTML tiene que tener divididos los contenidos con "DIV"s | ||
| − | ===Especificaciones funcionales=== | + | ====Especificaciones funcionales==== |
#Apartados o secciones: | #Apartados o secciones: | ||
##Bio: Esta sección es información personal. Foto, nombre, edad, aficiones, intereses, etc. Esta será la sección principal del protfolio | ##Bio: Esta sección es información personal. Foto, nombre, edad, aficiones, intereses, etc. Esta será la sección principal del protfolio | ||
| Línia 24: | Línia 37: | ||
##Experiencia profesional: Especificamos la experiencia profesional, pero solo aquella que sea relevante para el tipo de trabajo que estamos buscando | ##Experiencia profesional: Especificamos la experiencia profesional, pero solo aquella que sea relevante para el tipo de trabajo que estamos buscando | ||
##Contacto: Facilita a las empresas interesadas como contactar contigo | ##Contacto: Facilita a las empresas interesadas como contactar contigo | ||
| − | ==Evaluación== | + | ===Evaluación=== |
| − | *Realización del proyecto cumpliendo todas las especificaciones técnicas (3,5 puntos) | + | *Realización del proyecto cumpliendo todas las especificaciones técnicas ('''3,5 puntos''') |
| − | *Realización del proyecto cumpliendo todas las especificaciones funcionales (3,5 puntos) | + | *Realización del proyecto cumpliendo todas las especificaciones funcionales ('''3,5 puntos''') |
| − | *Presentación (3 puntos) | + | *Presentación ('''2 puntos''') |
| − | *Claridad de código (1 punto) | + | *Claridad de código ('''1 punto''') |
| + | ==Proyecto 19-20 B== | ||
| + | ===Título=== | ||
| + | Creación de portal de gestión web Club VR | ||
| + | ===Descripción===El objetivo de este proyecto es la creación de un portal web para el Club VR del instituto. Este portal tiene que ofrecer información sobre el club (donde está situado, que es el club, quien puede ser socio, derechos y obligaciones de los socios, material disponible, horarios, contacto, noticias...) | ||
| + | ===Duración=== | ||
| + | 5 horas de clase (2 semanas) | ||
| + | ===Especificaciones del proyecto=== | ||
| + | ====Especificaciones técnicas==== | ||
| + | #Se utilizará HTML para estructurar el contenido | ||
| + | #Se utilizará CSS para añadir diseño a la estructura HTML | ||
| + | #En el/los ficheros HTML no pueden haber estilos "incrustados" | ||
| + | #Los estilos CSS han de estar en un (o varios) fichero a parte | ||
| + | #Menú de acceso a las secciones | ||
| + | #Cada página HTML tiene que tener divididos los contenidos con "DIV"s | ||
| + | ====Especificaciones funcionales==== | ||
| + | '''Los apartados o secciones pueden variar según la información proporcionada por el Club de VR''' | ||
| + | #Apartados o secciones: | ||
| + | ##Página principal: Bienvenida, información sobre el portal en sí | ||
| + | ##Contacto: Donde y con quien contactar para pedir información | ||
| + | ##Material disponible: PCs, Gafas VR, Juegos, experiencias | ||
| + | ##Derechos y obligaciones de los socios: Que pueden hacer los socios y que obligaciones tienen | ||
| + | ##Quien y como convertirse en socio: Explicación o información sobre como hacerse socio | ||
| + | ##Horario: los horarios en los que se puede acceder al club | ||
| + | |||
| + | ===Evaluación=== | ||
| + | *Realización del proyecto cumpliendo todas las especificaciones técnicas ('''3,5 puntos''') | ||
| + | *Realización del proyecto cumpliendo todas las especificaciones funcionales ('''3,5 puntos''') | ||
| + | *Presentación ('''2 puntos''') | ||
| + | *Claridad de código ('''1 punto''') | ||
Revisió de 12:12, 2 des 2021
volver a M04 Lenguajes de marcas y sistemas de gestión de información
Material de teoria i soporte
- Como material para aprender HTML y CSS seguiremos los cursos de la plataforma Codecademy
- Tutoriales básicos
Proyectos Curso 21-22
Choose your story, acceso mediante carpeta compartida en DRIVE
Proyectos Curso 20-21
Siete y medio, acceso mediante carpeta compartida en DRIVE
Proyectos Curso 19-20
Proyecto 19-20 A
Título
Creación de mi portfolio web
Descripción
El objetivo de este proyecto es la creación de un portfolio web donde exponer de manera visual y atractiva la información de un curriculum y otros datos de interés profesional para las posibles empresas que puedan estar interesadas.
Duración
5 horas de clase (2 semanas)
Especificaciones del proyecto
Especificaciones técnicas
- Se utilizará HTML para estructurar el contenido
- Se utilizará CSS para añadir diseño a la estructura HTML
- En el/los ficheros HTML no pueden haber estilos "incrustados"
- Los estilos CSS han de estar en un (o varios) fichero a parte
- Menú de acceso a las secciones
- Cada página HTML tiene que tener divididos los contenidos con "DIV"s
Especificaciones funcionales
- Apartados o secciones:
- Bio: Esta sección es información personal. Foto, nombre, edad, aficiones, intereses, etc. Esta será la sección principal del protfolio
- Estudios: Aquí detallarás tu formación, incluyendo titulación, nombre del centro, año, etc
- Proyectos: Aquellos proyectos personales interesantes puedes ponerlos aquí
- Experiencia profesional: Especificamos la experiencia profesional, pero solo aquella que sea relevante para el tipo de trabajo que estamos buscando
- Contacto: Facilita a las empresas interesadas como contactar contigo
Evaluación
- Realización del proyecto cumpliendo todas las especificaciones técnicas (3,5 puntos)
- Realización del proyecto cumpliendo todas las especificaciones funcionales (3,5 puntos)
- Presentación (2 puntos)
- Claridad de código (1 punto)
Proyecto 19-20 B
Título
Creación de portal de gestión web Club VR ===Descripción===El objetivo de este proyecto es la creación de un portal web para el Club VR del instituto. Este portal tiene que ofrecer información sobre el club (donde está situado, que es el club, quien puede ser socio, derechos y obligaciones de los socios, material disponible, horarios, contacto, noticias...)
Duración
5 horas de clase (2 semanas)
Especificaciones del proyecto
Especificaciones técnicas
- Se utilizará HTML para estructurar el contenido
- Se utilizará CSS para añadir diseño a la estructura HTML
- En el/los ficheros HTML no pueden haber estilos "incrustados"
- Los estilos CSS han de estar en un (o varios) fichero a parte
- Menú de acceso a las secciones
- Cada página HTML tiene que tener divididos los contenidos con "DIV"s
Especificaciones funcionales
Los apartados o secciones pueden variar según la información proporcionada por el Club de VR
- Apartados o secciones:
- Página principal: Bienvenida, información sobre el portal en sí
- Contacto: Donde y con quien contactar para pedir información
- Material disponible: PCs, Gafas VR, Juegos, experiencias
- Derechos y obligaciones de los socios: Que pueden hacer los socios y que obligaciones tienen
- Quien y como convertirse en socio: Explicación o información sobre como hacerse socio
- Horario: los horarios en los que se puede acceder al club
Evaluación
- Realización del proyecto cumpliendo todas las especificaciones técnicas (3,5 puntos)
- Realización del proyecto cumpliendo todas las especificaciones funcionales (3,5 puntos)
- Presentación (2 puntos)
- Claridad de código (1 punto)