Actividad 2.15: Presentación del proyecto

Elegí hacer un curriculum, el cual la actividad te indicaba hacer las siguientes páginas.


“Tu nombre”: página principal con enlaces al resto de páginas del sitio web.
“Tu nombre - Datos personales”: página con los datos personales de contacto.
“Tu nombre - Formación académica”: página con la formación académica, la puedes estructurar en apartados según el tipo de formación (primaria, secundaria, superior, profesional, cursos).
“Tu nombre - Idiomas”: página con los conocimientos de idiomas (idioma, nivel, exámenes oficiales, estancias en el extranjero).
“Tu nombre - Experiencia profesional”: página con la experiencia profesional (empresa, puesto, labor desempeñada).
Realmente no hice algo muy "estructurado" solo hice algo básico para poner en práctica el modulo.


No necesariamente era "publicar" el proyecto, solo indicaba que lo guardara. Sin embargo solo quiero poner aquí algunos avances antes de continuar con el siguiente modulo.


Estos son mis avances:

• 
  

•     

Actividad 2.14 HTML: problemas con los editores

Actividad
Tú debes buscar varios editores, los debes probar y debes decidir con cuál te encuentras más cómodo. Publica en el foro del curso los resultados de tu búsqueda:

La lista de editores de páginas web que has evaluado.
Las ventajas y desventajas de cada uno.
El editor de páginas web que has seleccionado.
Las razones que te han llevado a tomar esa decisión.

• Block de notas

Conocido en ingles como "Notepad", es un programa que tiene la apariencia de un bloc de notas. Se puede eidtar texto sin formato y de forma simple. Actualmente block de notas incluye opciones más avanzadas que pueden ser útiles para usuarios avanzados como desarrolladores y programadores. Es un programa de código fuente libre con soporte para varios lenguajes de programación. Solo funciona en Microsoft Windows.


Ventajas

Fácil
Rápido
No consume recurso
Desventajas

Tiene pocas opciones
Es dificil de encontrar errores en el texto
Fuentes: yadithelianaypollo,

• Nano

Editor de texto para sistemas Unix basado en curses. Viene instalado por defecto en Ubuntu. No es tan potente como Vim o Emacs pero es mucho más fácil de manejar que estos. Es un clon de Pico, el editor del cliente de correo electrónico Pine. nano trata de emular la funcionalidad y la interfaz de fácil manejo de Pico, pero sin la integración con Pine.


Ventajas

fácil de usar
simple
rápido
Desventajas

Utiliza atajos de teclado que no muchas personas están acostumbradas
Difícil en identificar los errores

Fuente: wikipedia, sliceoflinux

• Gedit

El editor de textos gedit que viene instalado en algunas distribuciones de linux. Es una aplicación potente tanto para la edición de texto como para edición de código para programadores. Uno de sus puntos fuertes es que pueden añadirse plugins y complementos para personalizar las capacidades del software.
Viene de serie con varios temas visuales enfocados en diferentes resaltados de sintaxis y color de fondo, numeración de líneas, una herramienta de búsqueda y remplazo, autoguardado de documentos, inserción automática de cierres de etiquetas, modo de edición en pantalla completa.


Ventajas

Fácil de usar
Instalación de pluggins
colores para resaltar la sintaxis
cierres de etiquetas
herramientas de búsqueda
Autoguardado
Autocompletado de palabras
Manejo de pestañas

Desventajas

Instalación de paquetes
Consume recursos
Fuente: genbeta, pctux

• Sublime

Es un editor de texto y editor de código fuente está escrito en C++ y Python para los plugins. Desarrollado originalmente como una extensión de Vim, con el tiempo fue creando una identidad propia, por esto aún conserva un modo de edición tipo vi llamado Vintage mode. Se puede descargar y evaluar de forma gratuita; sin embargo no es software libre o de código abierto y se debe obtener una licencia para su uso continuado, aunque la versión de evaluación es plenamente funcional y no tiene fecha de caducidad.


Ventajas

Minimapa, para previsualización de la estructura
Multicursor, escribir el texto en diferentes posiciones del archivo.
División de ventanas, dividir el programa en una o varias ventanas.
Multipestaña
Búsqueda
Autocompletado
Colores para resaltar sintaxis
Soporte de plugins
Resaltado de paréntesis, corchete o llave.
Desventajas

Dificil de aprender
fallos del programa
dificil de configurar
Fuentes: wikipedia, jorgesanches


Conclusiones


