Seguidores

sábado, 24 de septiembre de 2016

RESULTADO ACTIVIDAD 4.5 CURSO DESARROLLO WEB

Desempleo

El desempleo en España

La siguiente tabla muestra la evolución del desempleo en España, comparado con la media de los 27 países de la Unión Europea, Grecia, que compite con España en ser el primero en esta vergonzosa competición y Estados Unidos y Japón, dos de las primeras economías mundiales.

País 2000 2001 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011 2012 2013
UE (27 países) 8.9 8.7 9 9.1 9.3 9 8.2 7.2 7 9 9.6 9.6 10.4 10.8
España 11.9 10.6 11.5 11.5 11 9.2 8.5 8.2 11.3 17.9 19.9 21.4 24.8 26.1
Grecia 11.2 10.7 10.3 9.7 10.6 10 9 8.4 7.8 9.6 12.7 17.9 24.5 27.5
Estados Unidos 4 4.8 5.8 6 5.5 5.1 4.6 4.6 5.8 9.3 9.6 8.9 8.1 7.4
Japón 4.7 5 5.4 5.3 4.7 4.4 4.1 3.9 4 5.1 5.1 4.6 4.3 4

Fuente: Índice de desempleo anual, Eurostat

domingo, 11 de septiembre de 2016

EXAMEN MÓDULO 3: COMO SE PUBLICA UN SITIO WEB

¡¡¡¡MÓDULO 3 APROBADO!!!!







UN BADGE MÁS PARA MI MOZILLA:





Ahora lo importante es no rendirse e ir a por el último módulo. 

Nos vemos pronto.





miércoles, 7 de septiembre de 2016

ACTIVIDAD 3.19 FORMULARIOS PARTE 1

Hola de nuevo,

Siguiendo con el curso de desarrollo web que estoy estudiando, aquí traigo el resultado del ejercicio de la actividad 3.19 en el que se me pide que cree mi primer formulario.

Reconozco que esta parte de los formularios me está costando un poco más que lo que habíamos visto hasta ahora, pero simplemente es porque debo aprenderme un poco mejor las etiquetas nuevas que hemos estudiado y no tener que consultarlas constantemente, que es lo que me pasa ahora. Pero poco a poco, si nos ponemos nerviosos al final es mucho peor.

Bueno, este es el código HTML de mi primer formulario:

<html>

<head>
<title>Formulario de registro - Mi web</title>
</head>

<body>

<h1>Formulario de registro - Mi web</h1>

<br />
<br />

<form action="" method="get">

<p>
Nombre: <input type="text" name="nombre" maxlength="50" />
</p>

<br />

<p>
Apellidos: <input type="text" name="apellidos" maxlength="50" />
</p>

<br />

<p>
Sexo: <input type="radio" name="sexo" value="h" /> hombre <input type="radio" name="sexo" value="m" /> mujer
</p>

<br />

<p>
Correo electrónico: <input type="text" name="email" maxlength="100" />
</p>

<br />

<p>
<input type="checkbox" name="info" checked="checked" /> Deseo recibir información sobre novedades y ofertas.
</p>

<br />

<p>
<input type="checkbox" name="condiciones" /> Declaro haber leido y aceptar las condiciones generales del programa y la normativa sobre protección de datos.
</p>

<br />

<p>
<input type="submit" value="Enviar" />
</p>

</form>

</body>

</html>

Como habréis observado, y pese a que no lo pide en el ejercicio, he usado bastante la etiqueta <br />. Esto es simplemente por una cuestión de estética, ya que me gusta mas como queda el formulario con las líneas con doble espacio y de momento, con lo que se hasta ahora, es la única forma que se  para obtener este resultado.

Y este es el resultado, así se ve el formulario:


Yo creo que no me ha quedado mal del todo.

¿Que opináis vosotros?


domingo, 4 de septiembre de 2016

COMO ENLAZAR NUESTRAS PÁGINAS WEB A UNA PÁGINA DE INICIO

Hola a todos,

Anoche me enviaron un mail pidiéndome ayuda para enlazar páginas secundarias a una página de inicio en nuestro sitio web.


ES MUY FÁCIL, OS LO VOY A EXPLICAR:


Bien, si os acordáis del módulo del curso de desarrollo web donde tratan el tema de los enlaces web nos explicaba dos tipos de enlace en HTML.

  1.  Enlaces a un punto de la misma página.
  2.  Enlaces a otras páginas web.

