martes, 30 de abril de 2013

Curso HTML5. Post 2. Mi primera página web.

Mi primera página web

    Como en todo lenguaje de programación vamos a realizar una página web con el contenido “Hola mundo”:

<!DOCTYPE html>
<head>
   <title>Mi primera pagina web</title>
</head>
<body>
   Hola mundo
</body>
</html>

    <!DOCTYPE html> indica el comienzo de la página web. Esto sustituye al código por ejemplo utilizado en HTML4 estricto:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

    La etiqueta <head> contiene todos los elementos que no se van a visualizar en una página web.

    La etiqueta <title> contiene el título de la página. Su contenido es muy importante ya que va a ser fundamental en el posicionamiento de nuestra página web dentro de los buscadores.

    La etiqueta <body> contiene el cuerpo de la página web. En el vamos a tener todos los elementos que se van a visualizar en una página web.
     
NOTA: Es importante que todo lo que se abre se tiene que cerrar y siguiendo un orden jerárquico. Por ejemplo <head><title></head></title> sería incorrecto.

    NOTA: Una de las novedades de HTM5 es que las etiquetas se puedes escribir tanto en mayúsculas como en minúsculas aunque a mi personalmente me siga gustando escribirlas en minúsculas siguiendo las anteriores versiones. En ese sentido es mucho menos estricto, incluso a la hora de poner comillas.

Curso HTML5. Post 1. Introducción.

Introducción
   
El HTML5 (HyperText Markup Language, versión 5) es la quinta versión del lenguaje de marcas HTML que nos ha permitido durante dos décadas crear página web. Aunque esta versión está en modo Beta, los nuevos navegadores, incluido Internet Explorer, implementan algunas características del nuevo lenguaje. A la hora de utilizar HTML hay que tener en cuenta si el navegador o navegadores tienen implementada la funcionalidad que queremos utilizar.


El lenguaje HTML es un lenguaje de marcas compuesto por etiquetas. Las etiquetas comienzan por un símbolo menor (<) y terminan por un símbolo mayor (>). Por ejemplo vamos a tener la etiqueta <article> que va indicar el comienzo de un artículo. Todas las etiquetas tienen un final  normalmente se indica con el símbolo menor barra (</) </article> que indica el final del artículo.


<article>
    Contenido del artículo
</article>


Dentro de una etiqueta vamos a poder tener atributos con sus correspondientes valores.
<etiqueta atributo=”valor” ></etiqueta>. Los atributos relacionados con el diseño se van a incorporar en las hojas de estilo que veremos en el próximo capítulo.


Para hacer una página web vamos a necesitar por una parte un editor (gedit, notepad, bluefish, notepad ++) y por otra parte un navegador (firefox, chrome, explorer, opera,...). En el editor de texto vamos a escribir el código HTML y vamos a guardar los documentos con extensión .html o .htm. Con el navegador vamos a visualizar la página web escrita. Yo suelo aconsejar un editor que te marque las etiquetas y te ayude con los colores y es importante probar nuestras páginas en diferentes navegadores ya que no se verá de igual forma en todos (y sobre todo en HTML5).


HTML5 nos permite una mayor interacción entre nuestras páginas web y contenido media (video, audio, entre otros) así como una mayor facilidad a la hora de codificar nuestro diseño básico.


miércoles, 24 de abril de 2013

Habilitar/deshabilitar ping firewall windows XP [Solución]

Para denegar el ping a tu máquina en Windows XP lo único que tienes que hacer es :

1.- Entrar en tu firewall de windows (Panel de control -> Firewall de windows)
2.- Ir a opciones avanzadas
3.- ICMP -> Configuración -> Quitar "permitir solicitud de eco entrante"
4.- Opciones Avanzadas -> Configuración -> ICMP -> Quitar "permitir solicitud de eco entrante"

Si una de las 2 pestañas no te la deja desmarcar suele ser porque se a modificado la configuración (por ejemplo se comparte carpetas o impresoras). la solución más rápida es "Restaurar los valores predeterminados".

