En la ingeniería de software se denomina aplicación web a aquellas herramientas que los usuarios pueden utilizar accediendo a un servidor web a través de Internet o de una intranet mediante un navegador. En otras palabras, es una aplicación software que se codifica en un lenguaje soportado por los navegadores web en la que se confía la ejecución al navegador.

Las aplicaciones web son populares debido a lo práctico del navegador web como cliente ligero, a la independencia del sistema operativo, así como a la facilidad para actualizar y mantener aplicaciones web sin distribuir e instalar software a miles de usuarios potenciales. Existen aplicaciones como los webmails, wikis, weblogs, tiendas en línea y la propia Wikipedia que son ejemplos bastante conocidos de aplicaciones web.

Es importante mencionar que una página Web puede contener elementos que permiten una comunicación activa entre el usuario y la información. Esto permite que el usuario acceda a los datos de modo interactivo, gracias a que la página responderá a cada una de sus acciones, como por ejemplo rellenar y enviar formularios, participar en juegos diversos y acceder a gestores de base de datos de todo tipo.

plataforma Web

Plataforma web

En informática, una plataforma es un sistema que sirve como base para hacer funcionar determinados módulos de hardware o de software con los que es compatible. Dicho sistema está definido por un estándar alrededor del cual se determina una arquitectura de hardware y una plataforma de software (incluyendo entornos de aplicaciones). Al definir plataformas se establecen los tipos de arquitectura, sistema operativo, lenguaje de programación o interfaz de usuario compatibles.

Ejemplos de plataformas son IBM-PC, que incluye 'las arquitecturas' I386 (x86), IA64 o AMD64 (x86-64); Macintosh, que incluye la arquitectura Gecko y PowerPC; y SPARC. Existen programas multiplataforma que permiten ejecutarse en diversas plataformas. También existen emuladores, que son programas que permiten ejecutar desde una plataforma programas de otra emulando su funcionamiento, como por ejemplo UAE, que emula el hardware de un Amiga, o VICE, un emulador de los legendarios Commodore 8 bits de mitad de los 80.

Evolución (web 1.0, 2.0 y 3.0)

Muchas veces oímos hablar de Web 1.0, 2.0 ó 3.0 sin saber ni siquiera que engloba esos términos y si son reales.

La verdad es que para entender estos conceptos, y es lo que vamos a aprender en este post, hay que hacer un poco de historia y analizar tanto el pasado, presente y futuro de internet para descubrir cuáles han sido los cambios más significantes y como estos cambios han dado origen a conceptos y estrategias en la red totalmente diferentes pero con un mismo denominador: Internet y la web como elemento principal de la galaxia.

Web 1.0

Nace en 1991 y su periodo acaba en 2003.

Es sin duda alguna el periodo más largo de internet y representa los orígenes de “algo” que en principio ni siquiera los creadores habrían podido imaginar su repercusión.

La web 1.0 representa la unidad de trabajo como la página web, una página donde el contenido en forma de sitios corporativos, noticias son estáticas y sólo en los últimos años de este periodo comienza a aparecer tanto los grandes Navegadores como el lenguaje HTML que hará la visualización de este contenido algo más agradable.

Las principales características son:

•             Páginas estáticas.

•             Extensiones propias de HTML introducidas por la guerra de navegadores.

•             Libros de visitas.

•             Botones “gif”.

•             Formularios HTML vía email.

•             Sin participación del usuario / visitante.

•             Páginas fijas difíciles de actualizar.

Web 2.0

A partir de 2004 hasta la actualidad se abre un nuevo concepto por el cual el diseño de los sistemas logra la conectividad de usuarios y potencian la denominada inteligencia colectiva. La participación de usuarios se hace patente.

Si en la versión anterior la mayoría de usuarios eran consumidores, en esta Web 2.0 el usuario es proconsumidor, es decir, produce contenido y a la vez lo consume.

Ejemplos:

•             Servicios web.

•             Aplicaciones web.

•             Redes sociales.

•             Wikis.

•             Blogs.

•             Podcasts.

•             Agregadores.

•             Plataformas Online

