Entradas

Mostrando entradas de marzo, 2006

Modificar plantilla web

Imagen
La primera imagen se corresponde con la plantilla del blog inicial y la segunda imagen se corresponde con la plantilla modificada. La modificación ha sido realizada a través del Dreamweaver y los estilos CSS.

Los colores de la web

Como norma general, en la creación de páginas web se utiliza la paleta de colores web configurada con 216 tonalidades. Los colores están agrupados con seis cifras que se corresponden con los valores de RGB (rojo,verde,azul), los primeros dos numeros se corresponde con el porcentaje de rojo, los siguientes con el de verde y los últimos con el azul, además se agrupan por parejas iguales y aumentan en valores de 3 en 3, no obstante se pueden estipular otros valores. COLOR WEB Los colores definen el tipo de web de cara al usuario y se estipulan como parte importante en la psicología del color (la mayoría de los colores llevan implicaciones positivas y negativas): El rojo se asocia a sangre, y a las sensaciones que son enérgicas, excitando, apasionado o erótico. El naranja es el color de la carne, o el calor amistoso del fuego del hogar.

Dreamweaver: lista de código

Las páginas web funcionan por etiquetas, éstas van definidas por una palabra o acción que va encerrada entre estos símbolos de menor y mayor (< >), normalmente las páginas web comienzan con la etiqueta html y terminan con la misma etiqueta pero con una barra delante (/ html), además podemos diferenciar dos partes bien definidas de una página, la cabecera y el cuerpo. La cabecera o head, nos da la información de lo que no vemos dentro de la página y que sólo ven los buscadores, o el título... El cuerpo o body, nos dice lo que realmente veremos dentro de la página web. Etiquetas como meta, nos proporciona información que no vemos, cosas como la compatibilidad con un cierto navegador o el lenguaje. Etiquetas como table nos indica que aquello es una tabla. Dentro del lenguaje html hay muchas etiquetas que podremos utilizar para crear nuestra página web con un diseño espectacular.

Dreamweaver MX 2004

Imagen
Dreamweaver es una herramienta de creación y mantenimiento de Websites, funciona como programa de integración de elementos para las páginas web, con la característica de poder ver en todo momento como está quedando nuestro trabajo, pues funciona como un editor que muestra las cosas tal y como las verá el usuario. Este tipo de editores HTML se denominan habitualmente WYSIWYG (What You See Is What You Get) porque cuando trabajas con ellos lo que ves que estás creando con el editor es lo que obtienes luego cuando grabas la página. En definitiva es una especie de QuarkXpress para la Web. Desde Dreamweaver se pueden editar páginas en HTML, ASP, PHP o Cold Fusion por ejemplo. Dreamweaver posee muchas opciones para editar páginas web como: etiquetas Div (trabajan con CSS y permiten definir zonas donde se colocarán elementos) capas formularios (sistema de recogida de datos...) creación de estilos de texto, etc... Una de las primeras cosas que podemos definir es la dimensión de nuestra página

Imágenes como enlaces en la plantilla

Si queremos colocar una imagen en el blog y que ésta actue como enlace, podemos abrirla en Photoshop, en una capa transparente, darle el tamaño y resolución adecuadas, y luego guardarla con la opción: Guardar para web. Cuando guardemos con esta opción deberemos elegir que sea en formato . gif , o .png , o .jpg y con las opciones que queramos. Una vez hecho esto la subiremos a Flickr u otro sistema de almacenamiento y copiaremos su dirección de URL (http:....). Luego abriremos nuestra plantilla del blogger y procederemos a incorporarla a través de lenguaje HTML. Como será un enlace, empezará por h ref que nos indicará que será un enlace, luego le siguirá la dirección final del enlace, y a continuación, img src que nos indica que lo que sigue es la dirección donde se encuentra la imagen, y luego cerraremos la linea

RSS

