Crear una Web:Formatos de Texto

Leer una pantalla de ordenador no es comodo, asi que ,por el bien de quien vea nuestro trabajo y el nuestro propio , deberemos darle a nuestra web un aspecto agradable de ver, equilibrado(al menos, lo más posible).A esto se le llama "Formato".Hay dos tipos de formato:
+De parrafo,
+De caracteres.
En este post vamos a hablar del formato de parrafo.
Este abarca uno, varios o todos los parrafos del documento que trabajamos y que van a afectar a los parrafos que seleccionemos.Existen varios:
+Opciones de Justificacion,
+Estilos de Titulo,
+Elementos de Listas .

Titulos
Son estilos a nivel de bloque, y delimitan el texto en diferentes secciones y/o apartados.Sirven para resaltar la importancia de determinados titulos.En HTML hay 6 niveles  que se distinguen entre ellos por el tamaño de letra.Se encuentran de forma descendente, siendo el nivel 1 el mayor y el nivel 6 el más pequeño.Estos pueden redefinirse usando CSS.

Lo podemos aplicar seleccionando el texto que deseamos resaltar con este estilo, luego desplegamos la lista que se encuentra en la barra de formato, marcando uno de los seis niveles de título que nos ofrece.

Otra forma de acceder es a traves del menú Formato -> Párrafo. Aqui también se nos aparecen los seis estilos de título.

El aspecto que ofrecerán los párrafos con estos estilos de títulos podemos verlo en CrearTuweb

A la derecha tienes el menú de formato del que te hablo más arriba, a través de él también puedes aplicar los seis diferentes estilos de títulos.
En HTML, estos estilos corresponden a las etiquetas H1 a H6. Todo el texto encerrado entre esas etiquetas aparecerán con el tamaño, grosor, color correspondientes a los estilos título 1 a título 6.

Listas
Este formato es muy util cuando quieres darle a los parrafos de tu web un aspecto de lista(ordenada o no).
Sobre todo puedes usarlo,por ejemplo, para crear un indice de lo que se puede encontrar en nuestra web.

Puedes acceder a ella desde el menú Formato, seleccionando el apartado Lista.Aqui vemos que tenemos 4 opciones:

• No Numerada.Tambien se le llama lista de viñetas.En esta todos los elementos van precedido por un simbolo o viñeta elegido entre los 3 que nos ofrece el programa:círculo sólido, circunferencia y cuadrado sólido. Accedemos a ellos con la opción propiedades de la lista.
  Este tipo de lista está también accesible desde el botón viñetas de la barra de formato.
• Ejemplo de lista no numerada:
• Redes

• Lan
• Wan

• Topologías

• Bus
• Anillo
• Estrella

•  
• Numerada.Sus elementos van precedidos de numeros o letras, elegidos en la ventana propiedades de la lista, desplegando el apartado Estilos de numeración. A estas listas también se las conoce como desordenadas. Si la pifias aqui , NO PROBLEM!!,las propiedades y el tipo de la lista se puede cambiar en cualquier momento.( Basta seleccionar el o los elementos que quieres cambiar y elegir en el menú de Formato->Listas la opción propiedades, o bien usando el menú del botón secundario del ratón.)
  La numeración de este tipo de listas puede hacerse con números árabes, romanos o letras.
  
  Ejemplo de lista numerada:
  
• Redes

1. Wan
2. Lan

• Topologías

1. Bus
2. Anillo
3. Estrella

•  
• Término.Esta es la forma como se llama a la palabra que encabeza o da titulo a la lista
  
•  
• Definición.Estas listas van estrechsmente relacionadas, dando al texto un formato similar al de una definicion.Este formato se apliica al texto que sigue al Termino.Nota de Interes:Si hemos aplicado el formato término, tras escribir éste, y de forma automática, al pulsar Intro, el cursor se desplaza al punto de inserción correspondiente a la definición adquiriendo el texto que introduzcamos a continuación este formato.

Podemos elegir las lista de términos y de definiciones desde el menú Formato, y seleccionando el apartado Lista o también con sus correspondientes botones de la barra de formato. El izquierdo da formato término y el derecho da formato de definición.

Ejemplo de lista Termino y Definicion:

HTML<-Termino