De todos los editores de texto que he usado, mi favorito es sublime text. Se que hay otros editores de texto mucho mejores que sublime text como son: Atom o Adobe Brackets. Puesto que brindan herramientas o plugins mucho mejores que sublime. Pero me he acostumbrado tanto al uso de sublime que realmente he tenido algo de pereza en cambiarme de herramienta. Eso si, estoy abierta a utilizar otro programa, cuando pueda darme el tiempo de saber como usarlo y conseguir propiamente las licencias (soy estudiante, no tengo dinero ahorita).


Sublime brinda un sin fin de ventajas que en mi opinión me han ayudado muchas veces. El autocompletado es una de ellas, pero siendo sincera eso ha hecho que se me olviden algunas reglas de html o de como se llaman las etiquetas. Me ha encantado mucho los resaltados de colores en la sintaxis puesto que me ayuda a encontrar más rápido mis errores en codificar. Y ni si diga de la herramienta de búsqueda o de remplazo, o incluso el multicursor.


En fin, tiene muchas ventajas muy buenas. Y recomendaría mucho el uso de esta herramienta. Es con licencia pero no tiene fecha de caducidad, en cuanto tenga la oportunidad me compraré el software. ¡Los desarrolladores han hecho una increíble herramienta!

Actividad 2.13 HTML: enlaces

actividad
1. A partir del texto que se te proporciona, debes crear una página web que tenga el mismo aspecto que la siguiente imagen:

Además, tienes que tener en cuenta los siguientes requisitos:

El título de la página debe ser Los tres pilares de la Web.
Los enlaces que aparecen en la página deben tener los siguientes destinos:
Tim Berners-Lee → http://es.wikipedia.org/wiki/Tim_Berners-Lee
Web → http://es.wikipedia.org/wiki/World_Wide_Web
HTML → enlace intradocumental al epígrafe HTML
HTTP → enlace intradocumental al epígrafe HTTP
URL → enlace intradocumental al epígrafe URL
Fuente: HTML → http://es.wikipedia.org/wiki/HTML
Fuente: HTTP → http://es.wikipedia.org/wiki/Hypertext_Transfer_Protocol
Fuente: URL → http://es.wikipedia.org/wiki/Localizador_de_recursos_uniforme

Consejo: para comprobar que los enlaces intradocumentales funcionan correctamente, aumenta el tamaño o zoom de la página con "Control +"



Código de la actividad

Los tres pilares de la Web
Tim Berners-Lee es considerado el padre de la Web porque desarrolló los tres elementos básicos para el funcionamiento de la Web:
HTML
HTTP
URL
HTML
HTML, siglas de HyperText Markup Language, hace referencia al lenguaje de marcado para la elaboración de páginas web. Es un estándar que sirve de referencia para la elaboración de páginas web en sus diferentes versiones, define una estructura básica y un código (denominado código HTML) para la definición de contenido de una página web, como texto, imágenes, entre otros. Es un estándar a cargo de la W3C, organización dedicada a la estandarización de casi todas las tecnologías ligadas a la web, sobre todo en lo referente a su escritura e interpretación. Es el lenguaje con el que se definen las páginas web.
Fuente: HTML, Wikipedia
HTTP
Hypertext Transfer Protocol o HTTP (en español protocolo de transferencia de hipertexto) es el protocolo usado en cada transacción de la World Wide Web. HTTP fue desarrollado por el World Wide Web Consortium y la Internet Engineering Task Force, colaboración que culminó en 1999 con la publicación de una serie de RFC, el más importante de ellos es el RFC 2616 que especifica la versión 1.1.
Fuente: HTTP, Wikipedia
URL
Un localizador de recursos uniforme o URL —siglas en inglés de Uniform Resource Locator— es un identificador de recursos uniforme (URI) cuyos recursos referidos pueden cambiar, esto es, la dirección puede apuntar a recursos variables en el tiempo. Están formados por una secuencia de caracteres, de acuerdo a un formato modélico y estándar, que designa recursos en una red, como Internet.
Fuente: URL, Wikipedia

Solución


<html>
<head>
<title>Los tres pilares de la Web</title>
</head>
<body>
<h1>Los tres pilares de la Web</h1>
<p><a href="http://es.wikipedia.org/wiki/Tim_Berners-Lee">Tim Berners-Lee</a> es considerado el padre de la Web porque desarrolló los tres elementos básicos para el funcionamiento de la <a href="http://es.wikipedia.org/wiki/World_Wide_Web">Web</a>:</p>
<ul>
<li><a href="#html">HTML</a></li>
<li><a href="#http">HTTP</a></li>
<li><a href="#url">URL</a></li>
</ul>

