Mostrando entradas con la etiqueta Diseño web. Mostrar todas las entradas
Mostrando entradas con la etiqueta Diseño web. Mostrar todas las entradas

Convertir cualquier documento o URL a pdf mediante un gadget

Este es un elemento bastante interesante que pueden agregar a su blog, ya que permite subir un archivo y convertirlo a formato pdf y también podemos converir una página web, simplemente debemos ingresar nuestro mail

El gadget lo pueden encontrar aquí

Video-Tutorial de Album Shaper: crear álbumes digitales

Les dejo este video- tutorial que armé sobre esta aplicación para crear álbumes de fotos, con la posibilidad de retocarlas y crear álbum digital, antes ya había hecho un post sobre este programa que puedes ver aquí, hoy les dejo este video

El audio está un poco "desfazado" del video, espero superar este problemita, igual se entiende, además el programa es muy fácil, es más que nada una demostración:




Votar post en Bitacoras.com

Realizá tus presentaciones con KPresenter


Siempre me gusta mirar los programas disponibles en los repositorios de ubutnu, y muchas veces cuando instalo un programa encuentro otros por casualidad y los instalo a ver que tal; así encontré a KPresenter.
KPresenter pertenece a la suite ofimática para KDE, KOffice; es un programa para crear presentaciones similar a Impress de la suite Open Office o a Power Point de microsoft. 

Es otra alternativa muy buena; podemos realizar las cosas típicas que usamos para realizar presentaciones; como agregar efectos de transición, efectos a objetos, agregar sonidos; elegir diferentes plantillas, agregar gráficos, tablas, etc. Si bien peretenece a la suite ofimática para KDE lo podemos instalar sin problemas en GNOME. Lo podemos instalar desde los repositorios, una vez instalado lo encontramos en Aplicaciones/ Oficina.

Aquí les dejo un par de capturas:

 

 
(transiciones)

 
(efectos para los objetos)

Pero lo que más me gusto es que podemos crear presentaciones en HTML!; para visualizar en nuestro navegador o subir a nuestro sitio web.
Esto la verdad me pareció muy interesante; aquí les dejo unas capturas de como se ve:

 

 

Para realizar esto simplemente tenemos que ir a Archivo/ Crear presentación HTML; luego se creará una carpeta con los archivos y la index.html la cual debes abrir para ver en tu navegador.

Les voy a dejar una muestra que hice para que puedan visualizar en el navegador; la verdad me gusta mucho más esta forma para visualizar diapositivas; descarga de aquí esta carpeta, descomprímela, y abre el archivo index.html.


Agrega voz a tus post.

Acabo de publicar en mi otro blog, "Miniespacioeducativo" un artículo que les puede intersar, por eso lo agrego el enlace aquí, se trata de agregar voz a los post que publiquemos; aquí les dejo una muestra:



Votar este post en Bitacoras.com

Creá álbum de fotos digitales con Album Shaper



Album Shaper es una excelete aplicación para crear albumes digitales; estos los podemos visulaizar en el mismo programa o directamente en nuestro navegador ya que los álbumes son exportados en formato HTML que puede ser colocado directamente en la web o ver directamente desde tu disco duro.
Esta creo que es la parte más interesante ya que podemos crear álbumes para subir a nuestra web


Es un programa libre y multiplataforma.

Podemos instalar Album Shaper desde los repositorios de ubuntu o descargarlo de su página web: http://albumshaper.sourceforge.net/

Una vez instalado lo encontramos en Aplicaciones/ Gráficos

Lo estuve probando y les muestro un poco que se puede hacer con él:

El programa es muy sencillo de usar; simplemente debemos darle nombre al albúm y a las colecciones; puedes crear las colecciones que quieras dentro del mismo álbum para organizar tus fotos; una vez creadas las colecciones les añades las fotos; las cuales puedes escribirles una descripción y editar:



En mi caso tengo un álbum y 2 colecciones; también puedes editar las fotografías (editar tamaño, colores, contraste, rotar, recortar, mejorar ojos rojos y otorgar diferentes efectos como blanco y negro, pintura, sepia, entre otros):




 

Luego de organizar tus fotos guarda el álbum; al guardarlo tienes varios estilos o temas para luego poder visualizar el álbum:




Al guardarlo se creará una carpeta con tus archivos en html y xml; pero puedes exportarlo; al exportarlo se creará una carpeta con los siguientes archivos:



Allí elige el archivo index.html para visulizar el album; también puesde ir deirectamente a los otros html de los subálbumes o a los slideshow.html para ver directamnete tus fotos como una presentación.

Aquí les muestro cómo se ve el álbum en el navegador (haz click en la imagen para ver en tamaño completo):





Para abrir el album nuevamente desde Album Shaper ve a Fichero/ abrir busca el álbum guardado y elige el fichero .xml

Espero que les guste!


Sobre blogger y diseño web

He publicado en mi otro blog "Miniespacio educativo" algunos tips para blogger, y también un material de generalidades de diseño web.

Aquí dejo los enlaces:

Tips para blogger, parte 1
, que contiene:

1. Buscar y cambiar templates (plantillas)
2. Añadir la url al buscador de google
3. Añadir un gadget
4. Añadir un registro de los últimos 1o visitantes
5. Añadir un mapa de visitantes
6. Añadir música al blog