Pseudo lenguaje para la creación de páginas WEB<-Definicion

WWW<-Termino

World Wide Web<-Definicion

Crear una Web:La Primera Pagina Web

CREAR LA PRIMERA PAGINA WEB
Empezar a crear la primera pagina web es muy sencillo y muy simple.
Basta con ir al menu Archivo, y elegir la opcion Nuevo.Otra opcion es usar las teclas Ctrl-N.

Enseguida nos aparece una ventana pequeña (cuadro de dialogo).
Podemos elegir:
+Crear un documento vacio(y decidir si queremos que cumpla el standard HTML y usar el formato Strict DTD),
+Crear un documento a partir de una pantilla que ya está creada,
+Crear una plantilla vacia(una opcion util si deseas darle a tu trabajo un aspecto uniforme,sobre todo si estás  creando una web compleja(con muchas paginas))

Tambien puedes decidir si quieres crear tu trabajo en una nueva pestaña o una nueva ventana.

En la barra de botones, hay un boton(Nuevo)que crea directamente una pagina web vacia.

ESCRIBIR LA PAGINA
Escribir el contenido de una pagina web es muy parecido a escribir un documento de texto con un procesador de textos como el Word o parecido.
Puedes darle formatos personalizados, colores, insertar imagenes,tablas, contenidos multimedia...

GUARDAR EL DOCUMENTO
No impora si lo hacemos a traves del menu Archivo o usamos el boton Guardar de la barra de botones.Es muy recomendable guardar nuestro trabajo para no perderlo cuando apaguemos el ordenador.
Si no lo hacemos,el programa nos pregunta si queremos guardar lo que hemos hecho y con que nombre.

De cualquier forma esta opcion nos lleva a una ventana donde se nos solicita un titulo para nuestra página,NO el de la pagina.

