Nuestros primeros pasos en HTML y XHTML

Lo básico de HTML

Este es el primer post para HTML, así que comenzaremos con las bases del lenguaje de marcado. HTML es esencial para comenzar con la creación de páginas web, se convierte en una herramienta fundamental siempre que se desee comenzar a aprender sobre programación.

 Con la información que te presentamos a continuación aprenderás HTML y XHTML desde cero. Dicha información la hemos compilado en el siguiente documento:

http://hotfile.com/dl/93069833/ef64b1a/HTML_y_XHTML_para_novatos.pdf.html

Antes de comenzar a construir una página web es importante conocer los elementos necesarias para llevar a cabo nuestro proyecto. Muchas de las herramientas que necesitas quizá ya están en tu computadora. Los elementos que utilizarás son los siguientes:

 – Un editor de texto. Es una herramienta que te permite editar archivos de texto. Utilizarás este programa para escribir tus páginas web.

– Una vez que has escrito una página web necesitarás verla en un explorador web, que es la aplicación que se utiliza para ver páginas de internet.

– Un cliente FTP. Una vez que hayas acabado de escribir tu página de internet la pondrás en Internet utilizando un protocolo de transferencia de archivos (File Transfer Protocol). Aprenderemos a utilizar clientes FTP en capítulos posteriores.

La primera herramienta que utilizaremos es el editor de texto. Seguramente todos hemos utilizado Notepad por lo menos una vez en la vida. El Block de Notas o Notepad es utilizado para muchas tareas porque es rápido y fácil de utilizar, además descarga de una manera mucho más rápida que otros complejos programas para ediciones de texto que podemos obtener de internet.

Una vez que hayas creado tu página web usando Notepad, necesitarás observar los resultados obtenidos. Como Explorador Web o Navegador Web podemos utilizar Internet Explorer. Actualmente existen otros exploradores como Firefox, Opera o Google Chrome, sin embargo puede que ya tengas instalado Internet Explorer en tu computadora. De cualquier forma puedes utilizar el navegador que más te agrade. Puedes acceder a Internet Explorer desde el Menú Inicio.

Hasta el momento he mencionado las herramientas necesarias para crear nuestro sitio de internet. Sin embargo, aún nos falta algo. Si queremos que nuestro sitio luzca lindo, bonito e interesante, lo que nos falta son algunas imágenes. Bueno en realidad, si queremos que nuestro sitio luzca bien, tenemos que obtener dichas imágenes. Para eso necesitamos alguno o algunos programas para editar, crear o modificar esas imágenes.

Cuando hablamos de programas para modificar imágenes generalmente se nos vienen a la cabeza programas muy costosos o que están fuera de nuestro alcance como Photoshop o Fireworks. Si tienes alguno de estos programas de ellos puedes experimentar con ellos.

…

Por el momento hasta aquí llegamos con la información que queremos presentarte. Recuerda que lo que acabamos de presentarte puedes encontrarlo en el archivo que te presentamos al principio de este post. No olvides descargarlo para terminar de ver esto y comprender todo mejor.

Espera nuestro siguiente post y no olvides hacer tus comentarios!

1.1. Sumerjámonos a Python

Las bases de Python

Este es el primer post para Python, así que comenzaremos con las bases de la programación. Bien se ha dicho que Python es uno de los mejores lenguajes para comenzar a programar, y es cierto, porque es un lenguaje de muy alto nivel que puede aprenderse de una manera relativamente rápida.

Con la información que te presentamos a continuación aprenderás a programar en Python desde cero. Dicha información la hemos compilado en el siguiente documento:

  
http://hotfile.com/dl/92840894/5c85e18/Captulo_1.1.pdf.html

INSTALANDO PYTHON

Lo primero que tenemos que hacer antes de  empezar a programar es descargar e instalar la versión 3.1 de Python. Dirígete a http://www.python.org/download y elige la versión más reciente de Python. Ahí mismo encontrarás instrucciones sobre cómo y qué versión descargar de acuerdo al equipo que tengas. La descarga lleva unos cuantos minutos y es relativamente fácil.

Una vez que se ha completado la descarga, dirígete al menú Inicio>Todos los Programas>Python 3.1. Ahora escoge la opción IDLE (Python GUI) y espera a que el programa descargue.

El IDLE (Python GUI) es la interfaz o herramienta que nos permite programar en Python. Desde esta interfaz (graphical user interface) podremos programar en este lenguaje de programación.

Una vez que ha descargado el programa, escribe lo siguiente en la ventana que aparece:

‘Hola Mundo’

lo observarás con letras verdes una vez que lo hayas escrito. Ahora presiona la tecla ‘Enter’ y verás el mismo enunciado que escribiste, ahora con letras azules. Esto demuestra que has instalado Python correctamente y que tu primer programa también fue un éxito. Felicidades!!

PYTHON SHELL

Ahora que has escrito tu primer programa en la ventana Python Shell, es hora de empezar a experimentar en esta misma ventana. Una de las ventajas de Python Shell es que obtienes los resultados de tu código en la misma ventana, permitiéndote ver tu código y los resultados al mismo tiempo. Comencemos a experimentar. Teclea el siguiente código en tu ventana Python Shell:

«Python es un lenguaje de programación muy fácil de aprender.»

Puedes darte cuenta que una vez que presionas la tecla ‘Enter’, Python nos da el texto que has introducido (conocido como ‘string’) entre un par de comillas. Un string es un tipo de dato y en Python existen diferentes tipos de datos. Podrás conocerlos conforme avancemos en nuestro aprendizaje.   

STRINGS EN PYTHON

Siéntete libre de experimentar en Python. Por ejemplo, teclea el siguiente código en Python Shell y después presiona la tecla ‘Enter’:

«En Python Shell puedo experimentar con strings libremente»

Como podrás darte cuenta, una vez que introduces las comillas dobles, todo el texto cambia a un color verde, lo que indica que estamos manejando datos de tipo ‘string’ . Una vez que clickeas ‘Enter’, Python muestra el texto como un string (entre comillas). Existen otros tipos de datos que se muestran en una forma diferente, como verás más adelante. Pero por ahora centremos en los tipos de datos «strings». Un string es un tipo de dato. Un tipo de dato, como el nombre lo dice, engloba determinados tipos de datos. Hasta este momento vamos a ver solo strings, para no confundirnos. Explicándolo de una forma más clara, un string es un tipo de dato que consiste de cualquier caracter, sean letras, símbolos, números o signos de puntuación. Por ejemplo, los siguientes son datos de tipo string:

«El mundo de la programación es fascinante»

«Esa persona compró 2 tomates. Aquella sólo 3»

«3+5 = 8»

«56;/%$#0(np)»

Algo que no debemos olvidar es que los tipos de dato string en Python deben de ir entre comillas. Podemos poner estos datos entre comillas simples (‘),  comillas dobles («) o comillas triples (»’).

Introduce los siguientes datos de tipo string en Python Shell para que veas a lo que me refiero. Después de que introduzcas cada oración presiona la tecla ‘Enter’ para evaluar cada enunciado:

‘En esta oración utilizamos comillas simples’

«En esta oración utilizamos comillas dobles»

»’Aquí utilizamos comillas triples»’

…

Por el momento hasta aquí llegamos con la información que queremos presentarte. Recuerda que lo que acabamos de presentarte puedes encontrarlo en el primer capítulo del libro que te presentamos al principio de este post. No olvides descargarlo para terminar de ver esto y comprender todo mejor.

Espera nuestro siguiente post y no olvides hacer tus comentarios!