SUBIR LA PÁGINA A GITHUB
Os dejo este manual para subir la página a githubManual para subir la página web
CSS
Mostrando entradas con la etiqueta html5. Mostrar todas las entradas
Mostrando entradas con la etiqueta html5. Mostrar todas las entradas
lunes, 20 de abril de 2026
martes, 7 de abril de 2026
Html 5 y css
Buenas a todos, todos.
vamos a trabajar con html5 y css
para ello tenéis los manuales en el siguiente enlace
Según se leen los manuales se va realizando la tarea.
TAREA
Crear una página web en la que describan la carrera (biografía, trayectoria profesional, logros...) de:
- Al menos dos mujeres contemporáneas que trabajen en ámbitos STEM.
- Al menos una de ellas deben ser ingenieras.
- Estos referentes deben ser de o trabajar en España (o Latinoamérica, en caso de centros latinoamericanos).
- Deben estar trabajando para conseguir un entorno digital más humano, ético y equitativo, alineado con los valores y necesidades de las personas
Se valorará la creación de perfiles que aún no estén publicados en Wikipedia, por lo que no solo se aceptan perfiles de mujeres muy relevantes, sino mujeres del entorno local que trabajan en ámbitos STEM, con trayectoria profesional en STEM o estudiantes del centro que desarrollan proyectos tecnológicos relevantes (por ejemplo, en programas como Technovation, MujeresTech, etc.), que están trabajando para conseguir un entorno digital más humano, ético y equitativo, alineado con los valores y necesidades de las personas.
La página deberá crearse:
- Mediante una página gratuita en Google Sites,github... (o plataforma similar elegida por el centro). También se puede crear en la propia web del centro (con libertad de ejecución según la estructura de dicha web).
- Con un formato similar a las páginas biográficas de Wikipedia (biografía, trayectoria profesional, premios...), para facilitar su posterior incorporación en esta enciclopedia online.
- Incluyendo contenido multimedia, como imágenes o vídeos. Se valorará la inclusión de entrevistas con las referentes (en formato vídeo, texto o audio).
- Obligatorio que aparezcan los tres apartados: biografía, trayectoria profesional, premios/logros.
- Obligatorio que existan imágenes.
- Obligatorio que exista vídeo o vídeos
- Obligatorio que existan enlaces externos a otras webs.
- Obligatorio una tabla
- Obligatorio que dentro de la página existan enlaces internos (anclas) acada uno de los apartados, para facilitar la lectura.
- El idioma es libre.
La lista de cotejo para la web es la siguiente:
EJEMPLOS DE MUJERES EN STEAM
BUSCADORES DE PERSONAS:
Para conocer el trabajo de las personas tenemos páginas que nos lo facilitan.
- Idcrawd
- pipl
- Muchos mas enlaces para técnicas osint
Para decidir sobré que científica o investigadora española realizo la web os dejo un par de enlaces:
Para buscar información podéis utilizar los google dorks, redes sociales o páginas especiales para ello.
Y os recuerdo que debemos subir la página a github, aunque esto lo veremos más tarde
jueves, 8 de abril de 2021
HTML
Buenas a todos, todos.
vamos a trabajar con html5 y css
para ello tenéis los manuales en el siguiente enlace
Según se leen los manuales se va realizando la tarea.
OS DEJO UN ARCHIVO MODELO
TAREA
1.- Crear con html 5 la estructura de una página web compuesta de tres páginas, siguiendo el ejemplo que os pongo en la imagen, basándonos en la información que aparece en la siguiente entrada https://ticuribarri.blogspot.com/2021/03/inteligencia-artificial-escuela-de.html (unidades uno, dos y tres)
2.- Una vez creada la estructura le daremos forma mediante una hoja de estilos (unidades 4 y 5).
3.- Subiremos nuestra página web a github ayudandonos mediante la siguiente presentación donde nos lo explican
miércoles, 17 de marzo de 2021
Publicar trabajo en github
Nuestra página web debemos colgarla, para ello hay gran cantidad de servidores gratuitos, pero este año nos hemos decantado por utilizar Github
GitHub es una forja (plataforma de desarrollo colaborativo) para alojar proyectos.
Os dejamos la presentación que han creado Alejandro Prieto Toorasen y Sergio Corrionero con el proceso para albergar nuestra web en github
domingo, 21 de febrero de 2021
HTML5, CSS
Buenas a todos, todos.
vamos a trabajar con html5 y css
para ello tenéis los manuales en el siguiente enlace
Según se leen los manuales se va realizando la tarea.
TAREA
Crear una página web en la que describan la carrera (biografía, trayectoria profesional, logros...) de:
- Al menos tres mujeres contemporáneas que trabajen en ámbitos STEM.
- Al menos dos de ellas deben ser ingenieras.
- Estos referenes deben ser de o trabajar en España (o Latinoamérica, en caso de centros latinoamericanos).
Se valorará la creación de perfiles que aún no estén publicados en Wikipedia, por lo que no solo se aceptan perfiles de mujeres muy relevantes, sino mujeres del entorno local que trabajan en ámbitos STEM, alumni de su mismo centro con trayectoria profesional en STEM o estudiantes del centro que desarrollan proyectos tecnológicos relevantes (por ejemplo, en programas como Technovation, MujeresTech, etc.).
La página deberá crearse:
- Mediante una página gratuita en Google Sites (o plataforma similar elegida por el centro). También se puede crear en la propia web del centro (con libertad de ejecución según la estructura de dicha web).
- Con un formato similar a las páginas biográficas de Wikipedia (biografía, trayectoria profesional, premios...), para facilitar su posterior incorporación en esta enciclopedia online.
- Incluyendo contenido multimedia, como imágenes o vídeos. Se valorará la inclusión de entrevistas con las referentes (en formato vídeo, texto o audio).
- En idioma libre.
La lista de cotejo para la web es la siguiente:
EJEMPLOS DE MUJERES EN STEAM
EXPLICACIÓN AQUÍ https://www.upf.edu/web/wisibilizalas/bases
BUSCADORES DE PERSONAS:
Para conocer el trabajo de las personas tenemos páginas que nos lo facilitan.
- Idcrawd
- pipl
- Muchos mas enlaces para técnicas osint
viernes, 14 de febrero de 2020
Publicar web en github
Nuestra página web debemos colgarla, para ello hay gran cantidad de servidores gratuitos, pero este año nos hemos decantado por utilizar Github
GitHub es una forja (plataforma de desarrollo colaborativo) para alojar proyectos.
Os dejamos la presentación que han creado Alejandro Prieto Toorasen y Sergio Corrionero con el proceso para albergar nuestra web en github
viernes, 10 de enero de 2020
Html5: trabajo final
TRABAJO FINAL
Buenos días
Deberemos realizar una página web con las siguientes condiciones:
- Deberemos aplicar todo lo aprendido.
- Primero realizar un mapa mental (diseño) de la página que vamos a realizar. Podemos utilizar muchas plataformas. Os dejo un listado de ellas que además podemos asociar a nuestro drive:
- Cacoo
- Mindomo
- Mindmeinster
- Mindmap
- Coogle
- Concept board
- Deberá de constar mínimo de 4 páginas html5.
- Deberemos utilizar fotografías y colores de fondo. El color igual en todas para que mantengan un criterio dirigido por la hoja de estilos.
- El formato de la página debe estar dirigido mediante un archivo css de manera que ahí ponemos todas las opciones.
- Es importante la presentación de la página, pero no influye sólo lo bonito que hagan el sitio web, sino la información que contenga, no solo copy/paste.
- Deberemos meter elementos multimedia, música y vídeos.
- No abusar de fotos ni vídeos.
- Ojo con el peso de los elementos multimedia que nos pueden complicar la subida a los servidores gratuitos.
- Debe tener al menos una tabla y una lista anidada.
- Importante la organización de los archivos, a la hora de hacer funcionar los enlaces. Debemos subirlos con la misma estructura.
Html5: enlaces, multimedia, maquetación
Continuamos repasando y aprendiendo nuevas etiquetas
En el tema 8 aplicaremos los estilos a toda la página por lo que tendremos que añadirlos en la cabecera de la siguiente manera
Enlazar un archivo .css
Para que el archivo con los estilos tenga efecto en la página, debemos indicar en la cabecera del archivo .html que se va a tomar ese estilo, mediante la etiqueta <link>, así:
<link rel="stylesheet" href="misestilos.css" type="text/css" media="all">
otra opción sería:
@import url(misestilos.css)
dentro de la etiqueta style
En la imagen viene con fondo amarillo el código que debemos introducir para poner entre sus etiquetas los estilos. Será dentro de la etiqueta
<style type="text/css">
</style>
Enlazar un archivo .css
Para que el archivo con los estilos tenga efecto en la página, debemos indicar en la cabecera del archivo .html que se va a tomar ese estilo, mediante la etiqueta <link>, así:
<link rel="stylesheet" href="misestilos.css" type="text/css" media="all">
otra opción sería:
@import url(misestilos.css)
dentro de la etiqueta style
jueves, 12 de diciembre de 2019
sábado, 30 de marzo de 2019
La elección de colores en web, presentaciones...
La elección del color involucra no solo el texto, sino su combinación con el fondo, los gráficos y los colores predominantes en las imágenes y fotografías. El consejo fundamental es no elegir entre los infinitos colores al azar, sino usar alguna de las combinaciones de colores que son aceptadas como armoniosas, los llamados esquemas de color. Al igual que los tipos de letra, los esquemas de color tienen personalidad y cualidades que los hacen adecuados o no para un tipo concreto de presentación. Aspectos como el propósito, el requisito de formalidad o la iluminación de la sala deben condicionar nuestra elección.
El origen de los esquemas de color se encuentra en la “rueda de color” o “círculo cromático”, una disposición radial de colores, que se muestra en la siguiente figura, tomada del software de presentaciones KeyNote de Apple. El software PowerPoint tiene una disposición similar
El origen de los esquemas de color se encuentra en la “rueda de color” o “círculo cromático”, una disposición radial de colores, que se muestra en la siguiente figura, tomada del software de presentaciones KeyNote de Apple. El software PowerPoint tiene una disposición similar
¿Cómo obtenemos un esquema y lo usamos en el software de presentaciones? Hay muchas herramientas web gratuitas que nos permiten explorar diferentes esquemas sobre la rueda de colores, como la web Kuler de Adobe. Con esta herramienta, basta con elegir la opción “ create from a color ” y un tipo de esquema (“ rule ”), moviendo simplemente el ratón se nos muestra el esquema resultante. Si nos gusta, podemos apuntar los valores RGB de cada color e introducirlos en PowerPoint o KeyNote al especificar los colores.
WEB KULER DE ADOBE
lunes, 18 de marzo de 2019
Publicar web en Github
Nuestra página web debemos colgarla, para ello hay gran cantidad de servidores gratuitos, pero este año nos hemos decantado por utilizar Github
GitHub es una forja (plataforma de desarrollo colaborativo) para alojar proyectos.
Os dejamos la presentación que han creado Alejandro Prieto Toorasen y Sergio Corrionero con el proceso para albergar nuestra web en github
viernes, 8 de marzo de 2019
lunes, 25 de febrero de 2019
Hmtl5: enlaces, multimedia, maquetación
Continuamos repasando y aprendiendo nuevas etiquetas
En el tema 8 aplicaremos los estilos a toda la página por lo que tendremos que añadirlos en la cabecera de la siguiente manera
Enlazar un archivo .css
Para que el archivo con los estilos tenga efecto en la página, debemos indicar en la cabecera del archivo .html que se va a tomar ese estilo, mediante la etiqueta <link>, así:
<link rel="stylesheet" href="misestilos.css" type="text/css" media="all">
otra opción sería:
@import url(misestilos.css)
dentro de la etiqueta style
En la imagen viene con fondo amarillo el código que debemos introducir para poner entre sus etiquetas los estilos. Será dentro de la etiqueta
<style type="text/css">
</style>
Enlazar un archivo .css
Para que el archivo con los estilos tenga efecto en la página, debemos indicar en la cabecera del archivo .html que se va a tomar ese estilo, mediante la etiqueta <link>, así:
<link rel="stylesheet" href="misestilos.css" type="text/css" media="all">
otra opción sería:
@import url(misestilos.css)
dentro de la etiqueta style
lunes, 4 de febrero de 2019
viernes, 18 de mayo de 2018
Colgar la página web
Buenos días, hemos creado la página web, ahora debemos publicarla. Para ello la subiremos a un servidor gratuito.
En estos dos enlaces os dejo artículos bastantes actuales de servidores gratuitos:
En estos dos enlaces os dejo artículos bastantes actuales de servidores gratuitos:
- Top 5: los mejores servidores gratuitos de España 2017
- Mejor hosting gratuito: 8 alternativas
- Recomendación de Diego Hoya https://x10hosting.com/
En mi caso he utilizado 000wewbhost.
Una vez dentro debemos pinchar arriba a la izquierda para ver mis web (sólo permite 2 gratis).
después en una da las web si ya tengo creada o pincho en crear
después en Manager website
En subir archivos
Y nos sale la pantalla para subirlos. tenemos que mantener la misma estructura y debe aparecer la página principal con el nombre de index.html que el servidor la pilla como página de inicio
lunes, 12 de marzo de 2018
HTML5: trabajo final
TRABAJO FINAL
Buenos días
Deberemos realizar una página web con las siguientes condiciones:
- Deberemos aplicar todo lo aprendido.
- Primero realizar un mapa mental (diseño) de la página que vamos a realizar. Podemos utilizar muchas plataformas. Os dejo un listado de ellas que además podemos asociar a nuestro drive:
- Cacoo
- Mindomo
- Mindmeinster
- Mindmap
- Coogle
- Concept board
- Deberá de constar mínimo de 4 páginas html5.
- Deberemos utilizar fotografías y colores de fondo. El color igual en todas para que mantengan un criterio dirigido por la hoja de estilos.
- El formato de la página debe estar dirigido mediante un archivo css de manera que ahí ponemos todas las opciones.
- Es importante la presentación de la página, pero no influye sólo lo bonito que hagan el sitio web, sino la información que contenga, no solo copy/paste.
- Deberemos meter elementos multimedia, música y vídeos.
- No abusar de fotos ni vídeos.
- Ojo con el peso de los elementos multimedia que nos pueden complicar la subida a los servidores gratuitos.
- Debe tener al menos una tabla y una lista anidada.
- Importante la organización de los archivos, a la hora de hacer funcionar los enlaces. Debemos subirlos con la misma estructura.
Página para crear marcos http://html.conclase.net/w3c/html401-es/present/frames.html
Se os evaluará siguiendo la siguiente rúbrica:
https://www.orientacionandujar.es/2015/08/31/coleccion-100-rubricas-de-evaluacion-para-primaria-secundaria-y-bachillerato/rubrica-para-la-evaluacion-de-la-creacion-de-un-sitio-web/
Se os evaluará siguiendo la siguiente rúbrica:
https://www.orientacionandujar.es/2015/08/31/coleccion-100-rubricas-de-evaluacion-para-primaria-secundaria-y-bachillerato/rubrica-para-la-evaluacion-de-la-creacion-de-un-sitio-web/
lunes, 5 de marzo de 2018
html 5: organización de la información
Tema 6: organización de la información.
Tema 8: Hoja de estilos.
En el tema 8 aplicaremos los estilos a toda la página por lo que tendremos que añadirlos en la cabecera de la siguiente manera
Enlazar un archivo .css
Para que el archivo con los estilos tenga efecto en la página, debemos indicar en la cabecera del archivo .html que se va a tomar ese estilo, mediante la etiqueta <link>, así:
<link rel="stylesheet" href="misestilos.css" type="text/css" media="all">
otra opción sería:
@import url(misestilos.css)
dentro de la etiqueta style
Tema 8: Hoja de estilos.
En el tema 8 aplicaremos los estilos a toda la página por lo que tendremos que añadirlos en la cabecera de la siguiente manera
En la imagen viene con fondo amarillo el código que debemos introducir para poner entre sus etiquetas los estilos. Será dentro de la etiqueta
<style type="text/css">
</style>
Enlazar un archivo .css
Para que el archivo con los estilos tenga efecto en la página, debemos indicar en la cabecera del archivo .html que se va a tomar ese estilo, mediante la etiqueta <link>, así:
<link rel="stylesheet" href="misestilos.css" type="text/css" media="all">
otra opción sería:
@import url(misestilos.css)
dentro de la etiqueta style
html5: publicar la web
Buenos días, hemos creado la página web, ahora debemos publicarla. Para ello la subiremos a un servidor gratuito.
En estos dos enlaces os dejo artículos bastantes actuales de servidores gratuitos:
En estos dos enlaces os dejo artículos bastantes actuales de servidores gratuitos:
- Top 5: los mejores servidores gratuitos de España 2017
- Mejor hosting gratuito: 8 alternativas
- Recomendación de Diego Hoya https://x10hosting.com/
En mi caso he utilizado 000wewbhost.
Una vez dentro debemos pinchar arriba a la izquierda para ver mis web (sólo permite 2 gratis).
después en una da las web si ya tengo creada o pincho en crear
después en Manager website
En subir archivos
Y nos sale la pantalla para subirlos. tenemos que mantener la misma estructura y debe aparecer la página principal con el nombre de index.html que el servidor la pilla como página de inicio
lunes, 26 de febrero de 2018
viernes, 23 de febrero de 2018
Suscribirse a:
Entradas (Atom)