Imagen
El RSS es una variante del formato XML, es decir, un lenguaje de etiquetas para indexar contenidos. Para usar el RSS se necesita un lector de noticias, también llamado agregador de noticias, lector de feeds o news reader. Hay una gran variedad de lectores en forma de programa, sitio web o navegador como por ejemplo SAFARI. A partir de este lector, podemos ver las noticias publicadas en tiempo real, es decir, no se podrán falsear las fechas, por ello el lector de noticias incorpora automáticamente y como ya hemos dicho, en tiempo real, los titulares de las últimas novedades publicadas y un enlace que remite a la página web que tiene la noticia completa. RSS Más información

Catalogando desde flickr.

Imagen
Desde Flick podemos visualizar todas nuestras imágenes que subamos (upload) o seleccionar a través de ORGANIZE visualizar las imágenes de un periodo de tiempo, también podemos clasificarlas en carpetas y cambiarles la fecha, las licencias, etc.. .

Copia de código (Imagen reducida desde Flickr)

Imagen
Miniatura realizada desde Flickr (Thumbnail), en la opción All Size que encontraremos encima de nuestra imagen. Nos encontraremos con diferentes tamaños para elegir y para facilitar la bajada de imágenes a otros usuarios o a nosotros mismos.

Imagen en Flickr

Imagen
PARCHES cmy Originally uploaded by isi... . Esta imagen está subida a través de Flickr directamente al blog, además de haberle añadido una nota en una parte de la imagen. Para ello hemos accedido desde flickr a COMPLETE SITEMAP y desde allí a Blogging your Blog-setup a new blog y hemos introducido los datos de nuestro blog (usuario y contraseña). A partir de ahí tan sólo hemos tenido que decirle que lo publicaríamos en ese blog. Si además queremos realizar un pequeño cambio como la disposición de las imágenes en el blog o su tamaño, lo podemos hacer directamente desde flickr con la opción que hay en Blogging your blog de Layout.

De Flickr a Blogger: subir imágenes

Imagen
arts graf Originally uploaded by isi... . Imagen subida a través de flickr, insertada y editada desde el mismo flickr. Flickr es un sitio web (actualmente pertenece a Yahoo) que permite almacenar fotografías digitales en la web gratuitamente, por lo tanto es una herramienta muy interesante para depositar fotos sin ocuparnos espacio, además este sistema se puede utilizar en el blog para así no ocupar el espacio limitado que ofrece blogger. Además, el sistema de flickr ofrece la posibilidad de hacer búsquedas de imágenes por etiquetas (tags), por fecha y por licencias de Creative Commons. También ofrece la posibilidad de crear nuestros propios catálogos, etiquetar nuestras fotos, hacer comentarios en ellas, decidir si queremos que nuestras fotos sean públicas o no, si además queremos darles alguna licencia específica de Creative Commons. Para tener un espacio ilimitado tan sólo nos tendremos que registrar, y si disponemos de una cuenta yahoo, significará que ya podemos acceder sin pr

Subir imágenes a través de la web

Imagen
Para tener la posibilidad de subir imágenes a través de la web disponemos de una serie de espacios web que nos ofrecen esta posibilidad, entre ellos: - Youtube : que nos ofrece la posibilidad de guardar nuestros videos para así disponerlos cuando necesitemos sin ocuparnos un espacio en nuestro ordenador y pudiendo acceder a ellos en cualquier momento y desde cualquier lugar, además podemos elegir si los queremos hacer públicos o no y también poder ver los videos de otros usuarios. - Video.google : que nos ofrece la posibilidad de acceder a múltiples imágenes digitales. - Imageshack.us : que nos ofrece la posibilidad de almacenar imágenes para luego a través de links acceder a ellas desde el blog o cualquier otro sitio. - Flickr : que nos ofrece la posibilidad de almacenar imágenes, hacerlas públicas o no, pero también la posibilidad de crear nuestros propios álbumes o catálogos de imágenes.