Antes de nada vamos a definir claramente que es un editor de páginas web.

Un editor de páginas web es una aplicación diseñada con el fin de facilitar la creación y edición de documentos HTML o XHTML.

¿Cómo nos facilita esto? 

Una de las formas es usando fragmentos de código, que nos va a ahorrar muchísimo tiempo a la hora de escribir nuestras marcas.
Cuando vamos a crear nuestras páginas webs, lo más habitual es encontrarnos código repetido "mil veces". Para ahorrarnos escribirlos a mano, aparecen los fragmentos de código o snippets, que no son más que un "trozo" de código, el cual reusaremos a lo largo de nuestro marcado.

Con estas herramientas nos ahorraremos tiempo y varios quebraderos de cabeza. 

Vamos a clasificarlos en dos grupos. Los específicos para Windows y los que se usan en Linux o son multiplataforma.

Editores Windows

CoffeeCup HTML Editor:

Las principales características del CoffeeCup HTML Editor son sus asistentes (inserción de imágenes, enlaces, menús HTML, etc.) tratando a los elementos HTML como objetos con sus propiedades, resaltado de sintaxis (HTML, CSS, PHP…) , editor visual (WYSIWYG), y poco más. Ha quedado un tanto desfasado, aunque sigue siendo muy válido como editor HTML.

Su precio es de 69 dolares.

URL: CoffeCup HTML Editor

Adobe Dreamweaver:

Es muy similar a CoffeeCup aunque con mayores prestaciones, aunque también es mucho más caro.

En la última versión dispone de un mejorado soporte de CSS, que junto a su autocompletado de atributos CSS (ideal para los que empiezan) lo convierte quizás en uno de los editores más cómodos para trabajar con CSS.

Al igual que CoffeeCup, sus asistentes harán gran parte del trabajo para los más novatos, aunque de poca utilidad para los más avanzados. Incluye lo que han llamado Spry, una librería de widgets y efectos mediante Javascript.

Su precio es de 24,59€ al MES.

URL: Adobe Dreamweaver

Linux / Multiplataforma                                            

Amaya:

Está desarrollado por la W3C (World Wide Web Consortium), la asociación que se encarga de construir los estándares web.

Es un navegador y un editor web, cuya peculiaridad es que permite editar directamente cualquier página web que se visualice, y que permite editar SVG y MathML, para codificar e integrar junto con HTML. Es bastante rudimentario  y carece de asistentes.

Su software es libre.

URL: Amaya

Aptana:

Este editor está basado en Eclipse, e incluso puede usarse como plugin en éste. Su asistente de código (HTML, CSS y Javascript) es único, mostrando documentación en línea de todos y cada uno de los elementos, como en qué navegadores está soportada una función de Javascript o un atributo CSS.

Además muestra información en línea sobre las funciones Javascript propias. Viene con depurador de Javascript. Es el editor web más completo del mercado y además es libre (gratuito y con código fuente abierto).

Software libre.

URL: Aptana

Zend Studio:

Más que un editor web, es todo un entorno de desarrollo para PHP. Tiene auto completado de código HTML (no para Javascript y CSS) además de para PHP, y no es posible editar en modo WYSIWYG, aunque el resaltado de sintaxis les podría valer a los desarrolladores más expertos.

Su punto fuerte está en su editor y depurador PHP. Su soporte para gestionar bases de datos (MySQL, MS SQL Server, Oracle, PostgreSQL, …), lo convierte en uno de los mejores entornos de desarrollo web para PHP existente.

Su precio es de 89 dolares, aunque dispone de una versión de prueba.

URL: Zend Studio

BlueGriffon:

Este editor WYSIWYG utiliza por debajo el motor de renderizado de Firefox para visualizar las páginas a medida que las vamos editando. 

Cuenta con ayudas a la escritura de código y ofrece incluso la posibilidad de probar en tiempo real transformaciones 3D de CSS3 sin abandonar el editor. 

Es gratuito, código abierto y multiplataforma (Windows, Mac y Linux) y está disponible en Español entre otros muchos idiomas.

URL: BlueGriffon

Hoy os traigo un trabajo realizado por Rafael Miranda y yo para la asignatura Entornos de Desarrollo.

En la siguiente diapositiva os presentamos una breve clasificación de los lenguajes de programación.



Sin más, espero que os sea útil.
Un saludo

Hola a todos.

Hoy vamos a crear una base de datos LibreOffice.

Antes de empezar vamos a dar una pequeña descripción de lo que es LibreOffice Base.

LibreOffice Base es un programa de gestión de bases de datos muy similar al software Access, permite la creación y manejo de bases de datos, elaboración de formularios e informes que proporcionan a los usuarios finales un fácil acceso a los datos. Al igual la aplicación Access, es capaz de trabajar para diversos sistemas de bases de datos tales como el de Access.

