domingo, 11 de marzo de 2012

Crear un menú para Blogger.

Para crear un menú en nuestro blog, como el que tenemos nosotros, tenéis que seguir los siguientes pasos:


En vuestro panel de administración de blogger debéis ir al apartado "Diseño" y añadimos un Gadget, de la lista que se te abre debes elegir el de HTML:

En el siguiente paso nos pide Título y contenido, el título no es obligatorio, además que al añadir el menú no queda bien, nosotros no lo hemos rellenado. Donde va el contenido pegaremos el texto siguiente: 

<ul class="barrademenu">
<li><a title="nombre" href="http://www.lorenzhistoryx.blogspot.com/">INICIO</a>
</li>

Este código se debe poner tantas veces como botones queramos poner: para cinco botones en el menú lo ponemos cinco veces.
Donde está el texto rojo ponemos la URL de la dirección donde queremos que nos lleve.
Y en la parte que está lila ponemos el nombre que queremos que se vea. 


En nuestro menú lo hemos puesto siete veces, y cada uno de ellos está vinculado a la URL de una etiqueta de nuestro blog.

Espero haberme explicado, cualquier consulta deja tu comentario.



miércoles, 1 de febrero de 2012

HTML III

Etiquetas: 


  •  <br> Nos hace un salto de línea. Si empezamos a poner cosas y no utilizamos esta etiqueta lo que ocurrirá será que saldrá todo junto, una cosa al lado de otra. 
  •  <strike&gt; Nos tacha el texto. 
  • <u> Subraya el texto. 
  •  &nbsp; Crea espacios. Algunos navegadores no detectan el espaciador del teclado. Se utiliza mayormente para forzar espacios en blanco entre palabras que no se pueden separar, por ejemplo "Hi World", se pondría "hola&nbsp;mundo" si está a final de línea para que no nos haga un espacio, lo rompemos y se pasa a la línea de abajo, pero esto ya es a gusto del que lo haga. 
  •  <h> Encabezado, header </h> 
  • <h1> Título </1> Existen hasta 6 tipos de títulos diferentes.
  •  <p> Párrafo (crear ejemplo con Lorem Ipsum)
  • <hr> Crea una línea horizontal a lo largo de la página. No hace falta cerrarla. 
  • <code> tipo de código. 
  • <font face="____" tipografía que indiquemos para utilizar. Se cierra solo con: </font>
  • <font color="____" Para indicar el color. 
  • <font size="__" indicamos el tamaño a usar.
  •  <ul> Lista sin orden numérico. ( ···) 
  • <ol> Lista con numeración( 1,2,3..) 
  • <meta charset="urf-8"> indica la codificación del texto. <img src="img/face.jpg"
  • Añadimos una imagen que se encuentre en la carpeta "img" del directorio donde tenemos todo. 
  • <img src="url de internet"
  • añadimos la imagen directamente de internet. 
  • <img src="../face.jpg"
  • al añadir los puntos antes del nombre estaremos indicando que está en el directorio anterior a la web, es decir, que retrocedemos. 
  • <img src="face.jpg"
  • le indicamos que está en la misma carpeta de la web.

HTML II

Cosas básicas que hay que saber antes de ponernos con HTML.


  • Para trabajar con HTML ante todo hay que ser ordenado para no liarnos y no andar modificando nombres, rutas, carpetas.. porqué sino después a la hora de buscar un archivo, o querer modificar algo no vamos a encontrar nada, y nos liaremos.
  • HTML funciona a través de etiquetas: <…> es muy importante cerrar la etiqueta que hemos utilizado para limitar su función, par ello pondremos una barra
  • También es importante cerrar las etiquetas por orden, es decir, si metemos una dentro de otra, saber cerrarlas.
    • Ej: <1><2>-------- Primero cerramos la más reciente y así hacia fuera.

  • Es sumamente importante trabajar sin la tecla de mayúsculas, pues no tiene el mismo significado una etiqueta en minúsculas que en mayúsculas, pueden surgir errores, o que las cosas no funcionen por el simple detalle de escribirlo en mayúsculas.
  • Muchas etiquetas se aprenden fácilmente si utilizamos la lógica, las de texto suelen ser la inicial de su nombre. P.ej: <i> </i>de italic <u> </u>underline...


El cortometraje de animación más corto de la historia - Vampire Bash

HTML



Para empezar a estudiar HTML primero echaremos una ojeada a su base: Internet.

Internet fue creado en 1957 con objetivo militar, se pensó en un documento estándar basado en texto "HTML" para una fácil transmisión. Con el tiempo internet pasó a ser más asequible y fue cambiando su objetivo: búsqueda de información, documentarse, y ahora es un murmullo donde hay interferencias, jugar, mezcla de ideas, pensamientos distintos, y sobre todo sirve para perderse en sus redes y sus miles de posibilidades.

Hoy en día nadie tiene un control global sobre la red, todos accedemos de forma anónima en cierta forma pero se quedan las huellas a través del registro de la IP del usuario.
Ej. Podemos ir por la playa de forma anónima porqué nadie nos conoce, pero dejamos un rastro en la arena que nos delata.