El que nos interesa es el segundo tipo, los enlaces a otras páginas web.
Para explicaros como lo he echo yo voy a poner como ejemplo el proyecto que hice en la actividad 2.17 del curso de desarrollo web.

En este mismo blog, podéis ver la entrada que puse hace poco sobre esta actividad:


Como podéis ver se trata de mi currículum vitae y consta de 7 páginas. Aunque no esta aun subido a Internet, nos sirve perfectamente para explicar los enlaces.

Este es el código HTML de mi página de Inicio:


<html>

<head>
<title>CV JUAN FRANCISCO ORVAY MUÑIZ</title>
</head>

<body>

<h1>CURRICULUM VITAE</h1>

<h2>JUAN FRANCISCO ORVAY MUÑIZ</h2>

<br />
<br />

<p><a href="file:///D:/ESCRITORIO/ORVAY/CURSOS/CREACION%20WEB/PROYECTOS/CURRICULUM/PAGINAS/pg1%20datos.html"><strong>Datos personales</strong></a></p>

<p><a href="file:///D:/ESCRITORIO/ORVAY/CURSOS/CREACION%20WEB/PROYECTOS/CURRICULUM/PAGINAS/pg2%20formacion.html"><strong>Formación académica</strong></a></p>

<p><a href="file:///D:/ESCRITORIO/ORVAY/CURSOS/CREACION%20WEB/PROYECTOS/CURRICULUM/PAGINAS/pg3%20experiencia.html"><strong>Experiencia profesional</strong></a></p>

<p><a href="file:///D:/ESCRITORIO/ORVAY/CURSOS/CREACION%20WEB/PROYECTOS/CURRICULUM/PAGINAS/pg4%20habilidades.html"><strong>Habilidades</strong></a></p>

<p><a href="file:///D:/ESCRITORIO/ORVAY/CURSOS/CREACION%20WEB/PROYECTOS/CURRICULUM/PAGINAS/pg5%20otros%20datos.html"><strong>Otros datos de interes</strong></a></p>

<p><a href="file:///D:/ESCRITORIO/ORVAY/CURSOS/CREACION%20WEB/PROYECTOS/CURRICULUM/PAGINAS/pg5%20contacto.html"><strong>Contacto</strong></a></p>

</body>

</html>


Y vamos a coger el código HTML de una de las 6 páginas restantes del cv para ver como he puesto los enlaces (por ejemplo la página 2 "Formación Académica"):

<html>

<head>
<title>CV ORVAY FORMACIÓN ACADÉMICA</title>
</head>

<body>

<h1>FORMACIÓN ACADÉMICA</h1>

<br />
<br />

<h2>Formación profesional 2º Grado</h2>

<h3>Rama administrativa y comercial</h3>

<br />
<br />
<br />

<p><a href="file:///D:/ESCRITORIO/ORVAY/CURSOS/CREACION%20WEB/PROYECTOS/CURRICULUM/PAGINAS/pg0%20inicio.html"><strong>INICIO</strong></a></p>

<p><a href="file:///D:/ESCRITORIO/ORVAY/CURSOS/CREACION%20WEB/PROYECTOS/CURRICULUM/PAGINAS/pg1%20datos.html"><strong>PÁGINA ANTERIOR</strong></a></p>

<p><a href="file:///D:/ESCRITORIO/ORVAY/CURSOS/CREACION%20WEB/PROYECTOS/CURRICULUM/PAGINAS/pg3%20experiencia.html"><strong>PÁGINA SIGUIENTE</strong></a></p>

<p><a href="file:///D:/ESCRITORIO/ORVAY/CURSOS/CREACION%20WEB/PROYECTOS/CURRICULUM/PAGINAS/pg5%20contacto.html"><strong>CONTACTO</strong></a></p>

</body>

</html>


Si os fijáis en la página inferior de cada código hay una serie de enlaces. Empiezan por <p><a href=....

Si observáis el primer código (el de la página de Inicio) hay un enlace a cada una de las 6 páginas que conforman mi currículum. El que nos interesa ahora es el segundo enlace:


<p><a href="file:///D:/ESCRITORIO/ORVAY/CURSOS/CREACION%20WEB/PROYECTOS/CURRICULUM/PAGINAS/pg1%20datos.html"><strong>Datos personales</strong></a></p>

