El cuaderno de Paula

viernes, 9 de mayo de 2014

Como encontrar el código HTML en un página web

Si usas Internet Explorer puedes ver el código clicando en Ver>Código fuente

Si usas Firefox, Ver> Código fuente de la página o tecleas Ctrl+U

Si usas Google Chrome haz clic en el icono Chrome menu

(está en la barra de herramientas) luego haz clic en Herramientas> Ver código fuente o tecleas Ctrl+U

10 etiquetas de HTML

Etiquetas para definir la estructura de un documento

<html>,</html> Indica el inicio y el final de un documento html
<title>,</title> Indica el título de un documento web
<body>,</body> Indica el comienzo y el final del cuerpo de un documento

Etiquetas para definir formatos de presentación

<b>,</b> Negrita
<font>,</font> Fuente y formato de fuente

Etiquetas para definir la estructura

<p>,</p> Párrafo
<strong>,</strog> Dar énfasis al texto

Etiquetas para trabajar con listas

<ul>,</ul> Lista no ordenada

Etiquetas para trabajar con tablas

<table>,</table> Insertar una tabla

Etiquetas para trabajar con imágenes

<img> Insertar una imagen

Mi página personal con HTML

¿Qué es HTML?

Es el lenguaje marcado para elaborar páginas web. Siglas de Hypper tex mark up (lenguaje de marcas de hipertexto)

¿Qué es un sitio web?

Un sitio web es un conjunto de páginas enlazadas entre sí

¿Y una página web?

Una página web es un documento escrito empleando un lenguaje denominado HTML

Hemos creado una página web, poniendo en word el código fuentes de HTML, después, hemos añadido algunas etiquetas como "negrita" o "subrayado", entre otras, este ha sido el resultado:

El código fuentes de HTML

<html>
<head>
<title>Mi sitio web</title>
</head>
<body>
<hl>Mi página personal</hl>
<p>Esta es mi página web personal,
en ella vas a encontrar información
sobre mis amigos, mis aficiones, etc.
</p>
</body>
</html>

viernes, 25 de abril de 2014

Logo "CITROEN" en Inkscape

Hemos creado el logo de la marca citroen con el programa Inkscape, he hecho un cuadro con la herramienta "Crear rectángulos y cuadrados" y después he utilizado la herramienta "Dibujar curvas bezier y lineas rectas" para hacer la dos curvitas, que mas tarde rellene de blanco. Cuando terminé utilice las líneas guía para comprobar que estaba bien. Este ha sido mi trabajo:

Imágenes vectoriales

Hemos empezado el tercer trimestre haciendo una tarea llamada "Imágenes Vectoriales" en ella, debíamos crear dos ficheros con estrellas de diferentes tamaños y diferentes puntas con el programa "INKSCAPE" para comprobar que el fichero con estrellas pequeñas tenía mas KB que el fichero de estrellas grandes. Este ha sido mi trabajo:

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.

Me gusta este programa, te permite realizar todo tipo de imágenes, logos etc...

VENTAJAS Y DESVENTAJAS DE LAS IMÁGENES VECTORIALES

En ambos tipos de recursos gráficos, podemos distinguir ciertas ventajas y desventajas que nos ayudan a determinar con qué tipo de software vamos a trabajar según el uso que va a tener el trabajo que se va a diseñar y lo que se quiere lograr. Por ejemplo, los mapas de bit, brindan la posibilidad de requerir menos operaciones del procesador para modificar los pixeles y además son buenos para almacenar texturas complejas, pero, el inconveniente que tienen, es que los archivos ocupan mayor espacio en memoria, y requieren un tiempo mayor de transferencia a través de las redes y las imágenes tienen una resolución fija que está determinada por la cantidad de pixeles que se hayan almacenado en el archivo, por lo que cualquier operación de reducción o ampliación de la cantidad de pixeles, redunda en una pérdida de información o aliasing. En el caso de los vectores, la ventaja que poseen, es que almacenan en pocos bytes información compleja, de manera que se transfieren rápidamente a través de las redes y que su resolución es independiente, es decir, con la descripción geométrica almacenada se pueden generar imágenes de diversos tamaños de pixeles, tan sólo ampliando la escala del vector. La desventaja que tienen, es que requieren mayor cantidad de operaciones del procesador para ser decodificados y desplegados en la pantalla, ya que siempre se convierten finalmente en una imagen de pixeles a través de un proceso de render.