Lo primero que necesitamos es la información que queremos guardar.

Va a ser la siguiente información de el alumnado de un centro de estudios:

-DNI

-Nombre

-Apellidos

-Fecha de Nacimiento

-Dirección

-Localidad

-Teléfono de contacto

-Dirección de correo electrónico

-Nivel de Estudios

-Situación Laboral

Para ello vamos a crear una tabla:

Y vamos a introducir los campos que nos pedían anteriormente:

Una vez creada la tabla, introducimos los datos (registros) de los alumnos en ella:

Una vez creada la tabla, podemos modificar y utilizar datos con ella.

Como por ejemplo buscar, modificar, eliminar, crear datos nuevos, ordenar, etc...

Ahora vamos a realizar consultas.

Creamos una nueva consulta con el asistente y creamos las siguientes consultas:

-Alumnos que viven en Tomares:

-Alumnos cuyo DNI es mayor de 28.000.000:

-Alumnos que viven en Tomares y tienen un DNI mayor de 26.000.000:

-Alumnos cuyo nombre empieza por M:

-Alumnos que nacieron en la década de los 60:

-Alumnos que no disponen de correo electrónico:

-Alumnos desempleados:

Ahora vamos a crear una segunda tabla para guardar los módulos donde se han matriculado los alumnos de la tabla anterior “Alumnos”. Tenemos que tener en cuenta que cada alumno se puede matricular en varios módulos por lo cual usamos de llaves primarias los campos DNI y Módulos.

Justo después en “Herramientas/Relaciones”, vamos a relacionar estas tablas por su DNI que es el campo que tienen en común y es identificativo.

Ahora introducimos los nuevos datos en la nueva tabla.

Con estas dos tablas relacionadas y con datos en su interior podemos hacer consultas con ambas tablas a la vez, como por ejemplo, crear una consulta que a partir de la tabla que contiene los datos personales de los alumnos y la tabla de los módulos que acabamos de crear, nos de la información de los alumnos que están matriculados de Word y Windows y nos aporte su DNI, nombre y apellidos, teléfono y fecha de matriculación del módulo.

Ahora vamos a crear formularios, para ello usaremos el asistente.

El formulario lo vamos a crear a partir de la tabla “Alumnos”.

Vamos a insertar un subformulario a partir de la tabla “Módulos”

Una vez creado el formulario, podremos introducir nuevos alumnos, borrarlos y modificarlos. Aparte de esto también podremos introducir datos en la tabla módulo simplemente haciéndole click a cada uno de los DNI de la tabla “Alumnos”.

Vamos a pasar a informes.

Con toda esta información guardada podremos elaborar informes para mostrarlos en documentos o impresos.

También los vamos a crear con el asistente.

El informe que vamos a elaborar consiste en obtener en el informe solo los siguientes datos de cada alumno:

· DNI

· Nombre

· Apellidos

· Teléfono

· Módulos en los que se ha matriculado

· Fecha de matriculación en cada uno de los módulos.

Para ello vamos a crear una consulta donde aparezcan todos estos datos, y a partir de ésta vamos a crear el informe.

Vamos a agrupar los campos que se van a repetir para cada alumno, así cada alumno solo se nos mostrará una vez y no lo veremos repetidos, ya que cada alumno puede estar matriculado en varios módulos.

Un ejemplo de como los he agrupado:

Y ahora vemos el resultado:

Hola, muy buenas a todos.

En este articulo del blog, vamos a comparar algunos de los editores de texto más usados para programar en distintos lenguajes.

Como ya sabemos, los editores de texto trabajan con texto plano, es decir, para nuestra máquina carácteres simples, sin formato para que quede "bonito" a diferencia de los procesadores de texto. Para programar en cualquier lenguaje de programación vamos a usar estos editores.

Antes de empezar con la comparativa, he de decir que cada uno de ellos son útiles dependiendo de varios factores, como por ejemplo donde lo vayas a ejecutar o el lenguaje de programación o marcado.

Una vez comentado esto, vamos a comentar por orden de preferencia:

1.-Sublime Text

Sublime Text es uno de  los mejores editores que existen actualmente. Me llama muchísimo la atención la simpleza y su utilidad, el aspecto visual también es sencillo pero elegante. Tiene una gran capacidad de personalización y puedes instalar varios plugins para hacer este editor más complejo.

Lo tenemos disponible para todas las plataformas, aunque el único pero que le pongo es que no es libre, y nos cuesta ni más ni menos que 50€, aunque podemos probarlo de forma gratuita desde su página web.

URL | Sublime Text

2.-Geany

Geany no solo es un editor de texto, es un IDE. Nos encontramos ante un IDE muy básico y el cual se puede aprender a usar bastante rápido. Algo muy importante de este IDE es que no nos sobrecarga el sistema.