•             Por supuesto, esto supuso un cambio radical a la hora de la programación y tecnologías empleadas. Se pasaba del HTML a técnicas como:

•             CSS

•             Ajax

•             Java

•             XML

•             Y se han realizado numerosas comparaciones entre la web 1.0 y la 2.0 (actual), algunas de las más claras serían la comparación de la Enciclopédia Británica <> Wikipedia por su grado de participación y creación de nuevos contenidos.

Web 3.0

La llamada web semántica o web inteligente.

Se basa en la manipulación de datos más eficiente a través de datos semánticos.

Si la web 2.0 tenía como protagonista al usuario (humano) que escribe por ejemplo artículos en un blog, la web 3.0  tiene como protagonista al procesador de la información (máquina) que debe ser capaz de entender la lógica descriptiva en diversos lenguajes, o dicho de otro modo, que las máquinas puedan describir la información de las webs y por lo tanto entiendan a los humanos de una forma eficiente.

Estas inquietudes se crean ante la gran cantidad de información que ahora mismo tiene internet.

Este tipo de Web no tiene todavía una tecnología fija, pero parece que todos los caminos apuntan a SPARQL, el cual permite la creación de un lenguaje estandarizado y una API de desarrollo para la búsqueda de datos en internet. Esto supondría el remplazo de otros formatos en los que se publica con la Web 2.0 como XML o RDF.

Como se puede observar, pasado, presente y futuro.

Hemos conocido las web 1.0 hasta no hace mucho tiempo. Conocemos de buena mano las 2.0 en medios como este mismo blog, ¿y las web 3.0?

Existen actualmente varios buscadores semánticos que comienzan a implementar este sistema. Uno de los más conocidos es Wolframa. Para hacer una prueba de este buscador, es tan sencillo como buscar (hay que hacerlo en inglés, no está todavía disponible en español) estos ejemplos:

How are you?

Wolframa responde: I am doing well, thank you.

Google responde: Aproximadamente 9.210.000.000 resultados…

Who is my IP?

Wolframa responde: (me muestra mi IP v4 y v6)

Google responde: 787.000.000 resultados y un anuncio relacionado en la primera página.

Espero que esta breve pero a la vez intensa explicación os sea útil a la hora de escuchar esta serie de términos que hoy seguro tenemos muy presentes en los lenguajes más habituales de la web.

La arquitectura cliente-servidor es un modelo de aplicación distribuida en el que las tareas se reparten entre los proveedores de recursos o servicios, llamados servidores, y los demandantes, llamados clientes. Un cliente realiza peticiones a otro programa, el servidor, quien le da respuesta. Esta idea también se puede aplicar a programas que se ejecutan sobre una sola computadora, aunque es más ventajosa en un sistema operativo multiusuario distribuido a través de una red de computadoras.

Algunos ejemplos de aplicaciones computacionales que usen el modelo cliente-servidor son el Correo electrónico, un Servidor de impresión y la World Wide Web.

conceptos básicos y definiciones fundamentales

Arquitectura Web

La arquitectura de la Información (AI) es la disciplina y arte encargada del estudio, análisis, organización, disposición y estructuración de la información en espacios de información, y de la selección y presentación de los datos en los sistemas de información interactivos y no interactivos.

En relación con la World Wide Web, el Information Architecture Institute define la Arquitectura de la Información como:

  1. El diseño estructural en entornos de información compartida.

 2. El arte y la ciencia de organizar y rotular sitios web, intranets, comunidades en línea y software para promover la usabilidad y la ubicabilidad (la característica de ser encontrado a través de las búsquedas en Internet).

 3. Una comunidad emergente orientada a aplicar al entorno digital los principios del diseño y la arquitectura.

La Arquitectura de la Información trata indistintamente del diseño de: sitios web, interfaces de dispositivos móviles o gadgets (como los lectores de mp3), CD interactivos, videoclips digitales, relojes, tableros de instrumentos de aviones de combate o civiles, interfaces de máquinas dispensadoras, interfaces de juegos electrónicos, etc. (Laverde, A. 2005)

Su principal objetivo es facilitar al máximo los procesos de comprensión y asimilación de la información, así como las tareas que ejecutan los usuarios en un espacio de información definido.