Antes de guardar,debemos teclear el nombre del archivo en que guardamos la pagina web.Lo aconsejable es:
+Usar siempre minusculas,
+No usar caracteres como eñes,tildes,espacios...(el sistema los considera como raros y no los reconoce)
+No usar caracters reservados(asteriscos,signos de interrogacion,parentesis...)
+No dejar espacios en blanco entre las palabras del titulo(si quieres separarlas, usa guion bajo(  _ )

Crear una Web:Trabajar con NVU

Sacado de CreatuWeb

Para la instalación del programa basta seguir las instrucciones del instalador que se baja desde la web de NVU, siempre con una cuenta con privilegios de administrador. En el caso de Linux la instalación consiste tan sólo en descomprimir el archivo en cualquier carpeta del sistema, no siendo necesarios privilegios de administrador. Una vez realizada la instalación podemos ejecutar el programa de la forma habitual en el sistema operativo que se trate.

Una vez hecho esto, tendremos la pantalla inicial tal y como podemos apreciar en la siguiente imagen. Desde este momento ya podemos empezar a crear nuestra web como si de un procesador de texto se tratara, simplemente escribiendo en el espacio en blanco que se nos presenta, pero esto lo vamos a dejar para más adelante, ahora detengámonos para observar esta pantalla con mas detalle y ver cada una de sus partes.
Vemos las disposiciones habituales de los programas de windows y linux gráfico, con las distintas áreas de trabajo, herramientas e información. Distintas versiones y configuraciones del sistema operativo mostrarán una estética algo diferente, pero los elementos permanecen.
La primera barra que vemos es la "barra de menús", en ella aparecen las cabeceras de los menús que se irán desplegando a medida que hagamos clic en ellas. La disposición es la habitual en la mayoría de los programas windows: Archivo, Edición, Ver, Insertar... Algunas de estas opciones se repiten en la barra de botones o pueden ejecutarse mediante una composición de teclas.
La segunda es la "barra de composición", permite atajar las operaciones más usadas en la creación y el diseño, entre los botones más usuales están: Nuevo: La utilizaremos para crear un documento o página nueva, abrirá a su vez, un cuadro de diálogo donde deberemos señalar algunas opciones. Abrir: Nos abre una página ya creada y guardada previamente. Guardar: Guarda la página que estamos creando en ese momento, se abre primero un cuadro de diálogo donde deberemos ponerle un nombre si no lo tiene. Publicar: Este botón hará que la página se guarde en el servidor de internet desde será vista por los navegantes. Enlace interno: Como su nombre indica sirve para crear enlaces dentro de la propia página. Enlace: Esta opción permite crear enlaces a otras páginas. Imagen: Abre la ventana de propiedades de la imagen, para permitir localizar el archivo que la contiene e insertarla en el documento. Tabla: Abre la ventana insertar tabla, donde elegiremos el número de filas y columnas que tendrá nuestra tabla. Formulario: Abrirá la ventana propiedades del formulario. Ortografía: Realiza la corrección ortográfica de nuestro texto abriendo la ventana revisar ortografía. Imprimir: Imprime la página que estamos creando.
Otra de las barras a la que también vamos a dar bastante uso es la de Formato, si miramos de izquierda a derecha, sus elementos más notables son: Formato de párrafo: Es un menú desplegable donde se muestran los distintos formatos que podremos dar a los párrafos del documento. Fuente o tipo de letra: También como menú desplegable nos presenta el tipo de letra que estamos utilizando. Color: Nos permite cambiar el color del texto para resaltar alguna palabra o párrafo. Tamaño: permite ampliar o reducir el tamaño del texto. Negrita (B), Cursiva (I) y Subrayado (U): Son estilos de presentación de las fuentes, para resaltar o destacar, determinadas palabras. Listas: permite la creación de listas jerarquizadas, utilizando números o viñetas. Justificación: Alinea el texto a izquierda, centro, derecha, o lo "justifica", o sea, distribuye por igual entre los dos márgenes, derecho e izquierdo. Sangrías: Definen los límites izquierdo y derecho de los párrafos seleccionados dentro de un documento.

Crear una Web:La página Web

Si has leido manuales de HTML(si no puedes echarle un vistazo al de CreatuWeb), ya sabes que las páginas web son documentos escritos en lenguaje HTML("Hiper Text Markup Lenguage" traducido al español significa "Lenguaje de Marcas de Hiper Texto").Los documentos que se crean en este lenguaje pueden contener texto, imagenes, video,música (archivos de sonido) y a traves de ellas es posible acceder a otras.
Su almacenamiento(la forma como se guardan) es en archivos con formato .htm o .html.

Algunos elementos que se pueden encontrar en una web:

Texto
En cuanto a informacion es uno de los soportes mas simples.Podemos darle distintos tamaños, colores, y , en teoria, tambien distintos tipos de letra(fuente).En lo que se refiere a las fuentes es muy recomendable usarlo con precaucion, ya que en gran medida esta caracteristica depende mucho del ordenador en que se va a ver nuestra web.Hay algunos tipos predefinidos(color azul y subrayado)para indicar que un determinado texto es un enlace o hipertexto y que al hacer click en esa zona este no llevará a otra seccion del documento(enlace interno) o a otra web de otro servidor diferente(enlace externo).

Hipertexto(enlaces)
Son uno de los elementos más versátiles de las páginas web. Se pueden presentar en forma de texto o imagen y pueden llevar a otras zonas de la misma página (enlace interno, anchor o anclas) o a otras páginas (enlace local) incluso de servidores distintos (enlaces externos).A veces tambien se usan para iniciar la descarga de un archivo (enlaces con archivos) o la reproducción de efectos de sonido o vídeo. Muchas webs agrupan los enlaces en listados que constituyen las llamadas barras de navegación y cuya función es permitir que el internauta recorra facilmente todas las páginas de un documento.

Imagenes
Existe la posibilidad de crear páginas con diseños atractivos y fáciles de leer. Gracias a lo mucho que han avanzado las tecnicas de comprension y la velocidad en la red se pueden usar dos tipos de imágenes:
-Estaticas(en formatos .JPG, .PNG y .GIF)
-Con efectos de animación(en formato .GIF).
De igual forma, la tecnología flash permite crear animaciones complejas en archivos que ocupan muy poco espacio. Las imágenes también pueden servir de enlaces con otras páginas.

Sonido
Este elemento tambien se puede usar en hipertexto,no sólo como elemento accesorio.A veces tambien se puede usar para ayudar a las personas con discapacidad.
Al igual que con las imagenes, los archivos con formato de audio han reducido mucho su tamaño gracias a los avances en tecnicas de compresion, haciendo muy popular su difusion.
al principio los archivos de sonido estaban en formatos .wav y .midi, pero ahora los formatos más conocidos son .mp3, .wma, .rm(para real media player)...

Crear una Web:El Editor

A quienes empiezan a crear sus propias paginas webs, siempre se les plantea una duda inicial:
¿Que programa necesito?
Evidentemente no es necesario ningun programa especial, pero existen algunos que facilitan mucho la tarea de crear una pagina web.
Se llaman Editores Graficos o Editores Web.
Basicamente son programas que ayudan en la tarea de introducir o insertar etiquetas HTML cuando creamos nuestra web.

Despues de probar muchos, aqui me voy a centrar en uno en concreto:NVU, que es gratuito y de codigo abierto, y está muy extendido en el sistema operativo Linux.La razón es que es muy sencillo de usar ademas de su potencia:

• Es un editor WYSIWYG-lo que ves es lo que tienes- (o sea visual), permite editar la página web tal y como si estuviera en el navegador.
•  
• Gestión de ficheros integradas via FTP. Puede acceder a su sitio web por FTP y navegar por sus ficheros, editando las páginas web directamente desde su sitio web.
•  
• El código HTML creado funciona en la mayoría de los navegadores actuales. 
•  
• Se puede alternar rápidamente entre modo visual y modo texto.
•  
• Es posible trabajar en varias páginas de forma simultánea.
•  
• Posee herramientas de ayuda para formularios, tablas y plantillas.

En Creatuweb tienes el enlace de descarga.

Los 10 mayores logros en la historia de la programación de ordenadores

Acabo de leer un post donde se hace una relacion de los 10 mayores logros en la historia de la programacion de ordenadores.
El mensaje está en el blog de Manuel Pereira Gonzalez.Según el, la lista seria esta(y transcribo literalmente):
"

• La creación del lenguaje de programación C: Supuso un antes y un después en la historia de la programación. En mi opinión, el lenguaje C ha sido el lenguaje de más repercusión en la historia de los ordenadores, y su sintaxis ha servido como punto de partida para muchos de los lenguajes de programación actuales como Java, C++ o C#. Hoy en día sigue siendo muy utilizado en multitud de aplicaciones, incluido el sistema operativo Linux, cuyo núcleo está escrito en su mayor parte en lenguaje C.
• 
  
• La creación del paradigma de programación orientada a objetos, con sus primeros representantes puros como smalltalk.
•  
• La invención de los repositorios de código compartido (como cvs , subversion, o los más modernos distribuidos como Git), que permiten colaborar a multitud de programadores sobre el mismo código.
•  
• El movimiento Open Source Software Libre con Richard Stallman a la cabeza (incluidas la cantidad de aplicaciones de código abierto que existen actualmente).
•  
• La creación de los lenguajes realmente independientes de la plataforma, como el lenguaje Java.
•  
• El compilador gcc, migrado a infinidad de plataformas, incluido Linux ya que se utiliza para compilar su kernel.
•  
• El entorno de desarrollo Visual Studio, espina dorsal del desarrollo sobre plataformas Windows.
•  
• La creación del entorno de desarrollo Eclipse, y su liberación por parte de IBM al mundo del código abierto.
•  
• La refactorización de código, y el impulso dado por Martin Fowler a su evolución.
•  
• La invención de las pruebas unitarias de código, y herramientas para automatizarlas como jUnit."

A mi personalmente me parece una lista bastante elaborada.¿Alguien está de acuerdo con esta lista? Como el mismo dice al final del post...¿Incluirias otro/s o quitarias alguno?

Crear Videojuegos

Hoy dia el negocio que más dinero mueve es el de los videojuegos.Para quienes desean empezar a aprender como crear uno dejo dos enlaces.En uno se usa el lenguaje C++(tengo alguno mas pero quien lo quiera debe mandarme un mail a amparofernandez1@gmail.com)
Curso para creacion de videojuegos con C++ y libreria SDL(de Alberto Gacia Serrano)
En este otro se usa el mismo lenguaje pero con otras librerias graficas:
Programacion de Videojuegos
el post del foro te lleva a este enlace de Megaupload
Diseño y Programacion de Videojuegos