LAN: Red de área local. Es la conexión de varios ordenadores con extensión limitada físicamente.
Ej. Ordenadores en aulas u oficinas.











WAN: Red de área extensa. Para ordenadores alejados físicamente.
Se puede decir que es una conexión enorme de muchas LAN.





Internet hace que se puedan compartir tecnologías a nivel mundial. Ej: ADSL, 3G, fibra óptica, red eléctrica, satélite.

-Dispositivos electrónicos: 
  • Servidor: En internet es un ordenador remoto donde se guardan datos solicitados por los navegadores u otros ordenadores. En LAN es el software que configura el ordenador para tener acceso a la red. Pueden almacenar información de páginas web que através del protocolo HTTP se puede ver en otros ordenadores. 
  • router: es un buscador de caminos o rutas. Se asegura de que la información llegue a su destinatario y no a donde no se necesita.
  • módem: es el hardware que va conectado del ordenador a la línea de teléfono. Transforma las señales digitales del ordenador en señal telefónica analógica y al revés para poder transmitir y recibir información por la línea del teléfono. 

-Conjunto de software: 
  • sistema: Es el conjunto de programas que gestiona en un sistema informático organiza los recursos de hardware.
  • protocolo: es un conjunto de reglas usada por ordenadores para comunicarse unas con otras a través de una red y de forma simple. 
  • aplicaciones: servicios que pueden utilizar los usuarios a través de un servidor web conectado a internet o una intranet mediante un navegador. 
  • navegadores: aplicación que funciona a través de internet, buscando e interpretando información de sitios web con tal de que podamos leerla. Normalmente están alojadas en World Wide Web. Siempre interpreta el código HTML con el que está creada la web y lo presenta en la pantalla presentandolo así al usuario. 

Proyecto Apache

El proyecto se inició en 1995 por 8 desarrolladores para trabajar la ampliación de HTTPd. Apache es una base de datos sql con servidor y hosting web.

Infraestructura.

1969/- ARPAnet. Red de ordenadores creado como medio de comunicación por diferentes organismos.  Fue el primer concepto de una red de ordenadores capaces de comunicar usuarios desde distintos puntos.
1985- NSFnet. Red creada por EEUU dedicada a la comunicación de investigación y la educación. Reemplazó a ARPAnet.
1992- WWW.  Sistema de distribución de información basado en hipertextos ( sistema de información textual que permite enlazar varios textos ) enlazados y accesibles por internet. Utilizando un navegador nos ayuda a visualizar webs compuestas por textos, imágenes, vídeos, etc.
1993- NCSA, Mosaic navegador, luego NETScape y luego Firefox. Dominaba el mercado hasta que llegó Internet Explorer.


Guerra de navegadores.
Se trata de la competencia entre navegadores web por el dominio del mercado. Específicamente entre Internet Explorer ( Microsoft ) y Netscape Navigator ( Netscape ) a finales de los '90. En la actualidad la guerra está entre Mozilla Firefox, Opera, Safari y Google Chrome aunque no tan fuerte como al principio puesto que solo eran dos navegadores.








En internet, a diferencia del resto de medios, el usuario no es tan solo un espectador sino que a su vez puede participar.


Próximo:

-World Wide Web: navegación y enlaces.
-Hipertext: sistema de información textual que permite enlazar varios textos.

-ASCII 

-Direcciones:

http://www.dominio.pais/directorio/página.htm (El conjunto es una URL)
el_meu_nom@servidor.com
ftp.rapidsite.com

-Dominios:

-Comerciales: tienen tres dígitos.
-Territoriales: tienen dos dígitos.

Los sitios webs son un conjunto de páginas verticales.

-www.w3c.org

Existe un estándar multimédia para internet.

-Editores HTML: de texto, wysiwyg.

-Redes de ordenadores.
confinación de máquinas IP: 192.168.5.30

-DNS.
-Rutas Absolutas - relativas.

-Next Computer (steve Jobs)

-BB edit: programa para editar texto (de pago)
-Text Wrangler: programa para trabajar lenguajes de código
-Coda: editor Web de HTML
-Espresso Web: Editor HTML Web.

Valores decimales:
-Binario: 1 0
-Decimal: 0 1 2 3 4 5 6 7 8 9
-Hexadecimal: 0 1 2 3 4 5 6 7 8 9 a b c d e f.





viernes, 18 de noviembre de 2011

Espejos Custom






Este es otro cuadro que hice, está basado en uno que vi en internet, lo quería subir también para compararlo pero no lo he encontrado... si me lo cruzo un día lo subiré.
Cuadro 24x30 hecho en acrílico.

Este es un cuadro que hice ayer, por aburrimiento, y no ha resultado tan mal al final, era un monstruo con careta, pero hay quien ve un pato.. yo prefiero mi monstruo.
Cuadro 24x30 hecho en acrílico.


Otro talento descubierto a base de curiosear por Flickr. 

Otro ilustrador que con ideas e imaginación ha conseguido vivir de lo que le gusta. 

Su marca es "podgypanda" . Síguele en Twitter
Aquí dejo el enlace a su página Web: http://www.podgypanda.com