Lenguaje

Debemos empezar aprendiendo qué es la web y las características de este medio de comunicación. Aprenderemos también qué es HTML, el lenguaje hipertexto con el que están construidas todas las páginas web. Asimismo, introduciremos un concepto básico para poder clasificar los distintos lenguajes disponibles, el de páginas dinámicas. 

2.- Introducción a la web

Vemos una introducción al medio donde se encajan los lenguajes que vamos a tratar: la web.

3.- Lenguaje HTML

Explicamos el lenguaje sobre el que se basa la creación web y vemos algún ejemplo para ilustrarlo.

4.- Páginas estáticas Vs. dinámicas

Vemos rápidamente los conceptos de páginas estáticas y dinámicas. Además contrastamos los dos conceptos para que quede clara esta división. Páginas dinámicas Qué son las páginas dinámicas, esenciales para la creación de lo que se denominan las aplicaciones web, y los distintos tipos de programación para producirlas, de cliente y de servidor.   

5.- Páginas dinámicas

Explicamos detenidamente el concepto de página dinámica y planteamos ejemplos donde se utilizan habitualmente.

6.- Páginas dinámicas de cliente

Conocemos el primer tipo de páginas dinámicas: Las del lado del cliente, es decir, las que se ejecutan en el navegador del usuario.

7.- Páginas dinámicas de servidor

El segundo tipo de páginas dinámicas, las que se ejecutan en el servidor: Las páginas dinámicas del lado del servidor.

8.- Qué es Visual Basic Script

Explicamos el lenguaje de scripts de Microsoft para la creación de páginas web. Lo enfocamos a su parte en el cliente y diferenciamos con su faceta de servidor en páginas ASP.

9.- DHTML (HTML Dinámico)

Una aproximación al DHTML, HTML Dinámico en español, que englobamos dentro de las tecnologías del cliente, aunque podría incluirse en algún caso también al servidor.

10.- Qué es CSS

Comentamos brevemente que son las hojas de estilo en cascada y explicamos una serie de efectos rápidos e interesantes que se pueden hacer con ellas.

11.- Qué son los Applets de Java

Una manera de incluir programas complejos en el ámbito de una página web. Estos applets se programan en Java y por tanto se benefician de la potencia de este lenguaje para la Red. Lenguajes web de servidor Son los lenguajes que se procesan en el lado del servidor y que generan la página antes de enviarla al cliente. Veremos una lista de los lenguajes de servidor más populares.  

12.- Qué es CGI

Una breve introducción a CGI, con apuntes sobre la metodología de trabajo y desventajas frente a otras tecnologías del servidor.

13.- Qué es Perl

Documento introductorio al lenguaje Perl.

14.- Qué es ASP

Es el lenguaje de scripting del lado del servidor creado por Microsoft.

15.- Qué es PHP

Es un lenguaje para programar scripts del lado del servidor, que se incrustan dentro del código HTML. Este lenguaje es gratuito y multiplataforma.

16.- Qué es JSP

La tecnología Java para la creación de páginas web con programación en el servidor.

17.- ¿Aprender PHP como primer lenguaje de programación? + Instalación PHP

Resumen y vídeo de un evento dedicado a los no-programadores para aprender PHP como primer lenguaje de programación e indicaciones para instalar PHP fácilmente.

18.- Comparando JSP con ASP

Un artículo que apunta las principales diferencias entre las tecnologías JSP y ASP. Hace especial énfasis en las ventajas que se encuentran en el sistema Java frente al Microsoft. Lenguajes de intercambio de información Existen lenguajes que no sirven específicamente para programación como Javascript o PHP, ni marcación como HTML o estilos como CSS y sin embargo forman parte del corazón de muchas webs avanzadas. Son los lenguajes de intercambio de información que nos sirven para compartir datos entre distintos sistemas, usando ficheros de texto plano y una sintaxis común y compatible con una gama de lenguajes de programación, sistemas operativos, etc.

19.- Qué es XML

Vemos muy rápidamente lo que es el mundo XML y algunos destellos de sus posibilidades.

20.- Vídeo: Qué es JSON