URL | Geany

3.-Notepad++

Notepad++ es un editor de texto para Windows. Este editor está escrito en C++. Este editor es software libre y también cuenta con un gestor de plugins, donde puedes añadir nuevas funcionalidades al editor.

Como comentábamos antes, solo está disponible para Windows, aunque existe una versión similar para Linux y se llama Notepadqq.

URL | Notepad++

4.-Komodo Edit

Komodo Edit es otro editor de textos, bastante sencillo y te permite editar código de forma sencilla y sin complicaciones. Uno de sus puntos fuertes es su clara sintaxis y la personalización de sus temas.

También estamos tratando de un software libre y si se te queda corto también puedes contar con Komodo IDE, que al ser un entorno de desarrollo es mucho mas completo.

URL | Komodo Edit

5.-SlimText

SlimText es una extensión para el navegador Google Chrome y su función es ser un editor de textos, muy sencillo y bastante cómodo. Es muy similar a Komodo Edit, solo que este lo tienes en tu navegador.

URL | SlimText

6.-NetBeans

NetBeans es otro IDE, es muy similar a otros IDE´s más complejos, aunque este es más sencillo de utilizar que otros. Este IDE nos ofrece soporte para bases de datos.

NetBeans es gratuito, libre y multiplataforma. Tiene una gran comunidad que aporta plugins y tutoriales.

URL | NetBeans

Estos programas son para facilitarnos la vida, desarrolla con el editor que más se acople a tus necesidades.

Vamos a hacer una breve introducción primero a que es el HTML.

Bien, pues HTML es un lenguaje de marcas. Y os preguntareis, ¿qué es un lenguaje de marcas?

Pues el lenguaje de marcas es una forma de codificar un documento que incorpora etiquetas o marcas que contienen información adicional acerca de la estructura. El más extendido es el HTML.

Dentro de los lenguajes de marcas tenemos varias clases.

• Marcado de presentación: Nos va a indicar el formato del texto.
• Marcado por procedimiento: Está enfocado hacia la presentación del texto.
• Marcado descriptivo: Utiliza etiquetas para describir elementos del texto pero sin decirnos como es representado.

¿En cual de estas clases encontramos el HTML?

Pues lo vamos a situar en el marcado de presentación, ya que este lenguaje nos va a servir para definir el contenido y formato de una página web, como textos, imágenes, hiperenlaces, etc...

¿Qué significa HTML?

Del ingles HyperText Markup Language  que en español se refiere a lenguaje de marcas de hipertexto.

¿Qué necesito para empezar con HTML?

Fácil. Ganas, Bloc de notas, navegador y ¡a currar!

¡EMPECEMOS!

Lo primero que debemos hacer es investigar para que sirve cada instrucción, yo os adjunto una página web en la cual podéis mirar varias cositas. AQUI

Primero vamos a escribir lo siguiente en el bloc de notas:

<html>

</html>

Aquí dentro irá todo el código que queremos escribir. Con esto le decimos al navegador que vamos a escribir en HTML y él nos entenderá.

Lo siguiente es definir el cuerpo que lo vamos a hacer con la siguiente instrucción: <body>

¿Como se nos queda? Tal que así:

<html>

          <body>

         </body>

</html>

¿Bien?

Pues continuemos...

Para crear párrafos vamos a usar el comando <p> y para mostrar texto en negrita <b>

Vamos a ver como queda nuestro primer ejemplo.

<html>

       <body>

              <p><b>soy un parrafo y estoy en negrita</b></p>

       </body>

</html>

Despues de esto clicamos en Guardar como y ponemos la extensión .html:

ejemplo1.html

Y veremos que se nos guarda como si abrieses una página del navegador. Doble click y ya está el primer resultado.

¡Muy bien!

Ya sabemos algo básico. Vamos a avanzar.

Ahora vamos a tratar algo en el encabezado de la página web.

Para decirle al navegador que queremos tratar con el encabezado usaremos el comando <head>

y queremos ponerle titulo a nuestra página, pues usamos <title>

¿Cómo nos quedaria?

<html>
  <head>
    <title>Lenguaje de marcas</title>
  </head>
       <body>
              <p><b>soy un parrafo y estoy en negrita</b></p>
       </body>
</html>


¡Estupendo!
Vamos a pasar a cambiar la forma del texto a itálica, pues nuestro comando seria <i>.
Aunque... tambien quiero linkear mi blog atraves de un hiperenlace, pues... 
<a href=”URL DEL BLOG”>NOMBRE</a>
Por supuesto todo esto va dentro del cuerpo.
Vamos a verlo en la práctica:

<html>
  <head>
    <title>Lenguaje de marcas</title>
  </head>
       <body>

              <p><b>soy un parrafo y estoy en negrita</b></p>
              <p><i>esto es italica</i></p>
              <P>
              <a href=”http://rinconmain.blogspot.com.es/”>BLOG</a>               </p>

       </body>
</html>


Vamos a guardarlo de la misma forma que antes y a ver que tal queda.

¿Vamos a por un poco más? ¡Venga!

No todos los textos tienen que ser negros y del mismo tamaño.

Para eso vamos a ver ahora como modificar las fuentes con el comando <font>

Aunque este es un tanto especial... vamos a seguir aumentando el comando.

Quieres cambiar el tamaño. pues usamos <font size="nº"> 

Este número va a variar del 1 al 7, tu decides que tamaño quieres.

También podemos modificar el color... <font color="COLOR">

Elige el color que tu quieras pero eso si, escribelo en ingles.

Vamos a ver unos ejemplos:

 <p><font size="5"> esto es grande </font></p>

 <p><font size="1"> esto es pequeño </font></p>

 <p><font color="red"> esto es rojo </font></p>


¿Fácil?
Tambien podemos modificar el tamaño y el color en una misma sentencia:

<font size="8" color="blue"> esto es azul y muuuy grande </font>


Ahora todo esto vamos a implementarlo en nuestro código, a ver que tal queda.



<html>
  <head>
    <title>Lenguaje de marcas</title>
  </head>
       <body>

              <p><b>soy un parrafo y estoy en negrita</b></p>

              <p><i>esto es italica</i></p>

              <P>
              <a href=”http://rinconmain.blogspot.com.es/”>BLOG</a>               </p>
              <p><font size="5"> esto es grande </font></p>

              <p><font size="1"> esto es pequeño </font></p>

              <p><font color="red"> esto es rojo </font></p>

<p>
<font size="8" color="blue"> esto es azul y muuuy grande </font>
</p>

       </body>
</html>

Ahora vamos a guardarlo y a ver que tal nos queda.

¡Estupendo!

Pues esto es todo, espero que os haya sido de gran utilidad.

Un saludo.

Fuente: Propia

Desde aproximadamente mediados de los '80 surgió el crecimiento de las redes de computadores con sistemas operativos de red y sistemas operativos distribuidos.

En los sistemas operativos de red cada computador tiene su propia copia de sistema operativo, los usuarios saben que existen varios computadores, pueden conectarse explícitamente a diferentes máquinas remotas para transferir archivos, hacer búsquedas, etc.

En los sistemas operativos distribuidos existe una integración real de los recursos, la red es transparente a los usuarios, es decir, que éstos pueden no darse cuenta de la existencia de varias máquinas conectadas. Sobre este tipo de sistema operativo, una tarea puede ser ejecutada en varios nodos a la vez, pues existen facilidades de migración de procesos. Además este sistema computacional puede crecer fácilmente y la tolerancia a fallas se realiza en mejor forma (la tolerancia a fallas está relacionada con la confiabilidad, por ejemplo, si un computador falla puede seguir operando en su reemplazo).

El desarrollo de los sistemas computacionales de los últimos tiempos ha generado un conjunto de estándares, que han servido de base para futuros desarrollos de fabricantes que trabajan en conjunto. Dentro de los estándares más conocidos se encuentran los siguientes:

• Estándares de comunicaciones abierto
• Modelo OSI (Open System Interconection), desarrollado por I SO.
• Estándares de sistemas operativos abiertos
• POSIX (IEEE standar 1003.1)
• SVID (System V Interfase Definition)
• Estándares de interfaces de usuarios abiertos
• X Windows desarrollado por MIT
• Estándares de aplicaciones de usuarios abiertos
• X/Open

La mezcla de sistemas continúa durante la tercera y cuarta generación. Ahora pueden tenerse aplicaciones en tiempo compartido, en línea y en batch procesándose simultáneamente en el mismo sistema de cómputo. Además existen nuevos paquetes para reducir los problemas del desarrollo de sistemas en línea.

El sistema operativo consiste en una serie de manejadores y cada manejador debe lograr lo siguiente: controlar los recursos; hacer cumplir las políticas en cuanto a qué, quién y cuánto del recurso se asigna; asignar el recurso, y recuperar el recurso.

Algunos de los ejemplos de sistemas operativos ordenados cronológicamente son los siguientes:

-Mac OS System 8 (1997)

-Windows 98 (1998)

-Gnome 1.0 (1999)

-Windows Milenium Edition (2000)

-Mac OS X  (2001)

-Windows XP (2001)

-Windows Vista (2007)

-Mac OS X Leopard (2007)

-Gnome 2.24 (2008)

-Windows 7 (2009)

-Gnome 3 (2011)

-Windows 8 (2012)