Tips para blogger, parte 2
, que contiene:

1. Agregar un contador de visitas
2. Agregar un traductor al blog
3. Agregar una nube de etiquetas en movimiento
4. ver cuántos usuarios hay en línea
5. Agregar presentaciones, documentos, etc, mediante slideshare
6. Agregar videos de youtube
7. Agregar blog a guiablog.net.
8. Añadir elementos de geovisite
9. Añadir un chat al blog

Diseño web, parte 1
, contiene:

1. Planificar un sitio
2. Estructura básica de un html

KompoZer, aplicación para crear y editar páginas web

En estos días instalé Dreamweaver en ubuntu con Wine, pero a la vez me puse a buscar sobre alternativas libres a este programa y encontré uno muy bueno: KompoZer.
También hay otras alternativas muy buenas para la cración de páginas web como Quanta plus, pero Kompozer me ha resultado uno de los más sencillos.

Kompozer es un programa para la crear y editar páginas Web, es una aplicación libre con licencia GNU/GPL.

KompoZer está diseñado para ser muy fácil de usar, sin necesidad de conocimientos sobre código HTML. Pues permite crear tus páginas web desde la vista de diseño ("WYSIWYG”, que deriva de la frase "What you see is what you get" -lo que ves es lo que obtienes-). Esto hace que sea muy sencillo, ya que realizar diferentes acciones como crear tablas, agregar imágenes, etc lo haces simplemente según lo que vas viendo, sin necesidad de utilizar mucho o casi nada los códigos.

Instalé KompoZer de los repositorios de ubuntu, desde añadir y quitar aplicaciones, pero tuve algunos problemas por ejemplo cierres inesperados del programa, por ejemplo a mi me pasaba al agregar una imagen desde la vista de diseño, y buscando información al respecto encontré que para las nuevas versiones de ubuntu funciona bien la versión alpha y no la anterior, y en su web oficial plantea que KompoZer 0.7.10 no es compatible con GTK 2.14 o superior, de ahí la falla, y desde allí se te invita a la descarga de la versión alpha 0.8.

Una de las grandes adiciones en las ultimas versiones de KompoZer es el editor de hojas de estilo en cascada, también conocidas como CSS (Cascading Style Sheets).

Por más información sobre sus principales caracterísitcas visite aquí.

Aquí explicaré como instalar la versión 0.8 (alpha) y cómo traducirla al español:

1. Descargar la versión alpha desde aquí.

2. Es un archivo .tar.gz (comprimido), que hay que descomprimir (clik derecho extraer aquí)

3. Crear un lanzador a la aplicación: clik derecho en el escritorio crear un lanzador:

Le colocamos el nombre (Kompozer) y en comando vamos a examinar para buscar el archivo Kompozer que está dentro del directorio que contiene los archivos descomprimidos:

4. Hecho el lanzador, con doble clik ya accedemos al programa, el cuál está en inglés.

5. Para convertirlo a español debemos descargar el paquete de idioma desde aquí, con ello obrtendremos el archivo kpz-langpack-esEs.xpi en dicha carpeta de descarga.

6. Abrimos Kompozer, vamos a:

  1. ir al menú Tools > Add-ons
  2. Luego click en “Installbutton
  3. seleccionar el archivo *.xpi (el que descargamos)
  4. Luego clik en Install now
  5. restart KompoZer (reiniciar Kompozer)
7. Ya tenemos nuestro KompoZer en español:
Web oficial.

Gracias a Pablo Capeluto de Ubuntu Uruguay que me dio una mano con esto

Instalar Dreamweaver en ubuntu con wine

Bueno, hoy quiero comentarles cómo instalar Dreamweaver 8 en ubuntu con wine, lo cuál para mi ha sido un gran logro, sobre todo porque pensé que era más dificil hacerlo.

1. Lo primero que debemos hacer es instalar wine, con wine podemos ejecutar aplicaciones que son diseñadas para Windows en Linux. Podemos instalar wine como ya lo he mencionado antes (desde la terminal -$ sudo apt-get install wine-, desde añadir y quitar aplicaciones o desde synaptic). Una vez instalado nos aparece en el menú aplicaciones.

2. Podemos ver la configuración de wine (aplicaciones-wine-configure wine), aunque no es necesario hacer nada allí, pues ya dice por defecto: “Versión a imitar”: "Windows XP" (qué es lo que necesito):
3. Luego hacer clik derecho sobre el instador de dreamweaver y abrir con "Wine Cargador de programas de Windows", y allí va a comenzar a instalar y sólo hay que hacer clik en siguiente, (si no abre puede que esté dañado el instalador, pues a mi me pasó eso, y conseguí otro instalador) así de simple:
4. Una vez instalado Dreamweaver, lo vamos a encontrar aquí:
5. Y por último lo abrimos y empezamos a probar nuestro dreamweaver en ubuntu:

De todos modos estuve viendo aplicaciones para programación y diseño web para GNU/Linux similares a Dreamweaver y muy buenas, las cuales mencionaré proximamente.

Agradezco a DKcross, un amigo que me ayudó con esto.