<h2 id="html">HTML</h2>
<p>HTML, siglas de <strong>HyperText Markup Language</strong>, hace referencia al lenguaje de marcado para la elaboración de páginas web. Es un estándar que sirve de referencia para la elaboración de páginas web en sus diferentes versiones, define una estructura básica y un código (denominado código HTML) para la definición de contenido de una página web, como texto, imágenes, entre otros. Es un estándar a cargo de la W3C, organización dedicada a la estandarización de casi todas las tecnologías ligadas a la web, sobre todo en lo referente a su escritura e interpretación. Es el lenguaje con el que se definen las páginas web.</p>
<p>Fuente: <a href=" http://es.wikipedia.org/wiki/HTML">HTML</a>, Wikipedia</p>

<h2 id="http">HTTP</h2>
<p><strong>Hypertext Transfer Protocol</strong> o HTTP (en español protocolo de transferencia de hipertexto) es el protocolo usado en cada transacción de la World Wide Web. HTTP fue desarrollado por el World Wide Web Consortium y la Internet Engineering Task Force, colaboración que culminó en 1999 con la publicación de una serie de RFC, el más importante de ellos es el RFC 2616 que especifica la versión 1.1.</p>
<p>Fuente: <a href="http://es.wikipedia.org/wiki/Hypertext_Transfer_Protocol">HTTP</a>, Wikipedia</p>

<h2 id="url">URL</h2>
<p>Un <strong>localizador de recursos uniforme</strong> o URL —siglas en inglés de <em>Uniform Resource Locator</em>— es un identificador de recursos uniforme (URI) cuyos recursos referidos pueden cambiar, esto es, la dirección puede apuntar a recursos variables en el tiempo. Están formados por una secuencia de caracteres, de acuerdo a un formato modélico y estándar, que designa recursos en una red, como Internet.</p>
<p>Fuente: <a href=" http://es.wikipedia.org/wiki/Localizador_de_recursos_uniforme">URL</a>, Wikipedia</p>
</body>
</html>

Actividad 2.12. HTML: listas (2)

Actividad

1. Debes crear un página web que tenga el mismo aspecto que la siguiente imagen:

Selecciona para cada lista el mejor tipo de lista


Solución

<html>
<head>
<title>Internet</title>
</head>
<body>
<h1>Internet</h1>
<h2>Contenido</h2>
<ol>
<li>Principales protocolos</li>
<li>Formas de conectarse</li>
</ol>
<h2>1. Principales protocolos</h2>
<ul>
<li>Transmisión de ficheros:
<ul>
<li>FTP</li>
</ul>
</li>
<li>Correo electrónico:
<ul>
<li>IMAP</li>
<li>POP</li>
<li>SMTP</li>
</ul>
</li>
</ul>
<h2>2. Formas de conectarse</h2>
<dl>
<dt>Red Telefónica Conmutada (RTC)</dt>
<dd>La línea telefónica de toda la vida. Para acceder a Internet es necesario un módem.</dd>
<dt>Red Digital de Servicios Integrados (RDSI)</dt>
<dd>Una línea telefónica especial. Para acceder a Internet es necesario un módem RDSI.</dd>
<dt>Línea de Abonado Digital Asimétrica (ADSL)</dt>
<dd>Se basa en la conversión de una línea RTC en una línea de alta velocidad. Para acceder a Internet es necesario un módem ADSL.</dd>
<dt>Fibra Óptica</dt>
<dd>Una línea de fibra óptica. Normalmente la fibra óptica no llega hasta el usuario final, por lo que el término más apropiado es Fibra híbrida coaxial.</dd>
</dl>

</body>
</html>

2.12 HTML: Conceptos básicos (parte 4)

Dentro del video menciona la realización de un curriculum con HTML, haciendo uso de lo aprendido.

Este es el curriculum que realicé.
<html>
<head>
<title>Curriculum Vitae de luis carlos diaz</title>
</head>


<body>
<h1><center>Curriculum Vitae de luis carlos diaz</center></h1>
<h2>Datos personales</h2>
<ul>
<li>Nombre completo: <strong>luis carlos diaz </strong></li>
<li>Fecha de nacimiento: <strong>25/04/92</strong></li>
<li>Lugar de nacimiento: <strong>colombia</strong></li>
</ul>