Un vídeo que explica qué es JSON, el formato ligero para intercambio de datos, con notación de objeto Javascript.

21.- Ventajas e inconvenientes de API REST para el desarrollo

Estudio sobre las ventajas y desventajas del desarrollo de sitios web y aplicaciones de todo tipo usando una API REST como modelo de comunicación entre el frontend y el backend.

Características

1. Contenidos de utilidad.

La temática y las búsquedas deben ir acordes con el usuario final, si no, lo más seguro es que el visitante abandone la página rápidamente.

2. Debe ser intuitivo.

Hacer fácil la navegación genera que las visitas consigan fácilmente su objetivo. Además, evita abandonos en tu página web.

3. Diseño atractivo.

Dicen que una imagen vale más que mil palabras. En una web, una primera impresión cuenta, ya que representa nuestro negocio, e incluso a nosotros mismos. Si a un usuario no le gusta lo que ve, o no le genera confianza, lo más probable es que abandone el sitio web, en muchos casos sin tan siquiera tener en cuenta el contenido.

Por lo cual un buen diseño genera confianza, seriedad y muy buena impresión.

4. Contenido bien estructurado.

Un desglose del contenido claro y sencillo, bien explicado, tiene el éxito asegurado. La importancia de una estructura clara y objetiva es lo que mantendrá a tu usuario conectado.

Recuerda que una información siempre debe ser concisa y sencilla.

5. Importancia de la velocidad de la web.

Las páginas que tardan en mucho en cargar son un problema. Para todos, nuestro tiempo vale oro, y lo que más fastidia a cualquier persona es tener que esperar.

El índex de una página web debe tener una carga rápida, si no, muchos usuarios abandonarán la navegación sin dar una oportunidad de ver el sitio, aunque su contenido pueda resultarles de utilidad.

6. Información de contacto.

Es muy importante situar en lugares visibles nuestros datos de contacto, teléfonos y dirección. Nunca deben enlazarse emails directamente, sino utilizar enlaces a formularios de contacto y, muy importante, incitar al usuario a realizar una acción, como por ejemplo contactar con nosotros o solicitar más información. Si nuestro contenido genera interés, es muy probable que el usuario quiera saber más, por tanto, después de mostrar la información que le interesa, es muy apropiado invitarle a resolver sus dudas contactando con nostros y que siempre sepa que estamos para ayudarle.

7. Difusión del sitio web...

Hay muchas empresas que piensan que con tener una web ya está todo el trabajo hecho. Pues no, ni mucho menos. Detrás de una web hay muchísimo trabajo que hacer para darnos a conocer a nuevos usuarios.

En primer lugar, si tu sitio es nuevo es muy dificil aparecer en los primeros puestos de los buscadores. Si quieres aparecer en un futuro tendrás que pensar en llevar a cabo una tarea de posicionamiento seo continua para tu página web, con los términos mas apropiados e ir aumentandolos según los resultados que vayas obteniendo.

En segundo lugar, es importante ir actualizando periódicamente los contenidos de la web, e ir ampliando poco a poco las secciones de la misma. Es muy importante contar con un blog en el que ir informando a los usuarios de noticias y novedades que puedan resultarles de interés.

Por último, es conveniente difundir tu web a través de todas las comunidades de temática similar a tu web, para conseguir llegar a usuarios a los que realmente interese tu contenido y así lograr, poco a poco, que los mismos usuarios participen activamente en la difusión de tu website.

Claro que todo esto está muy bien pero... mientras tanto ¿qué hago? ¿espero años?

Difundir un sitio web es una tarea que requiere tiempo y dedicación, si bien, si no corre prisa llegar a usuarios que puedan ser potenciales clientes para nuestro negocio, existen soluciones que nos pueden ayudar a conseguir clientes mediante una invercion en anuncios patrocinados en buscadores, mientras trabajamos día a día con la difusión de nuestra web. Una de estas herramientas de gran utilidad es Google Adwords. Esta herramienta permitirá anunciar nuestro sitio web en los primeros puestos del famoso buscador, pujando un coste por clic en nuestros anuncios