miércoles, 17 de abril de 2013

Script para actualizar java7 en ubuntu 12.04

Este es el script que utilizo para actualizar java 7 en ubuntu12.04. Hace falta darle permisos de ejecución y descargar el jdk de oracle.

http://www.oracle.com/technetwork/es/java/javase/downloads/index.html

#/bin/sh

tar -zxvf jdk1.7.0_17.tar.gz
sudo mkdir -p /usr/lib/jvm/jdk1.7.0
sudo mv jdk1.7.0_17/* /usr/lib/jvm/jdk1.7.0/
sudo update-alternatives --install "/usr/bin/java" "java" "/usr/lib/jvm/jdk1.7.0/bin/java" 1
sudo update-alternatives --install "/usr/bin/javac" "javac" "/usr/lib/jvm/jdk1.7.0/bin/javac" 1
sudo update-alternatives --install "/usr/bin/javaws" "javaws" "/usr/lib/jvm/jdk1.7.0/bin/javaws" 1
sudo update-alternatives --config java

for i in `ls /home `
do
j="/home/$i"
rm -f $j/.mozilla/plugins/libnpjp2.so $j/.mozilla/plugins/libjavaplugin_oji.so
sudo rm -f /usr/lib/firefox/plugins/libnpjp2.so /usr/lib/firefox/plugins/libjavaplugin_oji.so
mkdir -p $j/.mozilla/plugins
#Para 64 bit:
#ln -s /usr/lib/jvm/jdk1.7.0/jre/lib/amd64/libnpjp2.so $j/.mozilla/plugins/
#Para 32 bit
ln -s /usr/lib/jvm/jdk1.7.0/jre/lib/i386/libnpjp2.so $j/.mozilla/plugins/

done


Cuando ejecutemos el programa vamos a tener que elegir la última opción que es la que hemos instalado.

Existen 2 opcioens para la alternativa java (que provee /usr/bin/java).

  Selección   Ruta                                     Prioridad  Estado
------------------------------------------------------------
* 0            /usr/lib/jvm/java-7-oracle/jre/bin/java   3         modo automático
  1            /usr/lib/jvm/java-7-oracle/jre/bin/java   3         modo manual
  2            /usr/lib/jvm/jdk1.7.0/bin/java            1         modo manual

Pulse <Intro> para mantener el valor por omisión [*] o pulse un número de selección: 2

lunes, 15 de abril de 2013

Error Vesamenu.c32: not a COM32R image al arrancar AirWay creado con multisystem [solucionado]

Este error nos ha ocurrido en algún equipo de clase pero no en todos. Habrá que investigar las causas pero hemos encontrado una solución rápida.

Lo único que hay que hacer para que nos arranque cuando nos da este error es lo siguiente:

Cuando nos aparece el mensaje de error después del boot poner xconf y presionar enter.

boot: xconf

Crear un USB arrancable con múltiples imágenes. Multisystem en ubuntu 12.04

Vamos a crear un USB arrancable con múltiples imágenes para ello vamos a utilizar el programa multisystem.

1.- Nos descargamos el multysistme

http://liveusb.info/multisystem/install-depot-multisystem.sh.tar.bz2

2.- Lo descomprimimos y en el Escritorio (haciendo doble click)

3.- Ejecutamos desde la línea de comandos el programa install-depot-multiboot.sh

cd /home/dinux/Escritorio
./ install-depot-multiboot.sh


5.- Descargamos las imágenes que queremos meter en nuestro usb. En nuestro caso Hirens Boot Cd y AirWay.
 
6.- Introducimos  el usb en el que queremos tener el multiarranque.

7.- Una vez instalado lo ejecutamos (Inicio -> Multisystem)

8.- Seleccionamos el disco y pinchamos en Aceptar.

9.- Arrastramos las imágenes del HBCD y AirWay (Nos va a pedir el password del sistema y cada una de ellas va a tardar algo de tiempo)

10.- Arrancamos el usb (poniendo en la BIOS  como opción de arranque o F8 en algunos sistemas) y probamos las entradas.