Informática Javier Padrón: mayo 2014

martes, 20 de mayo de 2014

Imágenes y colores en tu página Web

Este es el nuevo código fuente con las modificaciones de la nueva tarea:

<html>

<head>

<title>Mi sitio web-Javi Padrón</title>

</head>

<body>

<hl>Mi página personal</hl>

Esta es mi página web personal, en ella vas a encontrar información sobre mis amigos, aficiones, etc.

Esta es la frase en regrita

Esta es la frase en cursiva

Probé el salto de línea

Este es el subrayado

Esta es línea horizontal.

Este texto está en Comic Sans

Este texto es más grande

Este texto está en color amarillo

</body>

</html>

Y esto es una captura de pantalla de la página:

jueves, 15 de mayo de 2014

Cómo realicé mi primera página Web

Primero puse la etiqueta <html> para indicar que es uná página web lo que quiero que aparezca en mi navegador, luego escribí <head> para señalar el encabezamiento de la página y dentro puse la etiqueta <title> para poner el título de la misma. Después puse <body> para empezar con el cuerpo, es decir, el contenido de la página y dentro puse <hl> que es como un subtítulo y a continuación puse las etiquetas para negrita, para cursiva, para el salto de línea, para subrayar una frase <hr size="20"> para hacer una línea horizontal.
Después de casa etiqueta, es decir, al final de la frase, puse la misma etiqueta pero con un / después de <.
Al final del código HTML, cerrré con </body> y </html>.

Este es el código HTML:

<html>

<head>

<title>Mi sitio web-Javi Padrón</title>

</head>

<body>

<hl>Mi página personal</hl>

Esta es mi página web personal, en ella vas a encontrar información sobre mis amigos, aficiones, etc.

Esta es la frase en regrita

Esta es la frase en cursiva

Probé el salto de línea

Este es el subrayado

Esta es línea horizontal.

</body>

</html>

Y aquí dejo una captura de pantalla de mi página WEB:

martes, 13 de mayo de 2014

Como poder ver el código fuente en el navegador.

Para ver el código HTML de la página web (también denominado "código fuente"), primero debe abrir el navegador web. Después, acceda a la página de la que quieres ver su código.

Una vez realizado este paso, hay que seguir estas instrucciones:

Haga clic en el icono del menú en la barra de herramientas del navegador.
Seleccione Herramientas y, a continuación, Ver código fuente.

Estas intrucciones son para Google Chrome. Si se quiere ver el código fuente en Internet Explorer, por ejemplo, hay que pinchar en Ver y luego en Código fuente.

Etiquetas comunes de HTML

= Se utiliza para poner las letras en cursiva. 
= Con esta se puede poner una palabra o una frase en negrita. 
<bg color>= Esta cambia el color de fondo de la página. </bg color>
<bg sound>= Esta añade sonido o música a la página. </bg sound>
= Cambia de color una palabra. 
= Cambia el tamaño de una frase o palabra. 
<s>= Esta etiqueta hace que el texto esté tachado. </s>
= Cambia el tipo de letra de una frase. 
<img src>= Inserta una imagen en la página web. </img src>
<body>= Indica lo que va en el "cuerpo" de la página web. Todas las etiquetas anteriores van dentro de esta. </body>

jueves, 8 de mayo de 2014

HTML y definición de página web.

HTML, siglas de HyperText Markup Language («lenguaje de marcas de hipertexto»), hace referencia al lenguaje de marcado para la elaboración de páginas web.
Es un estándar que sirve de referencia para la elaboración de páginas web en sus diferentes versiones, define una estructura básica y un código (denominado código HTML) para la definición de contenido de una página web, como texto, imágenes, etc.
Es un estándar a cargo de la W3C, organización dedicada a la estandarización de casi todas las tecnologías ligadas a la web, sobre todo en lo referente a su escritura e interpretación. Es el lenguaje con el que se definen las páginas web.

Una página web o página electrónica, es un documento o información electrónica capaz de contener texto, sonido,vídeo, programas, enlaces, imágenes, y muchas otras cosas, adaptada para la llamada World Wide Web, y que puede ser accedida mediante un navegador. Esta información se encuentra generalmente en formato HTML o XHTML, y puede proporcionar navegación (acceso) a otras páginas web mediante enlaces de hipertexto. Las páginas web frecuentemente también incluyen otros recursos como ser hojas de estilo en cascada, guiones (scripts), imágenes digitales, entre otros.

Inkscape

Inkscape es un editor de gráficos en formato vectoriales SVG, gratuito, libre y multiplataforma. Las características de SVG soportadas incluyen formas básicas, trayectorias, texto, canal alfa, transformaciones, gradientes, edición de nodos, exportación de SVG a PNG, agrupación de elementos, etc.

Inkscape tiene como objetivo proporcionar a los usuarios una herramienta libre de código abierto de elaboración de gráficos en formato vectorial escalable (SVG) que cumpla completamente con los estándares XML, SVG y CSS2.

Inkscape se encuentra desarrollado principalmente para el sistema operativo GNU/Linux, pero es una herramienta multiplataforma y funciona en Windows, Mac OS X, y otros sistemas derivados de Unix.

Es una aplicación disponible en muchas lenguas, incluyendo sistemas de escritura complejos (como sistemas de escritura de derecha a izquierda como árabe, hebreo...).

Este programa surgió de una bifurcación del proyecto Sodipodi.

Este programa lo recomiendo altamente sobretodo para editar imagenes de una forma muy detallada ya que te da miles de posibilidades.

martes, 6 de mayo de 2014

Logo de Citroën

Para hacer el logo de Citroën, primero le tomé las medidas al logo e hice un rectángulo de color rojo, a continuación seleccioné las franjas blancas del logo y las coloqué encima de mi rectángulo el cual ya había dibujado antes.
Finalmente ajuste la imagen para que fuese simétrica utilizando unas guías del programa Inkscape. Y eliminé las líneas negras clickando encima y poniendo los bordes de color blanco.