<p><a href="file:///D:/ESCRITORIO/ORVAY/CURSOS/CREACION%20WEB/PROYECTOS/CURRICULUM/PAGINAS/pg2%20formacion.html"><strong>Formación académica</strong></a></p>

<p><a href="file:///D:/ESCRITORIO/ORVAY/CURSOS/CREACION%20WEB/PROYECTOS/CURRICULUM/PAGINAS/pg3%20experiencia.html"><strong>Experiencia profesional</strong></a></p>

<p><a href="file:///D:/ESCRITORIO/ORVAY/CURSOS/CREACION%20WEB/PROYECTOS/CURRICULUM/PAGINAS/pg4%20habilidades.html"><strong>Habilidades</strong></a></p>

<p><a href="file:///D:/ESCRITORIO/ORVAY/CURSOS/CREACION%20WEB/PROYECTOS/CURRICULUM/PAGINAS/pg5%20otros%20datos.html"><strong>Otros datos de interes</strong></a></p>

<p><a href="file:///D:/ESCRITORIO/ORVAY/CURSOS/CREACION%20WEB/PROYECTOS/CURRICULUM/PAGINAS/pg5%20contacto.html"><strong>Contacto</strong></a></p>

</body>

</html>

Pero, ¿de dónde he sacado la URL para escribir el enlace?

Muy sencillo, simplemente basta con abrir la página en el navegador y copiar lo que pone en la barra de navegación.


Después, simplemente, basta con escribir el enlace en HTML de este modo:

<p><a href="file:///D:/ESCRITORIO/ORVAY/CURSOS/CREACION%20WEB/PROYECTOS/CURRICULUM/PAGINAS/pg2%20formacion.html"><strong>Formación académica</strong></a></p>


Muy importante que os fijes en la colocación de las ", pues por lo menos por mi parte es donde suelo, a veces, cometer algún error.

Para terminar debemos ir al código de la página que estamos enlazando (en este caso el de la Formación Académica). Miramos los enlaces que tengo escritos y veréis que el primero es el de INICIO:



<p><a href="file:///D:/ESCRITORIO/ORVAY/CURSOS/CREACION%20WEB/PROYECTOS/CURRICULUM/PAGINAS/pg0%20inicio.html"><strong>INICIO</strong></a></p>

<p><a href="file:///D:/ESCRITORIO/ORVAY/CURSOS/CREACION%20WEB/PROYECTOS/CURRICULUM/PAGINAS/pg1%20datos.html"><strong>PÁGINA ANTERIOR</strong></a></p>

<p><a href="file:///D:/ESCRITORIO/ORVAY/CURSOS/CREACION%20WEB/PROYECTOS/CURRICULUM/PAGINAS/pg3%20experiencia.html"><strong>PÁGINA SIGUIENTE</strong></a></p>

<p><a href="file:///D:/ESCRITORIO/ORVAY/CURSOS/CREACION%20WEB/PROYECTOS/CURRICULUM/PAGINAS/pg5%20contacto.html"><strong>CONTACTO</strong></a></p>

El procedimiento para escribir este enlace es el mismo. Abres la página de Inicio en el navegador y buscas la URL.



Para acabar escribes el código del enlace en el sitio correspondiente de la página 2:


<p><a href="file:///D:/ESCRITORIO/ORVAY/CURSOS/CREACION%20WEB/PROYECTOS/CURRICULUM/PAGINAS/pg0%20inicio.html"><strong>INICIO</strong></a></p>

Y ya están enlazadas las 2 páginas:


  • De INICIO a FORMACIÓN ACADÉMICA
  • De FORMACIÓN ACADÉMICA a INICIO


Estos pasos debéis seguirlos para ir enlazando todas las páginas que compongan vuestro sitio web. Tened en cuenta que en mi ejemplo, y supongo que os pasará lo mismo, las páginas están guardadas en mi ordenador. Cuando lo suba al hosting para hacerlo público deberé cambiar las URLs actuales, que si os fijáis son las carpetas donde se guardan los archivos en el ordenador, por las URLs de la Web donde ser carguen las páginas.

La mejor forma de aprender y perfeccionar todo esto es practicándolo mucho.

Así que,


Espero haberos ayudado, aunque sólo sea un poco





sábado, 3 de septiembre de 2016

ACTIVIDAD 3.5 ¿DÓNDE COMPRO MI NOMBRE DE DOMINIO?

Hola a todos

Ahora que ya se hacer un sitio web lo siguiente que tengo que hacer es publicarlo en Internet.