<h2>Formación Academica</h2>
<ul>
<li>2016-2013: <strong>Univerisdad</strong></li>
<li>2012-2009: <strong>Preparatoria</strong></li>
<li>2009-2006: <strong>Secundaria</strong></li>
</ul>

<h2>Formación laboral</h2>
<ul>
<li>2016-actual: <strong>Programación</strong></li>
<li>2015: <strong>Documentación en projectos</strong></li>
<li>2014: <strong>manteamientos de computadores</strong></li>
</ul>

</body>
</html>

Actividad 2.11 HTML: conceptos básicos (parte 4)

Actividad

1. Corrige los errores que presenta el código base que se te proporciona.



Código de la página

<html lang=es>
<head>
<title>World Wide Web</title>
</head>
<body>


<h1>World Wide Web</h1>


<p>
En informática, la <strong><em>World Wide Web</strong></em> (WWW) o Red informática mundial comúnmente conocida como la web, es un sistema de distribución de documentos de hipertexto o hipermedios interconectados y accesibles vía Internet. Con un navegador web, un usuario visualiza sitios web compuestos de páginas web que pueden contener texto, imágenes, vídeos u otros contenidos multimedia, y navega a través de esas páginas usando hiperenlaces.


<h2>Historia</h2>


<p>
La web se desarrolló entre marzo de 1989 y diciembre de 1990 por el inglés Tim Berners-Lee con la ayuda del belga Robert Cailliau mientras trabajaban en el CERN en Ginebra, Suiza, y publicado en 1992.
</p>


<p>
Desde entonces, Berners-Lee ha jugado un papel activo guiando el desarrollo de estándares web (como los lenguajes de marcado con los que se crean las páginas web), y en los últimos años ha abogado por su visión de una web semántica.
</p>


<p>Fuente: <em>Wikipedia</p></em>


</html>



Solución

<html lang="es">
<head>
<title>World Wide Web</title>
</head>
<body>


<h1>World Wide Web</h1>
<p>
En informática, la <strong><em>World Wide Web</em></strong> (WWW) o Red informática mundial comúnmente conocida como la web, es un sistema de distribución de documentos de hipertexto o hipermedios interconectados y accesibles vía Internet. Con un navegador web, un usuario visualiza sitios web compuestos de páginas web que pueden contener texto, imágenes, vídeos u otros contenidos multimedia, y navega a través de esas páginas usando hiperenlaces.
</p>


<h2>Historia</h2>
<p>
La web se desarrolló entre marzo de 1989 y diciembre de 1990 por el inglés Tim Berners-Lee con la ayuda del belga Robert Cailliau mientras trabajaban en el CERN en Ginebra, Suiza, y publicado en 1992.
</p>
<p>
Desde entonces, Berners-Lee ha jugado un papel activo guiando el desarrollo de estándares web (como los lenguajes de marcado con los que se crean las páginas web), y en los últimos años ha abogado por su visión de una web semántica.
</p>


<p>
Fuente: <em>Wikipedia</em></p>
</body>
</html>

Actividad 2.10 HTML: Conceptos básico (parte 3)

Actividad
1. A partir del texto que se te proporciona, debes crear una página web que tenga el mismo aspecto que la siguiente imagen:

Además, tienes que tener en cuenta los siguientes requisitos:


El título de la página debe ser Tim Berners-Lee.
El texto "Tim Berners-Lee" como encabezado de nivel 1.
El texto "Biografía" como encabezado de nivel 2.
Todas las siglas, como HTTP, W3C o MIT deben aparecer como texto destacado.
Los nombres de las instituciones o empresas, como Consorcio de la World Wide Web o Universidad de Oxford, deben aparecer como texto enfatizado.


Código de la actividad