Para obtener buenos resultados en una campaña de adwords, es necesario optimizar muy bien nuestras campañas y tener conocimientos avanzados sobre esta herramienta, si no los tenemos, es posible que nuestra inversión fracase o salga excesivamente cara. En nuestra empresa, contamos con un departamento especializado en gestión de campañas de Google Adwords, así que si necesitas ayuda, puedes contactar con nosotros y te asesoraremos lo mejor posible

Otro medio importante para llegar aun importante número de clientes potenciales es introducirnos en el mundo de las redes sociales, o social media marketing en aplicaciones web como Facebook, Twitter, Linkeding o Google+.

Estas redes sociales son muy importantes y refuerzan todo lo que concierne a tu web, mejoran tu posicionamiento, ofrecen nuevas vías de comunicación y una fácil difusión de contenidos, noticias, productos o servicios.

En otro post os escribiremos nuestras experiencias con estas redes sociales y como utilizarlas.

Y, hasta entonces... Os deseamos a todos que paséis un buen día, y que sea productivo con vuestros websites!

Servicios asociados

Para compartir en la Web 2.0 se utilizan una serie de herramientas, entre las que se pueden destacar:

Blogs: Un blog es un espacio web personal en el que su autor (puede haber varios autores autorizados) puede escribir cronológicamente artículos, noticias...(con imágenes videos y enlaces), pero además es un espacio colaborativo donde los lectores también pueden escribir sus comentarios a cada uno de los artículos (entradas/post) que ha realizado el autor. La blogosfera es el conjunto de blogs que hay en internet. Como servicio para la creación de blogs destacan Wordpress.com y Blogger.com

 Wikis: En hawaiano "wiki" significa: rápido, informal. Una wiki es un espacio web corporativo, organizado mediante una estructura hipertextual de páginas (referenciadas en un menú lateral), donde varias personas elaboran contenidos de manera asíncrona. Basta pulsar el botón "editar" para acceder a los contenidos y modificarlos. Suelen mantener un archivo histórico de las versiones anteriores y facilitan la realización de copias de seguridad de los contenidos. Hay diversos servidores de wikis gratuitos.

 Redes sociales: Sitios web donde cada usuario tiene una página donde publica contenidos y se comunica con otros usuarios. Ejemplos: Facebook, Twitter, Tuenti, Hi5, Myspace,instagram, entre otras. También existen redes sociales profesionales, dirigidas a establecer contactos dentro del mundo empresarial (LinkedIn, Xing, eConozco, Neurona...).

 Entornos para compartir recursos: Entornos que nos permiten almacenar recursos o contenidos en Internet, compartirlos y visualizarlos cuando nos convenga. Constituyen una inmensa fuente de recursos y lugares donde publicar materiales para su difusión mundial. Existen de diversos tipos, según el contenido que albergan o el uso que se les da:

 Documentos: Google Drive y Office Web Apps (OneDrive), en los cuales podemos subir nuestros documentos, compartirlos y modificarlos.

  Videos: Youtube, Vimeo, Dailymotion, Dalealplay... Contienen miles de vídeos subidos y compartidos por los usuarios.

  Fotos: Picasa, Flickr, Instagram... Permiten disfrutar y compartir las fotos también tenemos la oportunidad de organizar las fotos con etiquetas, separándolas por grupos como si fueran álbumes, podemos seleccionar y guardar aparte las fotos que no queremos publicar.

  Agregadores de noticias: Digg, Reddit, Menéame, Divoblogger... Noticias de cualquier medio son agregadas y votadas por los usuarios.

·         Almacenamiento online: Dropbox, Google Drive, SkyDrive

·         Presentaciones: Prezzi, Slideshare.

·         Plataforma educativa.

Tecnología de la web 2.0

Se puede decir que una web está construida usando tecnología de la Web 2.0 si posee las siguientes características:

·         Técnicas:

·         CSS, marcado XHTML válido semánticamente y Micro formatos

·         Técnicas de aplicaciones ricas no intrusivas (como AJAX)

·         Java Web Start

·         Redifusión/Agregación de datos en RSS/ATOM

·         URLs sencillas con significado semántico

·         Soporte para postear en un blog

·         JCC y APIs REST o XML

·         JSON

·         Algunos aspectos de redes sociales