Para hacerlo necesito mi propio nombre de dominio.

Pero, ¿dónde lo compro? ¿cuanto me va a costar?

No os asustéis, a continuación o detallo los resultados de mi pequeña investigación sobre este tema. Es como ir a comprar al supermercado, hay precios para todos y grandes ofertas.


Para comprar tu nombre de dominio lo primero es saber que nombre le vas a poner. Pensadlo bien pues ese nombre os acompañará, si todo va bien, durante muchos años.

Lo ideal es elegir un nombre fácil de recordar y que indique a la gente que visita el sitio web la temática del mismo. Por ejemplo, si quieres comprar un nombre de dominio para crear un sitio web sobre venta de caramelos sería inteligente por tu parte ponerle al dominio nombres como chuches.com o caramelos.es.

Cuando ya tienes elegido el nombre de dominio debes comprobar si está disponible para su adquisición (alquiler, pues los nombres de dominio no se compran).

Si escribes registrar dominio en el buscador del navegador web (yo uso www.google.es) te salen muchísimas páginas donde comprobar la disponibilidad de tu nombre de dominio así como distintas ofertas para su adquisición.

¡¡¡Aquí empiezan las complicaciones!!!

Cuando te pones a mirar distintas ofertas puedes tirarte horas y horas leyendo la letra pequeña, viendo que te ofrece cada empresa y buscando donde ahorrar más dinero.

Como he dicho antes, es como ir al mercado. Debes ir con tiempo, paciencia y ganas de buscar una ganga, así disfrutarás eligiendo y contratando tu nombre de dominio.




Para esta pequeña investigación he utilizado mi apellido para buscar mi nombre de dominio.

orvay.es

Utilizando Google he buscado distintos registradores de dominio y estos son algunos de los resultados:










Como podéis ver cada oferta es distinta, algunas te hacen descuento, te ofrecen el primer año gratis o un 3x2 si vas a comprar más de un dominio.

¿Que hacemos entonces? ¿Cual escogemos?

Pues muy fácil, lo primero de todo no ponerse nerviosos, que haya tantas ofertas es bueno para el consumidor (nosotros), pues mientras las empresas se "pelean" para hacerse la competencia unas con otras, nosotros nos aprovechamos de las cada vez más baratas ofertas que nos ofrecen para que hagamos negocios con ellos.

Lo que debéis hacer es estudiar detenidamente los servicios que necesitáis para vuestro sitio web, si no quizá paguéis por algo que no vais a usar en la vida y en cambio a lo mejor os encontráis con que necesitáis algún servicio y ¡oh, oh!, no lo tenéis incluido.

Una vez tengáis claras vuestras necesidades, lo siguiente sólo requiere paciencia y tiempo delante de vuestro ordenador buscando y revisando las distintas ofertas.

NO OS DESESPERÉIS



SEGURO QUE ENCONTRÁIS UNA BUENA OFERTA.







viernes, 2 de septiembre de 2016

EXAMEN MÓDULO 2 (COMO SE ESCRIBE UNA PÁGINA WEB)

¡HE APROBADO!

Poco a poco, cuanto más avanzo en el curso más me doy cuenta lo que me gusta esto del desarrollo web.
Aprovecho para dar las gracias a todos los que con sus comentarios me han ayudado corrigiéndome y haciéndome ver donde me equivocaba o que hay otras formas de hacer algunas cosas.

Aprobado ya el módulo 2. ¡Voy a por el 3!






Mis badges:





ME DESPIDO:





ACTIVIDAD 2.17 PRESENTACIÓN DEL PROYECTO

Hola a todos.

En esta actividad tenemos que poner a prueba todo lo que hemos aprendido hasta el momento haciendo un sitio web.

Yo he cogido una de las recomendaciones del enunciado del ejercicio para mi proyecto. He echo mi:


Para hacer el plano y prototipo de mi sitio web he utilizado el Balsamiq Mockups
Aquí tenéis algunas capturas de pantalla:





Como podéis ver mi curriculum vitae consta de 7 paginas, enlazadas unas con otras.
Aquí tenéis como me ha quedado:









De momento he llegado hasta aquí, me falta decorarlo un poco, añadir una foto, etc., pero eso lo iré añadiendo así como lo vayan explicando en el curso. A su vez, iré añadiendo los progresos en el blog.


Muchas gracias por vuestras visitas y comentarios, que saber lo que piensan los demás siempre es bueno para mejorar uno mismo.