Tim Berners-Lee
Sir Timothy "Tim" John Berners-Lee (Londres, Reino Unido, 8 de junio de 1955) es un científico de la computación británico, conocido por ser el padre de la Web. Estableció la primera comunicación entre un cliente y un servidor usando el protocolo HTTP en noviembre de 1989. En octubre de 1994 fundó el Consorcio de la World Wide Web (W3C) con sede en el MIT, para supervisar y estandarizar el desarrollo de las tecnologías sobre las que se fundamenta la Web y que permiten el funcionamiento de Internet.
Biografía
Nació en el sudoeste de Londres en 1955. Sus padres eran matemáticos y formaron parte del equipo que construyó el Manchester Mark I (una de las primeras computadoras). Durante el tiempo que estuvo en la universidad, construyó una computadora con una soldadora, circuitos TTL, un procesador Motorola 68000 y un televisor viejo. Se graduó en física en 1976 en el Queen's College de la Universidad de Oxford. Conoció a su primera esposa en este periodo. En 1978, trabajó en D.G. Nash Limited (también en Poole) escribió un sistema operativo.
Desarrollo de su carrera
Berners-Lee trabajó en el CERN desde junio hasta diciembre de 1980. Durante ese tiempo, propuso un proyecto basado en el hipertexto para facilitar la forma de compartir y la puesta al día de la información entre investigadores. En este periodo también construyó un programa llamado Enquire que no llegó a ver la luz.
Después de dejar el CERN, en 1980, se fue a trabajar a la empresa de John Poole Image Computer Systems Ltd., pero regresó al CERN otra vez en 1984.
En 1989, el CERN era el nodo de Internet más grande de Europa y Berners-Lee vio la oportunidad de unir Internet y el hipertexto (HTTP y HTML), de lo que surgiría la World Wide Web. Desarrolló su primera propuesta de la Web en marzo de 1989, pero no tuvo mucho eco, por lo que en 1990 y con la ayuda de Robert Cailliau, hicieron una revisión que fue aceptada por su gerente, Mike Sendall. Usó ideas similares a las que había usado en el sistema Enquire para crear la World Wide Web, para esto diseñó y construyó el primer navegador (llamado WorldWideWeb y desarrollado con NextStep) y el primer servidor web al que llamó httpd (HyperText Transfer Protocol daemon).
Fuente: Wikipedia

Solución 

<html>
<head>
<title>Tim Berners-Lee</title></head>
<body>
<h1>Tim Berners-Lee</h1>




<p>Sir Timothy "Tim" John Berners-Lee (Londres, Reino Unido, 8 de junio de 1955) es un científico de la computación británico, conocido por ser el padre de la Web. Estableció la primera comunicación entre un cliente y un servidor usando el protocolo <strong>HTTP</strong> en noviembre de 1989. En octubre de 1994 fundó el <em>Consorcio de la World Wide Web</em> (<strong>W3C</strong>) con sede en el <strong>MIT</strong>, para supervisar y estandarizar el desarrollo de las tecnologías sobre las que se fundamenta la Web y que permiten el funcionamiento de Internet.
</p>


<h2>Biografía</h2>


<p>
Nació en el sudoeste de Londres en 1955. Sus padres eran matemáticos y formaron parte del equipo que construyó el Manchester Mark I (una de las primeras computadoras). Durante el tiempo que estuvo en la universidad, construyó una computadora con una soldadora, circuitos <strong>TTL</strong>, un procesador Motorola 68000 y un televisor viejo. Se graduó en física en 1976 en el <em>Queen's College</em> de la <em>Universidad de Oxford</em>. Conoció a su primera esposa en este periodo. En 1978, trabajó en <em>D.G. Nash Limited</em> (también en <em>Poole</em>) escribió un sistema operativo.
</p>


<h2>Desarrollo de su carrera</h2>


<p>
Berners-Lee trabajó en el <strong>CERN</strong> desde junio hasta diciembre de 1980. Durante ese tiempo, propuso un proyecto basado en el hipertexto para facilitar la forma de compartir y la puesta al día de la información entre investigadores. En este periodo también construyó un programa llamado Enquire que no llegó a ver la luz.
</p>


<p>
Después de dejar el <strong>CERN</strong>, en 1980, se fue a trabajar a la empresa de <em>John Poole Image Computer Systems Ltd.</em>, pero regresó al <strong>CERN</strong> otra vez en 1984.
</p>


<p>
En 1989, el <strong>CERN</strong> era el nodo de Internet más grande de Europa y Berners-Lee vio la oportunidad de unir Internet y el hipertexto (<strong>HTTP</strong> y <strong>HTML</strong>), de lo que surgiría la World Wide Web. Desarrolló su primera propuesta de la Web en marzo de 1989, pero no tuvo mucho eco, por lo que en 1990 y con la ayuda de Robert Cailliau, hicieron una revisión que fue aceptada por su gerente, Mike Sendall. Usó ideas similares a las que había usado en el sistema Enquire para crear la World Wide Web, para esto diseñó y construyó el primer navegador (llamado WorldWideWeb y desarrollado con NextStep) y el primer servidor web al que llamó httpd (HyperText Transfer Protocol daemon).
</p>


<p>Fuente: <em>Wikipedia</em></p>
</body>
</html>