·         Mashup (aplicación web híbrida)

·         General:

·         El sitio debe estar listo para la entrada de cualquier persona

·         El sitio no debe actuar como un "jardín sin cosechar inminentemente": la información debe poderse introducir y extraer fácilmente

·         Los usuarios deberían controlar su propia información

·         Basada exclusivamente en la Web: los sitios Web 2.0 con más éxito pueden ser utilizados enteramente desde un navegador

·         La existencia de links es requisito imprescindible

Introducción al entorno de programación web

En toda conexión web existen dos partes bien separadas: cliente y servidor. El cliente suele ser la máquina del usuario que utiliza un navegador de páginas web, el servidor es quien recibe esa petición, es donde reside el código de las diferentes páginas y la base de datos y es donde, en principio, se realiza el procesamiento.

            Fundamento para el diseño de sitios web

Un correcto diseño web implica conocer cómo se deben utilizar cada uno de los elementos permitidos en el HTML, es decir, hacer un uso correcto de este lenguaje dentro de los estándares establecidos por la W3C y en lo referente a la web semántica. Debido a la permisibilidad de algunos navegadores web como Internet Explorer, esta premisa original se ha perdido. Por ejemplo, este navegador permite que no sea necesario cerrar las etiquetas del marcado, utiliza código propietario, etc. Esto impide que ese documento web sea universal e independiente del medio que se utilice para ser mostrado.

La web semántica, por otra parte, aboga por un uso lógico de los elementos según el significado para el que fueron concebidas. Por ejemplo se utilizará el elemento <P> para marcar párrafos, y <TABLE> para tabular datos (nunca para disponer de manera visual los diferentes elementos del documento). En su última instancia, esto ha supuesto una auténtica revolución en el diseño web puesto que apuesta por separar totalmente el contenido del documento de la visualización.

De esta forma se utiliza el documento HTML únicamente para contener, organizar y estructurar la información y las hojas de estilo CSS para indicar como se mostrará dicha información en los diferentes medios (como por ejemplo, una monitor de computadora, un teléfono móvil, impreso en papel, leída por un sintetizador de voz, etc.). Por lógica, esta metodología beneficia enormemente la accesibilidad del documento.

También existen páginas dinámicas, las cuales permiten interacción entre la web y el visitante, proporcionándole herramientas tales como buscadores, chat, foros, sistemas de encuestas, etc. y poseen de un panel de control de administración de contenidos. Este permite crear, actualizar y administrar cantidades ilimitadas de contenido en la misma.

Introducción a la programación html

Estructura de un programa

Un programa puede considerarse como una secuencia de acciones (instrucciones) que manipulan un conjunto de objetos (datos).

Contenido

Bloques de un programa

Bloque de declaraciones: en él se especifican todos los objetos que utiliza el programa (constantes, variables, tablas, registros, archivos, etc.).

Bloque de instrucciones: constituido por el conjunto de operaciones que se han de realizar para la obtención de los resultados deseados.

Partes principales de un programa

Dentro del bloque de instrucciones de un programa se pueden diferenciar tres partes fundamentales. En algunos casos, estas tres partes están perfectamente delimitadas, pero en la mayoría sus instrucciones quedan entremezcladas a lo largo del programa, si bien mantienen una cierta localización geométrica impuesta por la propia naturaleza de las mismas.

Entrada de datos: la constituyen todas aquellas instrucciones que toman datos de un dispositivo externo, almacenándolos en la memoria central para que puedan ser procesados.

Proceso o algoritmo: está formado por las instrucciones que modifican los objetos a partir de su estado inicial hasta el estado final, dejando éstos disponibles en la memoria central.

Salida de resultados: conjunto de instrucciones que toman los datos finales de la memoria central y los envían a los dispositivos externos.

Clasificación de las Instrucciones

Una instrucción se caracteriza por un estado inicial y final del entorno. El estado final de una instrucción coincide con el inicial de la siguiente. No siempre una instrucción modifica el entorno, pues su cometido puede limitarse a una mera observación del mismo o a un cambio en el orden de ejecución de otras. Las instrucciones pueden ser:

Instrucciones de declaración: Se utilizan en aquellos lenguajes de programación que no tienen declaración explícita de los objetos. Su misión consiste en indicar al procesador que reserve espacio en la memoria para un objeto del programa, indicando asimismo su nombre, tipo y características.

Instrucciones primitivas: Son aquellas que ejecuta el procesador de modo inmediato. Las principales son asignación, entrada y salida.

Instrucción de asignación: Consiste en calcular el valor de una expresión y almacenarlo en una variable. En algún lenguaje es preciso calcular previamente el resultado de la expresión, pues la instrucción de asignación sólo permite el movimiento de un valor simple.

Instrucción de entrada: Toma un dato de un dispositivo de entrada y lo almacena en un objeto. En algún lenguaje, los datos de entrada no provienen de un dispositivo externo, sino que han sido colocados previamente en el mismo programa.

Instrucción de salida: Toma el valor de una expresión u objeto y lo lleva a un dispositivo externo.

Instrucciones compuestas: Son aquellas que el procesador no puede ejecutar directamente, sino que realiza una llamada a un subprograma, subrutina o párrafo.

Instrucciones de control: Son aquellas de controlar la ejecución de otras instrucciones.

Instrucción alternativa: Controla la ejecución de unas u otras instrucciones según una condición. Puede ser simple o doble (SI y SINO).

Instrucción de salto incondicional: Altera la secuencia normal de ejecución de un programa, continuando la misma en la línea indicada en la propia instrucción (IR A).

Instrucción de salto condicional: Altera la secuencia normal de ejecución de un programa únicamente en el caso de cumplimiento de una condición asociada a la propia instrucción (SI ... IR A).

Instrucción repetitiva: Hace que se repitan una o varias instrucciones un número determinado o indeterminado de veces (PARA, MIENTRAS, HASTA e ITERAR).

Manipulación de instrucciones HTML

La estructura básica de una página web es la siguiente:

<html>

<head></head>

<body>

</body>

</html>

Una estructura HTML se empieza con la etiqueta <html> y acaba con </html>. Todo lo que esté en medio será la página web. Dentro de <html></html> se encuentran 2 partes diferenciadas.

La primera <head></head> es la cabecera de la página. Aquí irán cierta información que no es directamente el contenido de la página. Aquí se pone el título de la página, los metadatos, estilos, código javascript (todo esto se estudiará en capítulos venideros). La primera que se suele estudiar es <title></title>, que indica el título de la página (lo que el navegador pone en la parte superior izquierda).

La segunda parte es <body></body>. Aquí va propiamente el contenido de la página: fotos, párrafos, formularios, etc. Por ejemplo, siguiendo con el ejemplo de la página anterior, el siguiente código

<html>

<head>

<title>Esto es el t&iacute;tulo de la p&aacute;gina.</title>

</head>

<body>

Hola mundo!<br>

<b>Esto es negrita.</b><br>

<i>Y esto it&aacute;lica.</i><br>

</body>

</html>

generará el siguiente resultado (abre la página en otra ventana, dale al botón derecho => ver código fuente, y verás así el código HTML de la página):

Ver ejemplo en una página aparte.

Observad el título en la parte superior izquierda de la página. Además, dentro de <body></body> distinguimos varias etiquetas:

<br> => Indica salto de línea. En HTML un salto de línea normal (púlsando la tecla Enter) no produce un salto de línea en el resultado. Es necesario escribir <br> (u otra etiqueta similar).

<b></b> => Indica comienzo y fin de negrita.

<i></b> => Itálica.

También observamos el código &iaacute; => Esto indica que queremos poner una "i" con acento, es decir, "í". Esto se explicará en un capítulo posterior.

Es importante mencionar que las etiquetas se pueden escribir indistintamente en mayúsculas o minúsculas, es decir <b>Esto es negrita.</b> y <B>Esto es negrita.</B> produce el mismo resultado. Por otro lado, toda etiqueta que se abre (es decir, se pone la etiqueta sin la barra /) debe cerrarse (es decir, poner su equivalente con el símbolo /), si no, el navegador podría dar resultados inesperados. Excepciones a esto son algunas etiquetas que no lo necesitan, como <br> o <hr>.