Script simple para traductor morse.

A decir verdad  este post esta dedicado a un chico de comunidad de caminantes del estado de Michoacán que me pidió el código de una aplicación que desde hace tiempo manejo para pasar un mensaje cualquiera a código morse y/o otras claves que manejamos en los scouts.

Uno que otro concepto básico… Diseño Web de Regreso >.

Tras larga espera  y a petición de algunos de mis viejos  amigos y/o conocidos lectores hoy retomo una de las secciones que era la mayor visitada en la versión 1.0 de este blog. Dicha sección  tenía y seguirá teniendo como objetivo aclarar las dudas e inquietudes que llegan a surgir al diseñar una pagina o sitio web.

Entre las inquietudes de varios conocidos han surgido preguntas frecuentes tales como:

–          Como crear una pagina web

–          Que es una pagina dinamica

–          Que es una pagina estatica

–          Que lenguajes se utilizan para programar una pagina web

–          Que es HTML

–          Que es Php

–          Entre muchas otras…

Realmente son preguntas cuya respuesta son algo sencillas para las personas que nos hemos visto familiarizados con el tema, pero para aquellos que apenas inician abordaré las preguntas anteriores de forma somera esperando darles un panorama.

Empecemos por entender lo que comúnmente denominamos una página web.

Una página web es un documento/archivo el cual esta constituido por hipertextos.

¿Que es un hipertexto?

En términos de computación hipertexto es un paradigma en la interfaz del usuario cuyo fin es el de presentar documentos que puedan bifurcarse o ejecutarse cuando sea solicitado. La forma más habitual de hipertexto en documentos es la de hipervínculos o referencias cruzadas automáticas que van a otros documentos. Si el usuario selecciona un hipervínculo, hace que el programa de computador muestre el documento enlazado en un corto período.

Asimilado lo anterior podemos decir que una página web no se limita a presentarnos texto y enlaces, sino que también nos da la oportunidad de presentar audio, imágenes y video.

Una vez dicho  que es una pagina web, basta mencionar que podemos encontrar dos tipos distintos, estáticas y dinámicas.

Paginas Web Estáticas y Dinámicas.

Entendamos por pagina web estática a aquella que se nos presentan sin movimiento y sin funcionalidades más allá de los enlaces. Es decir, se nos presentan en forma de texto o en el mejor de los casos imágenes con texto (seria como ver un recorte de periódico en el monitor) y en este tipo de paginas el usuario no tiene mayor interfaz que los enlaces/vínculos. Para la creación de este tipo de paginas basta manejar HTML.

En contraparte encontramos las paginas web dinámicas las cuales se caracterizan por tener efectos especiales y en las cuales podemos interactuar. Es decir, una pagina web dinámica incluye efectos especiales o funcionalidad permitiendo asi la interactividad del usuario. Para el diseño de este tipo de paginas web podremos utilizar lenguajes de programación que van mas allá del acostumbrado HTML por citar algunos PHP,ASP,CGI,Perl, etc

¿Que es html?

Aunque podemos visualizar las paginas web en nuestro navegador(Internet Explorer ,Mozilla Firefox, Netscape, Opera, por citar algunos) o cliente web y estas parecieran un solo archivo/documento esto no es así, ya que una pagina web se llega a integrar a trav
és de un conjunto de archivos, como pueden llegar a ser las imágenes, videos, audio, y lo más importante “el código fuente”.

El código de las páginas está escrito en un lenguaje llamado HTML, que indica básicamente donde colocar cada texto, cada imagen o cada video y la forma que tendrán estos al ser colocados en la página.

HTML significa Lenguaje de Marcación de Hipertexto(Siglas en Ingles).El lenguaje consta de etiquetas (tags) y cada una de ellas tiene una finalidad distinta. La sintaxis de una etiqueta sería la siguiente  <tag>xxx</tag> donde: <tag> y </tag> comprenden lo que queremos realizar
xxxx es el elemento que se encuentra sujeto a la función desempeñada por la etiqueta correspondiente en la cual esta inmerso, un ejemplo claro es <B>Texto</B>, la tag de B indica negrillas , quedando así el contenido de <B>y </B> en un grosor mayor, en el ejemplo actual quedaría la palabra texto en negrillas. <B>Texto</B> se visualizaría como :Texto

Pero esta ocasión me permitiré solo dar una explicación somera del tema, en próximos temas se abordara de forma detallada. Sigamos bien con el tema de nuestro interés.

¿ Qué es PHP?
PHP significa Hypertext Preprocessor, aunque originalmente significaba Personal Home Page Tools. Es un lenguaje de programación que se ejecuta del lado del servidor,

Un lenguaje del lado del servidor es aquel que se ejecuta en el servidor web, justo antes de que se envíe la página a través de Internet al cliente. Las páginas que se ejecutan en el servidor pueden realizar accesos a bases de datos, conexiones en red, y otras tareas para crear la página final que verá el cliente. El cliente solamente recibe una página con el código HTML resultante de la ejecución de la PHP. Como la página resultante contiene únicamente código HTML

Entendamos bajo ese tenor que al hablar de paginas web programadas en php nos referimos a procesos que se ejecutan en el servidor web, el cual tras haber realizado dichas tareas nos devuelve un documento en HTML.

Para mayor entendimiento les dejo la siguiente imagen.

 

Una vez que ya conocemos el concepto de lenguaje de programación de scripts del lado del servidor podemos hablar de PHP. PHP se escribe dentro del código HTML, lo que lo hace realmente fácil de utilizar, al igual que ocurre con el popular ASP de Microsoft, pero con algunas ventajas como su gratuidad, independencia de plataforma, rapidez y seguridad. Cualquiera puede descargar a través de la página principal de PHP http://www.php.net/ y de manera gratuita.

Algunas de las más importantes capacidades de PHP son: compatibilidad con las bases de datos más comunes, como MySQL, mSQL, Oracle, Informix, y ODBC, por ejemplo. Incluye funciones para el envío de correo electrónico, upload de archivos, crear dinámicamente en el servidor imágenes en formato GIF, incluso animadas y una lista interminable de utilidades adicionales.

Creo que hasta este momento he aclarado las dudas que estaban planteadas al inicio, de mi parte seria cuanto hasta el próximo post dentro de esta categoría.

P.D. Como hoy no tenia nada que escupir al mundo respecto a mi vida y sentir xD revivi esta categoría espero sea tan visitada como lo fue en la versión 1.0 del blog, si tienen duda de algo respecto al diseño web comenten sus dudas y a la brevedad posible tratare de ampliarlas ^_^