Hoy día ya puedes llevar en un Pendrive, de unos 4Gb de capacidad, tu sistema Operativo favorito instalado y auto-arrancable.
Esto permite tener imágenes estáticas de nuestro sistema operativo, con configuraciones o cambios que nosotros hemos creado y que deseamos conservar como copia de seguridad.
Además, si eres auditor de seguridad o técnico de reparación y mantenimiento, puedes llevar en un Pendrive, tu propia distribución de Sistema Operativo auto-arrancable y las herramientas destinadas al análisis y reparación de equipos que desees.
Alguno pesareis que esto ya está solucionado con in LiveCD o LiveDVD, pero la tendencia de hoy día, entre los fabricantes de portátiles, es la de eliminar el lector de DVD. Por tanto, en un corto plazo de tiempo, este tipo de lectores quedarán para los ordenadores de sobremesa, al disponer de mayor espacio.
Para crear tu Pendrive auto-arrancable, necesitaras el siguiente material:
Un ordenador con una distribución Linux. Aunque también puedes usar Microsoft Windows usando herramientas como Easyboot.
Un Pendrive o memoria USB de al menos 4Gb de capacidad. Por supuesto, puedes usar un disco duro externo, con conexión USB.
Software MULTISTEM. Te aconsejo este, pero puedes usar otro tipo de Software.
La imágenes ISO de los sistemas operativos que deseamos que sean auto-arrancables
Las herramientas software que deseas incluir.
Nuestros alumnos del Certificado de profesionalidad IFCT0210-Operación de sistemas informáticos, les resultará fácil crearse este tipo de Memoria USB auto-arrancable con Linux o Windows y con las herramientas software que deseen ya que forma parte de las habilidades que adquieren a lo largo del curso.
Si ya es complicado decidir la formación que necesitamos para mejorar tus capacidades profesionales. Más complicado se nos hace elegir la titulación a cursar. Hoy día tenemos una gran variedad de cursos con titulaciones privadas, sin reconocimiento oficial, además de las titulaciones oficiales como los certificados de profesionalidad.
Para asegurarte de que no vas a perder tiempo y dinero, lo mejor es elegir una titulación oficial, como un certificado de profesionalidad, pero asegúrate de que el centro en el que te matriculas está acreditado por el SEPE para impartir esta formación.
El nuestro Fomento Ocupacional FOC SL, está acreditado por el SEPE (Servicio Público Estatal de Empleo) para para impartir en teleformación los siguientes certificados de profesionalidad:
Y lo puedes comprobar aquí. (Registro oficial de centros acreditados por el SEPE)
Mi consejo, para no perder el tiempo y el dinero, es que siempre optes por titulaciones oficiales, como los certificados de profesionalidad y que realices los cursos en centros acreditados para ello, comprobando su acreditación en el organismo oficial competente, para el caso de los certificados de profesionalidad en el SEPE (Servicio Público Estatal de Empleo).
La respuesta es sí. Además podréis evitar los incómodos e inquietantes pantallazos azules y reinicios del ordenador no programados.
Los componentes de la memoria RAM están muy testeados por los fabricantes, tanto en rendimiento como en calidad. Pero siguen siendo sus grandes enemigos la electricidad estática y los picos de tensión que las compañías eléctricas generan y que muchas fuentes de alimentación no son capaces de filtrar y los reguladores de la placa base dejan pasar, para desgracia de los propietarios de los ordenadores.
Este componente directamente ligado a la CPU y que es tan sensible a este tipo de riesgos eléctricos, puede provocar funcionamientos extraños de nuestro PC.
Para evitar problemas con la memoria RAM de nuestro ordenador y evitar los problemas antes descritos podemos seguir los siguientes consejos:
En nuestro sistema operativo Windows tenemos una herramienta muy probada y de gran calidad que nos permite chequear el estado de la memoria de nuestro PC. Empezaremos usando esta herramienta. Para ello seguimos la siguiente la ruta Inicio->Panel de control->Herramientas administrativas->Diagnóstico de memoria de Windows para llegar a la siguiente pantalla:
Al seleccionar la herramienta “Diagnóstico de memoria Windows”, veremos la siguiente pantalla en la que podemos elegir el momento en el que deseamos que se inicie el proceso. Atención, si decides iniciarlo ahora, recuerda que debes salvar todos los trabajos que estés haciendo, o lo perderás todo.
Una vez decidido en momento en el que deseamos que se realice el test, solo tenemos que elegir el tipo de verificación, inicial o avanzada.
Esta herramienta realizará básicamente la siguiente comprobación: irá recorriendo todas y cada una de las posiciones de memoria, escribiendo sobre cada una de ellas. Al terminar, volverá a recorrer todas y cada una de la posiciones de memoria, comprobando que se puede leer correctamente.
El tiempo dedicado a este test es directamente proporcional al tamaño de la memoria RAM que tiene instalada el ordenador.
Recomendamos a los lectores inexpertos que usen los parámetros de ejecución que esta herramienta trae por defecto. Para usuarios expertos, como nuestros alumnos del Certificado de profesionalidad IFCT0210-Operación de sistemas informáticos, no les resultará nada complicado configurar las opciones avanzadas que esta herramienta Windows. Estas opciones avanzadas están accesibles pulsado la tecla F1 justo al inicio.
Al finalizar el ordenador se reinicia y Windows informará del resultado del test. Si indica que alguno de los módulos tiene posiciones defectuosas, toma nota de este módulo y pasado unos días vuelve a repetir el test. Si los problemas en el módulo permanecen, deberán cambiar el módulo de memoria, evitará muchos problemas en momentos críticos en el uso de tu ordenador.
En la prehistoria, solo conectábamos nuestros monitores de ordenador analógicamente a través de la VGA. Este conector afortunadamente quedó obsoleto y adoptamos como estándar el HDMI y entramos en la era digital. Aunque en realidad la imagen digital llegó a nuestros PCs a través de DVI y más tarde con HDMI.
En cualquier caso, tenemos que tener muy claro, que lo que hoy es un conector estándar, mañana puede estar obsoleto. El proceso de cambio en el que constantemente está envuelto el mundo de la informática, hace que por mejoras técnicas o por simplemente una guerra comercial entre fabricantes, para imponer sus productos, hace que todo estándar tenga poca vida.
A pesar de todo HDMI sigue en cabeza de los conectores, aunque ya tiene serios competidores:
Thunderbolt
MHL
DisplayPort
Veamos con un poco de detalle los conectores para conocer si realmente aportan algo nuevo.
El clásico VGA, hoy día en el ocaso de su vida.
Apareció en 1987, desarrollado por IBM y rápidamente se convirtió en un estándar.
Permitía conectar la tarjeta gráfica con el monitor del ordenador mediante 15 pines.
Causó una verdadera revolución al permitir 256 colores simultáneamente y una resolución de 320×240 píxeles. Para aquellos lectores más jóvenes recordaros que los PC en los años 80, usaban dos estándares gráficos el CGA y el EGA y solo ofrecían 4 y 16 colores simultáneos.
VGA permitió por primera vez que los ordenadores compitieran con las consolas de juegos.
El paso de los años fue mejorando la tecnología VGA hasta conseguir resoluciones de máxima calidad (2048×1536 px).
VGA consiste en una transmisión analógica de la información, por lo que la calidad de la imagen en pantalla depende de la calidad del cable, de su longitud y de las interferencias electromagnéticas.
DVI (Digital Visual Interface). La entrada en la era digital.
Digital Display Working Group en 1999 presenta DVI. Esta tecnología es capaz de transmitir vídeo digital sin comprimir a una resolución máxima de 2560×1600 píxeles a 60Hz.
Es compatible con VGA, por lo que se popularizó muy rápidamente. Solo es necesario un adaptador muy barato.
Al tratarse de una señal digital no sufre interferencias ni depende de la calidad del cable o su longitud como el estándar VGA, pero lógicamente la señal pierde intensidad con la distancia, como todo el transporte de datos.
Existen diferentes variantes:
DVI-A sólo acepta señales analógicas.
DVI-D sólo digitales.
DVI-I transmite las dos.
Dentro de estos dos últimos formatos, el modo Single link (DVI-I Single Link) acepta una resolución máxima de 1920×1200 píxeles a 60 Hz.
La variante Dual Link (DL) (DVI-I Dual Link) añade 6 pines adicionales que aumentan el ancho de banda y la resolución máxima a 2560 x 1600 píxeles a 60 Hz.
Los conectores DVI están presentes en tarjetas gráficas, monitores, reproductores de DVD y blu-ray, y algunos televisores.
HDMI. El rey en la actualidad.
Fue creado en 2002 por consenso entre los fabricantes de hardware más conocidos, con el fin de jubilar a la VGA y eliminar el famoso euro-conector de los televisores y vídeos.
En la actualidad es un formato universal presente en ordenadores, televisores, consolas, reproductores de DVD, Blu-ray, tablets, smartphones, etc. En estos últimos casos, en formato mini-HDMI.
La información de audio y vídeo se transmite encriptados de forma que no permite la copia del contenido que se transmite.
El conector dispone de 19 pines y ofrece diferentes funcionalidades según las versiones.
Tenemos distintas versiones. Desde la HDMI 1.0, HDMI 1.2, HDMI 1.3, HDMI 1.4, HDMI 2.0a, HDMI 2.0b hasta la HDMI 2.1. En cada versión se mejora el ancho de banda y la resolución.
Recuerda que en el momento que necesites comprar un cable HDMI, debes comprobar que sea compatible con tu conector de PC, televisor, Tablet, Smartphone, etc..
DisplayPort. Estándar para el PC.
Está pensado para el ordenador. Transmite los datos en micro paquetes, permitiendo así unos requerimientos hardware menores, así como la posibilidad de ser escalado.
Tiene diferentes versiones, desde la DisplayPort 1.1 hasta la más reciente la DisplayPort 1.4 que dispone de varias tecnologías presentes en los nuevos televisores 4K HDR, como HDR10 o Rec. 2020, además de compresión de imagen DSC y aumenta el ancho de banda hasta los 21.6 Gbps.
Ha añadido un Modo Alterno en conector USB Tipo C que permite incluir la especificación DisplayPort en un conector de este tipo. Es decir, se puede utilizar el conector USB Tipo C no sólo para transmitir datos o recargar un portátil, o el móvil, sino también para transmitir imagen y sonido bajo DisplayPort.
Frente al HDMI añade el soporte de resolución a 8K y facilidad para conectar varios monitores a un solo puerto DisplayPort.
MHL. Para los Smartphones.
Es una versión simplificada de HDMI, con solo 5 pines para usar en tablets y Smartphones.
Se suele implementar en formato microUSB y necesita de un hardware adicional para la conversión a HDMI.
Este conector ha evolucionado hasta el Super MHL que se implementa en diferentes tipos de conectores, desde un propio hasta el nuevo USB Tipo C.
Thunderbolt. Un todo en uno del fabricante de Intel.
Diseñado por Intel para competir con el USB y compatible con PCIe,HDMI y DisplayPort e incluye funciones de alimentación y recarga.
No ha tenido mucho éxito, aunque está presente en portátiles Hacer, Asus, Leneovo y Apple.
Intel con la ayuda de Apple anunció la aparición del Thunderbolt 3 a través del conector USB Tipo C.
Una vez revisados los conectores podemos decir que hace unos años el HDMI era el mejor conector con diferencia, pero con la aparición del USB Tipo C el escenario ha cambiado drásticamente, por que DisplayPort, Thunderbolt 3 y Super MHL utilizan USB Tipo C como puerto para transmitir imagen y sonido, sino que también incluyen funciones para recargar el móvil y para intercambiar ficheros.
En nuestro certificado de profesionalidad IFCT0210-Operación de sistemas informáticos, estudiamos en conectores de todo tipo, por lo que nuestros alumnos tienen una visión global de la gran cantidad de conectores que hay para los ordenadores y sus distintas funcionalidades.
Generar y guardar imágenes de disco te servirá para preservar el contenido de tu ordenador o simplemente para tener una copia limpia de tu sistema operativo
La imagen de un disco con datos no entraña ninguna dificultad, ya que se trata de una copia limpia. El problema se presenta cuando queremos clonar un disco con sistema operativo, pues podemos encontrarnos con el problema de que los equipos donde se desplegará la réplica tienen diferente hardware que el original.
Algunos sistemas no están preparados para cambios en el hardware y pueden dar problemas con los controladores, por ello es conveniente asegurarnos de la compatibilidad de las características de todos los equipos que van a intervenir en la clonación.
El archivo imagen obtenido podemos guardarlo en una partición de disco, en otro disco, en un CD o DVD, etc. Lo normal, actualmente, es guardarlo en un disco duro externo, que después nos servirá para desplegar las réplicas por todos los equipos. E incluso, si el número de equipos a clonar es bastante elevado y están unidos entre ellos por red, lo más conveniente y rápido sería compartir la imagen en red y que cada equipo tuviera acceso a ella de manera instantánea.
Las imágenes de disco son muy útiles para guardar archivos e información. Son una alternativa a los formatos comprimidos, no deja de ser uno más, y puede servirte como copia de seguridad de tus documentos o archivos y para respaldo del contenido de tu disco duro principal.
Macrium Reflect: si quieres crear imágenes de disco para guardar tus archivos y restaurarlos.
ODIN: es el más sencillo tiene las dos opciones básicas, crear la imagen y restaurarla.
Active Disk Image: desde el propio programa puedes crear la imagen y restaurarla cuando quieras. Puedes montar una imagen un disco visible desde el Explorador de Windows. Además facilita la compresión de la imagen.
Dubaron DiskImage: sigue la idea de simplicidad de ODIN.
HDClone: su nombre lo dice todo, es para crear una imagen completa de tu disco duro.
DiskWizard: es de Seageta y facilita el clonado del disco en su propio formato comprimido y su posterior restauración, así como copias de seguridad programadas y siguiendo dos métodos, incremental y diferencial, para ahorrar espacio y no copiar los mismos archivos innecesariamente.
Todas estas herramientas y alguna más son muy conocidas entre nuestros alumnos que han cursado el certificado de profesionalidad IFCT0210-Operación de sistemas informáticos, ya que acaban su formación con amplios conocimientos en instalación y mantenimiento de sistemas operativos.
En noviembre de 2016 el 99,6% de la supercomputadores del mundo, usan Linux como sistema operativo. Todo lo contrario que ocurre en el mundo del PC u ordenador de sobre mesa, que es Microsoft en gran vencedor.
Las cuatro décimas que faltan, para conseguir en 100% de presencia Linux en las supercomputadoras, se podría ver en poco tiempo. Por ahora estos decimales van a parar a dos variantes del UNIX.
La lista TOP500 que recoge a las 500 supercomputadoras más potentes del mundo, afirma que los responsables de los monstruos tecnológicos del mundo, eligen Linux como el sistema operativo por excelencia para sus máquinas.
Por qué los responsables de las supercomputadoras eligen Linux:
La naturaleza modular de Linux, le hace muy configurable y permite elegí aquellos bloques necesarios para el funcionamiento requerido y así poder prescindir del resto.
Naturaleza genérica del kernel. El Kernel se adapta muy fácilmente a grande computadoras y a pequeñas con muy pocos cambios.
Linux tiene una tremenda escalabilidad y pueden acostumbrarse a grandes cargas de forma sencilla.
Código abierto. Puedes acceder al código para mejorarlo.
Soporte de una inmensa comunidad. Ningún otro sistema lo tiene.
Costes. Es software gratuito.
Reinicios. Puedes modificar configuraciones en caliente, sin tener que reiniciar el sistema.
Todas estas características de Linux las conocen nuestros alumnos que han cursado el certificado de profesionalidad IFCT0210-Operación de sistemas informáticos, ya que acaban su formación con amplios conocimientos en instalación y mantenimiento de sistemas operativos Linux y Windows.
Efectivamente, Microsoft tiene un lugar privilegiado junto a Cisco, Fujitsu, HPE, Huawei, IBM, Intel o Samsung en la fundación del pingüino. Es decir, Microsoft entra a las claras y sin tapujos en la casa madre de Linux.
Para muchos ha supuesto una verdadera sorpresa. ¿Los dos eternos rivales, ahora colaboran juntos? Pues así, en especial desde que Satya Nadella está al frente de Microsoft.
Atrás ha quedado la afirmación de Microsoft en la que calificaba el “software de código abierto de cáncer”. Hasta el punto que desde Linux Foundation recuerdan que Microsoft colabora con proyectos abiertos como Node.js Foundation, OpenDaylight, Open Container Initiative, R Consortium y Open API Initiative. Por no mencionar que está a la cabeza en contribuciones Open Source en GitHub. Y lo que viene, nada menos que la previa de SQL Server para Linux.
Esperemos que este “buen rollito” que vemos entre estos dos gigantes del software, contribuya a que los usuarios finales de software tengamos accesos a más y mejores productos. En especial, pensado en los productos de Microsoft, que al estar bajo licencia software propietario son de difícil acceso, para el común de los usuarios.
Nuestro certificado de profesionalidad IFCT0210-Operación de sistemas informáticos, ofrece a nuestros alumnos conocimientos avanzados en instalación y mantenimiento de sistemas operativos Linux y Windows y si este idilio entre Microsoft y Linux da su fruto, y crean un nuevo sistema operativo también lo incluiremos en nuestro temario.
Esta modalidad de contratación, permite a los trabajadores formarse mientras trabajan, compaginando dentro de su jornada laboral, el tiempo dedicado a su formación.
Por lo que, mientras trabaja y por tanto recibe un sueldo, el trabajador se está formado para tener una titulación oficial, sin coste para el trabajador ni para su empresa.
La titulación oficial que mejor se adapta a los contratos en formación y aprendizaje son los certificados de profesionalidad.
Por otro lado, para la empresa es el contrato bonificado que más ventajas puede aportar, destacando el gran ahorro en costes laborales, ya que con este contrato tiene derecho a una reducción del 100%, y no paga Seguros Sociales.
En definitiva “el contrato con más ventajas para las empresas y para los trabajadores”:
Para la empresa:
Reducción del 100% en cuotas de la Seguridad Social, para empresas de menos de 250 trabajadores
Financiación de la formación
Bonificación adicional para financiar los costes de tutorización
Bonificación del 100% de la formación
Bonificación por transformación en contrato indefinido
Para el trabajador:
Reducción del 100% de la cuota del trabajador.
Total protección social.
Prestación por desempleo.
Obtiene una Cualificación profesional al finalizar su contrato.
Actualmente FOC tiene varios certificados de profesionalidad, homologados por SEPE para cursarlos Online, por lo que tenemos la formación que mejor se adapta a los contratos en formación y aprendizaje, ya que evitan desplazamientos de los trabajadores a los centros de formación.
Windows 10 en su versión Redstone 1607, pensada para programadores, ya permite controlar Windows con los comandos nativos de Linux. También incluye el núcleo de Ubuntu dentro de Windows.
Si tienes esta versión, puedes probar que puedes usar Linux, activando el Bash de Windows 10. Solo tienes que seguir los siguientes pasos:
1.- Ir a Actualización y Seguridad, elige la opción Para programadores, que está en la parte izquierda de la ventana y a continuación marca Modo programador.
2.- Ahora vamos a Programas y Características donde vemos todos los componentes instalados. En el menú de la izquierda Activar o desactivar las características de Windows y en la lista que aparece buscamos Subsistema Windows para Linux (Beta). Lo marcamos para que lo instale y reiniciamos el ordenador.
3.- Ejecutamos bash.exe . por lo que se abrirá la ventana de comandos para MS-DOS y en ella nos pedirá permiso para instala Ubuntu. Pulsamos “s” y una vez terminado ya tenemos Ubuntu instalado en Windows 10. Es decir, aunque parezca increíble, Windows es compatible con aplicaciones Linux como nano.
Nuestro certificado de profesionalidad IFCT0210-Operación de sistemas informáticos, ofrece a nuestros alumnos conocimientos avanzados en instalación y mantenimiento de sistemas operativos Linux y Windows, por lo que esta nueva característica de Windows les sorprenderá pero por supuesto, que les será fácil de entender, instalar y administrar.
Lo normal es que a lo largo del día de hoy, no ocurra nada que te haga pensar, que mañana no encuentres el ordenador, tal y como lo dejaste. Eso es lo más probable por que desde hace mucho tiempo viene ocurriendo así. Pero a veces, ocurren cosas muy poco probables, hasta podríamos decir que imposibles y en el peor momento, que hacen que tu ordenador no funcione correctamente o sencillamente no funcione. Si te preguntas que cosas pueden ser estas, por que tu ordenador en un prodigio de la tecnología y está a la última, te indico unos cuantos ejemplos:
Un fallo eléctrico en el momento que el disco duro está guardando tu proyecto de final de curso te deja el fichero totalmente ilegible.
El disco duro, que es el último modelo y el mejor de todos los del mercado, se estropea y no tenemos datos ni sistema operativo.
Entra un ladrón en casa y se lleva todo lo que le suena a tecnología.
Un incendio provocado por un calefactor deja toda la mesa donde trabajado con mi ordenador totalmente quemada y todo lo que hay encima y a su alrededor.
Me llevo el portátil de viaje y me roban el portátil en la estación de tren.
Por un fallo mío restauro una copia de seguridad de los datos de mi portátil de hace un año y pierdo todo lo actual.
Con las situaciones descritas anteriormente, nos podemos hacer una idea, de lo que puede pasar y de otras muchas que no imaginamos y que se seguro que le han ocurrido a alguien.
Por lo que podemos concluir que la necesidad de hacer copias de seguridad es fundamental para nuestros datos. Pero ahora nos planteamos, ¿qué copia de seguridad hacer para que sea la más adecuada? Esto requiere un estudio detallado de cada caso, en este artículo te propongo que estudies la posibilidad de una copia de seguridad Online.
Hoy en día hay gran cantidad de opciones para realizar este tipo de copia de seguridad Online y casi todas tienen una propiedad que es muy interesante, la sincronización de las carpetas, esto hace que permanezca actualizada la copia de esta carpeta de forma automática.
Nuestro certificado de profesionalidad IFCT0210-Operación de sistemas informáticos, aborda a fondo la problemática de las copias de seguridad y ofrece los alumnos una serie de soluciones profesionales que hacen que las copias de seguridad sean una tarea más para un técnico de sistemas informáticos.
Todos los que programamos tenemos la necesidad, de poder probar el código que desarrollamos de forma rápida y eficiente. Para ello, necesitamos un entorno mínimo de programación instalado en nuestro ordenador.
Ahora sin necesidad de instalación y todo Online, puedes escribir código, HTML, CSS y JavaScripts y ver de forma inmediata el resultado de su ejecución.
http://rendera.herokuapp.com/
Puedes escribir código HTML, CSS o JavaScript en la parte izquierda de la página web y verás en resultado de la ejecución de ese código en la parte izquierda.
Podrás guardar el código que has desarrollado. En la pestaña “Save and Export”, de la parte izquierda, tienes esta opción y más detalles sobre lo que quieres salvar.
Una pestaña muy interesante es la de Examples, que está en la parte izquierda. Te aconsejo que la mires en profundidad. Hay una gran cantidad de ejemplos de código fuente ya desarrollados que te permitirá avanzar muy rápido en tus proyectos.
Os parecerá increíble, pero la más reciente actualización de Windows 10, la que reciben los miembros del programa “Insider”, viene con esta facilidad. Por fin, podemos eliminar las aplicaciones que se instalan por defecto con Windows. Ahora podemos elegir las aplicaciones que realmente queremos tener instaladas en nuestro ordenador, liberando espacio en nuestro disco duro. Todos aquellos que tienen problemas de espacio en disco lo agradecerán.
Aunque la alegría no es total, por que solo permite desinstalar:
Aplicación de correo.
Calendario.
Groove Music.
Mapas.
El tiempo.
Sin embargo, las aplicaciones de alarmas, reloj, cámara, Cortana y mensajes son obligatorias, por desgracia parece que tienen funcionalidades esenciales para el sistema.
Esta característica todavía no está extendida a la versión estable de Windows 10, habrá que estar atentos a las actualizaciones llamadas «Redstone 2 y Redstone 3», la primera que ya llegó a Insiders y la segunda que se espera para 2017.
Los alumnos de nuestros certificados de profesionalidad agradecerán esta noticia, en especial los que estudian en IFCT0210-Operación de sistemas informáticos, por que trabajan a fondo la instalación de los sistemas operativos de la familia Windows.
El actual (X)HTML está en su fase final a punto de ser sustituido por completo por HTML5.
Muchas son las novedades que aporta HTML5. Una de ellas ya la vimos en la publicación del pasado en la que hablamos del atributo “pattern” y su uso en formularios.
Hoy nos centraremos en ver como HTML5 sustituye el uso del elemento <div>, tan presente en HTML para dividir la web en bloques.
HTML5 cuenta con varios elementos que te sirven para estructurar mucho mejor tu página web. Con el uso de estos elementos, aportamos una semántica adicional a nuestro código web de forma que será mucho más legible por otros desarrolladores web e intuitivo en el seguimiento de la lógica aplicada. Aunque lo fundamental su trivialidad de entender para una ordenador, pudiendo darle más y mayor importancia a determinadas secciones. Por otro lado, la tarea de los buscadores será más fácil en su búsqueda de información en las partes de la web, aunque en general se beneficiará cualquier aplicación que lea páginas web.
Los elementos que HTML5 usa para mejorar la estructura de una web:
section representa a una sección general dentro de un documento. Es como un capítulo de un libro, el cual podemos dividir en subsecciones con h1-h6.
article referencia el contenido independiente del documento. Un ejemplo claro son las noticias y las entradas a un blog.
aside representa el contenido poco relacionado con la web. Ejemplo es la barra lateral. Fundamental para delimitar el contenido importante del contenido de apoyo, de forma que le da más importancia al primero que al segundo.
header representa la cabecera de una sección. Por lo que la lógica indica que se le debe más importancia que al resto.
footer representa el pie del documento. Es esta sección contiene información acerca de la página/sección y poco tiene que ver con el contenido de la página como copyright, edición, año, autor, etc.
nav representa la sección establecida para la navegación dentro del propio sitio. Ejemplo la típica barra superior de los periódicos digitales.
En la imagen siguiente podemos ver cómo sería un documento con estructura HTML en comparación con un documento con estructura HTML5.
Si tienes entre 16 y 30 años y quieres aprender un oficio mientras trabajas, eres el candidato ideal para el contrato para la formación y el aprendizaje.
Este contrato para ti como trabajador, te ofrece las siguientes ventajas:
Te facilita que tengas acceso a tu primer empleo.
Te permite formarte mientras trabajas dentro de tu jornada laboral. Efectivamente, durante el primer año el 25% de tu jornada laboral la dedicarás a formarte.
Tendrás todas las coberturas básicas de la seguridad social, incluido el seguro de desempleo.
La formación que recibirás será conseguir un título oficial. Este título oficial puede ser un certificado de profesionalidad, titulación reconocida en todo el territorio nacional y homologable en la Unión Europea.
La formación que recibirás puede ser a distancia. Siendo la modalidad de teleformación las más usada y recomendada, por su flexibilidad, dinamismo y fácil seguimiento.
Este contrato para ti como empresario, te ofrece las siguientes ventajas:
Reducción del 100% en cuotas de la Seguridad Social en los contratos hechos a desempleados inscritos en la Oficina de Empleo como demandante de empleo.
Reducción del 75% en empresas de más de 250 trabajadores.
Permite a la empresa la incorporación y formación de una plantilla joven, para su posterior incorporación en la empresa con la formación adecuada.
La transformación posterior del contrato de trabajo para la formación en un contrato de trabajo indefinido tiene especiales bonificaciones en las cuotas de la Seguridad Social: 1500€ para hombres y 1800€ para mujeres, durante tres años.
La formación teórica que recibe el trabajador es deducible de las cuotas de la Seguridad Social., 5€/hora/alumno en formación modalidad de teleformación.
Nosotros, como empresa de formación especializada en informática y acreditada por el Servicio Público Estatal de Empleo, ofrecemos a las empresas y a los trabajadores, nuestros servicios de formación para los certificados de profesionalidad de la familia de informática.
Puedes ver nuestros certificados de profesionalidad en la siguiente dirección: www.foc.es/certificados_de_profesionalidad y si tienes alguna consulta, puedes ponerte en contacto con nosotros a través de la web antes indicada.
Si quieres dibujar un texto de manera vertical, puedes usar imágenes, pero no es lo más adecuado, por que puedes usar reglas CSS como las que te enseñamos a continuación y que en cualquiera de nuestros dos certificados de profesionalidad IFCD0210-Desarrollo de Aplicaciones con Tecnologías Web o IFCD0110-Confección y publicación de páginas web puedes aprender y así conseguir este efecto en cualquier web que desarrolles.
La mayoría de los navegadores soporta el uso de rotación en el texto mediante reglas CSS3, aunque para Internet Explorer será necesario el uso de filtros DXMImage Transform; lo que contemplaremos en nuestro ejemplo, para que la compatibilidad no será un problema.
Elegiremos una dirección web a pintar en pantalla, por ejemplo: cdp.foc.es y el .es de la parte de la dirección web que rotaremos.
Para los navegadores Chrome, Safari y Mozilla que usan webkit usaremos la propiedad “transform” para rotar el texto.
Para Opera la propiedad –o-transform, soportada a partir de la versión 10.50.
Para que este efecto pueda funcionar, además de la propiedad “transform” tenemos que establecer el valor de “block” o “inline.block” a la propiedad “display” del elemento que contiene el texto que vamos rotar.
Para Internet Explorer, como suele ocurrir es un poco más complejo, pero se consigue aplicando la propiedad “filter” con un valor llamado “BasicImage” para rotar cualquier elemento que se encuentre en el layout.
El parámetro “rotation” puede tener valores desde el 0 al 3. Donde 0 indica que rotará 0 grados, 1 indica que rotará 90 grados, 2 indica que rotará 180 grados y 3 indica que rotará 270 grados.
Para hacer este ejemplo partimos de una HTML como el siguiente:
Con este código y sus correspondientes reglas de estilos veremos en pantalla lo siguiente:
Las reglas de estilos son las siguientes y son válidas para cualquier navegador:
El código usado para este ejemplo, puedes descargo aquí para probarlo e incluso mejorarlo. 😉
A continuación vamos a explicar cómo crear listas CSS y cómo aplicarles animación con tan solo unas pocas líneas de código JavaScript.
En el siguiente código puedes ver cómo con unas pocas líneas en HTML y un código JavaScript muy sencillo, podemos crear una lista con tres elementos, los cuales gracias al código JavaScript, cambian de tamaño y color cuando pasamos el ratón por encima de cualquiera de ellos.
Pero esto es muy básico para un programador web experto, por lo que le aplicamos una serie de reglas CSS para conseguir un fondo oscuro, cambiar el padding por defecto de la ul para desplazarlo hacia la derecha y aplicar bordes a cada li para crear un pequeño efecto de profundidad. También eliminaremos el borde superior del primer elemento de la lista y el borde inferior del último elemento de esta lista.
El resultado será el siguiente, al pasar el ratón por encima del elemento 3 de la lista:
Todo este desarrollo web en lenguaje HTML, JavaScript y reglas CSS lo puedes aprender si cursas con nosotros cualquiera de estos certificados de profesionalidad:
Desarrollan formularios en HTML5, usando con soltura atributos que solo los programadores web expertos son capaces de manejar.
En el ejemplo de la publicación de hoy, veremos el atributo pattern de HTML5 que permite validar campos de un formulario sin necesidad de usar JavaScript. El formulario desarrollado es el siguiente:
Al usar este atributo en el desarrollo de los formularios, reducimos la complejidad del código desarrollado, al prescindir de JavaScript y tener junto al input del formulario la expresión regular que valida la entrada de datos. Por lo que tenemos en una misma línea de código
La expresión regular que la valida. Para el caso de Fecha de nacimiento: pattern=»^(0[1-9]|[12][0-9]|3[01])[- /.](0[1-9]|1[012])[- /.](19|20)\d\d$»
El texto asociado a una entrada errónea de datos. Para el caso de Fecha de nacimiento: title=»DD/MM/YYYY»
En la siguiente imagen puedes ver el detalle del código desarrollado para este formulario:
Si introducimos de forma incorrecta la Fecha de nacimiento en nuestro formulario, aparecerá un mensaje como el siguiente:
Siendo constante la frase “Ajústese al formato solicitado:” y variable lo que aparece a partir de los dos puntos, en función de lo indicado en el atributo title. En nuestro caso DD/MM/YYYY.
El código usado para este ejemplo, puedes descargo aquí y usarlo para mejorar tus web.
Serás capaz de aplicar efectos llamativos a las imágenes que publiques en tus webs de forma sencilla y eficiente. De esta forma mejorarás la presentación del tus web incentivando así las visitas de los internautas.
En la publicación de hoy vamos a ver como aplicar un efecto de desvanecimiento y aparición progresiva de una imagen a demanda del usuario visitante de la web.
En este caso partimos de una web con una imagen centrada y dos botones que nos permiten aplicar el efecto de desvanecimiento y revertirlo aplicando además un efecto de transparencia.
Si haces clic en el botón Mostrar verás como se aplica el efecto desvanecimiento y si haces clic en el botón Ocultar verás como el efecto es revertido.
Esto los puedes realizar con los conocimientos adquiridos en cualquiera de los certificados de profesionalidad que arriba te indico y con aplicando las siguientes líneas de código en tu proyecto web:
El código usado para este ejemplo, puedes descargo aquí y usarlo para mejorar tus web.
Los alumnos que realizan nuestro certificado de profesionalidad IFCD0210-Desarrollo de Aplicaciones con Tecnologías Web, serán capaces de desarrollar páginas webs con efectos visuales, que llamen la atención de los visitantes y así generar más visitas en las webs que publiquen.
En la publicación de hoy explicamos cómo hacer que los colores de tres zonas de nuestra web cambien, simplemente con pasar el ratón por encima. Este efecto hará que el visitante de la web se vea sorprendido y fije su atención en la zona de la web en la que deseas publicar alguna información importante.
Partimos de una web en la que tenemos tres zonas bien deferencias por su color de fondo.
Con el código que se indica a continuación y que podrás descargar aquí, podrás ver como los colores de tres zonas van cambiado de forma rotativa cada vez que pasas el ratón por encima.
Este efecto tan llamativo, se consigue con unas cuantas líneas de que código que podrás desarrollar sin dificultad al terminar con éxito nuestro certificado profesionalidad IFCD0210-Desarrollo de Aplicaciones con Tecnologías Web.
Con los conocimientos adquiridos al cursar nuestro certificado de profesionalidad IFCD0210-Desarrollo de Aplicaciones con Tecnologías Web, serás capaz de desarrollar páginas webs que se visualicen correctamente en tablets, móviles y en dispositivos de escritorio, es decir, diseño web adaptable (en inglés Responsive Web Design).
En esta publicación del blog te explicamos cómo hacer este diseño adaptable y te facilitamos el código para que puedas hacer las pruebas que consideres oportunas.
Para explicar adecuadamente como hacer un diseño adaptable para nuestra web partimos de la siguiente página web, la cual está diseñada en cuatro columnas, de forma que cada columna está encabezada por una imagen y a continuación un texto relacionado con la imagen.
Esta visualización de la página web corresponde a un dispositivo de escritorio (ordenador), con un tamaño superior a 900px.
Si reducimos el tamaño de la página web por debajo de los 900px, estamos visualizando para una Tablet. Para que el contenido de nuestra web se visible y legible la página web se visualizada en dos columnas. Tal y como vemos en la siguiente imagen:
Si reducimos el tamaño por debajo de 500px estamos visualizando para un dispositivo móvil y la información se la web se visualizará en una sola columna, tal como vemos en la siguiente imagen:
Para conseguir que tus webs se visualicen correctamente en distintos dispositivos solo tienes que aplicar las siguientes reglas CSS llamas media Queries:
El código asociado a este ejemplo los puedes descargar aquí.
Hace unos días la administración andaluza anuncia la puesta en marcha de nuevos planes de formación para los trabajadores, como medio fundamental para garantizar la estabilidad en el empleo.
Estos nuevos planes de formación están enfocados para conseguir la excelencia en la formación de los trabajadores, por eso, la administración de andaluza tal y como ya han hecho otras administraciones, anuncia que dará preferencia a los planes de formación que impartan certificados de profesionalidad, ya que son garantía de calidad en la formación y están homologados por la Unión Europea.
Nuestro centro de formación, imparte certificados de profesionalidad ONLINE, de la rama de informática, que se adaptan perfectamente al horario de los trabajadores y les permite avanzar a su ritmo por el temario. De hecho para el certificado de profesionalidad IFCD0210-Desarrollo de Aplicaciones con Tecnologías Web tenemos prevista una convocatoria, que en breve inicia el periodo de matriculación.
Efecto ocultar Panel 1 al hacer clic en el botón Button 1
Efecto visualizar Panel 1 al pasar el ratón por encima del botón Button1
Descárgate el código fuente de este programa, extrae los ficheros y haz doble clic en el fichero index.html, podrás ver los efectos de ocultar y visualizar el Panel 1, en tu navegador habitual.
Con las siguientes cuatro líneas de código, se realizan estos efectos visuales:
Por supuesto que si puedes. Desde hace un tiempo, la administración permite impartir los contenidos teóricos de los certificados de profesionalidad a través de Internet.
Además, los tiempos de dedicación para formarte están pensados, para que puedas compaginar tu formación con el trabajo. De forma que puedas avanzar por el temario, a tu ritmo y acompañado en todo momento por un tutor-formador, el cual hará un seguimiento de tus avances y te ayudará en aquellos aspectos del temario con más dificultad.
Solo debes tener en cuenta que debes hacer un examen presencial por cada módulo formativo que compone el certificado de profesionalidad y solo en algunos certificados se contempla la realización de una tutorial presencial. La convocatoria de estos exámenes se hará en tu comunidad autónoma, con antelación más que suficiente y en fechas y horarios pensados para los trabajadores.
Nuestro centro de formación está especializado en informática e imparte certificados de profesionalidad ONLINE. De hecho para el certificado de profesionalidad IFCD0210-Desarrollo de Aplicaciones con Tecnologías Web tenemos prevista una convocatoria, que en breve inicia el periodo de matriculación.
¿Qué es un certificado de profesionalidad? Es un título oficial válido en todo el territorio nacional, que lo da el Servicio Público de Empleo Estatal (SEPE) o las Comunidades Autónomas y que te acredita oficialmente para desarrollar un trabajo.
Desde el Instituto FOC te ofrecemos la posibilidad de estudiar el certificado de profesionalidad IFCD0210 Desarrollo de Aplicaciones con Tecnologías Web, desde casa y conseguir una titulación oficial para trabajar como informático.
¿Quieres trabajar como informático? ¡Es la profesión con menos tasa de desempleo!
Los programadores de aplicaciones informáticas, los técnicos de la web, los programadores web y programadores multimedia, son los profesionales que menos sufren el paro. Tenemos para ti, la formación más adecuada, rápida y cómoda, para que desde casa te formes para trabajar como informático. Estudia con nosotros el certificado de profesionalidad IFCD0210 Desarrollo de Aplicaciones con Tecnologías Web que te prepara para trabajar como informático de la web, una de las profesiones con más futuro de la actualidad.
En la prehistoria, solo conectábamos nuestros monitores de ordenador analógicamente a través de la VGA. Este conector afortunadamente quedó obsoleto y adoptamos como estándar el HDMI y entramos en la era digital. Aunque en realidad la imagen digital llegó a nuestros PCs a través de DVI y más tarde con HDMI.
Hace unos días la administración andaluza anuncia la puesta en marcha de nuevos planes de formación para los trabajadores, como medio fundamental para garantizar la estabilidad en el empleo.
