OPCIONWEB.com

Página web con los tags html básicos

Pancho opcionweb — Wed, 11 Nov 2009 21:01:14 PST

Saber usar las etiquetas (tags) html o xhtml es fundamental para controlar el contenido y el diseño de un sitio web. Sin embargo los editores html gráficos WYSIWYG, cada vez más potentes, facilitan al usuario la creación de webs sin necesidad de tocar el código html, pero con la reciente aparición de los gestores de contenidos, la personalización de las plantillas de diseño está obligando a usar de nuevo el código html.

En Added bytes, se puede encontrar una práctica chuleta (Cheat Sheet) con las etiquetas html y en htmlquick se muestran los tags con sus parámetros, con explicaciones en castellano y ejemplos. Tutoriales en linea existen una gran variedad, algunos de los que recomiendo en castellano son desarrolloweb, programacion html, webestilo, webtaller, el webmaster, como crear tu web o w3schools en ingles.

Este gráfico de opcionweb es un ejemplo (que suelo usar en clase) del uso de las etiquetas html más utilizadas, acceso a una sencilla web que permite analizar el código fuente (te recomiendo el navegador firefox y el addon firebug para este fin) o descargarlo para modificarlo y ponerlo a prueba en tu ordenador o servidor.

Sigue leyendo:

Ataque de pánico de Fede Álvarez

Pancho opcionweb — Mon, 09 Nov 2009 16:05:01 PST

Si hace poco mostraba las excelentes animaciones de Fabian Tischer realizadas con 3D Studio Max y los efectos especiales de Adobe After Effects, no podía dejar pasar este corto de Fede Álvarez. Un historia de ciencia ficción perfectamente ambientada y de una realización impecable. Ataque de pánico es un trabajo de MurdocFilms y AparatoPost, dirigido y animado por Fede Álvarez, con un viejo argumento, la invasión y conquista de la tierra por Robots gigantes en Montevideo.

Y no te pierdas el vídeo clip de SNAKE, basado en el corto y como se hizo.

Sigue leyendo:

Esquema de conexión a Internet

Pancho opcionweb — Sun, 08 Nov 2009 14:13:44 PST

Términos como IP, DHCP, DNS, Proxy, Servidor, Cliente… se confunden con frecuencia y llevan a no entender el funcionamiento de una red centralizada o cliente/servidor (c/s). Incluso en el diseño web es importante controlar las características de este tipo de redes para optimizar los recursos y ofrecer la información de la mejor y más interesante manera.

Cuando estamos conectados a Internet o a una Intranet (una Internet privada en una red de area local) todos los equipos de la red deben identificarse mediante un conjunto de números denominados dirección IP. Para simplificar la configuración del protocolo existen repartidores de ips, los servidores DHCP (Dinamic Host Control Protocol) que se encargan de asignar direcciones IP (únicas, sin que se repitan) a todos los equipos de la red.

Cuando un equipo se conecta a Internet lo mejor es que esta IP sea privada (no visible desde Internet) en estos casos el dispositivo que te envía tu proveedor de Internet (generalmente un router) o un proxy (si la conexión la gestiona un programa) son los encargados de asignarte la dirección IP privada.

El router es el único dispositivo de la red local que tiene una dirección IP pública y se comunica con el proveedor para solicitar las páginas web que deseas ver al servidor html. Cuando esto se produce con éxito la solicitud tu cliente web (el navegador) descarga la página web del servidor y se accede a la información.

Pero como todas las máquinas de la red usan un número IP, para los usuarios nos resultaría muy complicado memorizarlas (los humanos recordamos muy mal secuencias numéricas) para solicitar la información de los servidores. Por eso se creo el servicio de DNS, un servidor encargado de transformar las direcciones IP en nombres de dominio, mucho más fáciles de recordar.

Sigue leyendo:

El Acid Test 3 en los navegadores

Pancho opcionweb — Fri, 06 Nov 2009 04:08:31 PST

Existe una gran cantidad de navegadores en el mercado y es importante seleccionar bien el programa cliente que nos va a mostrar la variedad web de Internet. El Proyecto de Estándares Web (Web Standards Project, más conocido como WaSP), quiere promocionar el uso de estándares web, para reducir el costo y la dificultad del desarrollo web e incrementar la accesibilidad y viabilidad de cualquier documento publicado en la Web.

Para poner prueba a los navegadores (browsers), WaSP han desarrollado varios tests, que pretenden sacar el máximo partido de los estándares web, al poner al limite el procesamiento del navegador y de esa forma, el usuario, pueda tener una valoración del producto y versión que está utilizando, para escoger el mejor navegador acorde a sus necesidades. Estos son los resultados del Acid test 3 (que pone a prueba el navegador con las especificaciones CSS 2.1, DOM y EcmaScript) de Internet Explorer 6.0 y 8.0, Firefox 3.5, Chrome 3.0, Safari 4.3, Opera 10.0, Flock 2.5, K-meleon 1.5 y SeaMonkey 2.0 instalados en el sistema operativo Windows XP.

Internet Explorer 6.0

Internet Explorer 8.0

K-meleon 1.5

Flock 2.5

SeaMonkey 2.0

Firefox 3.5

Safari 4.3

Opera 10.0

Chrome 3.0

Sigue leyendo:

Configurar y trabajar con dos monitores

Pancho opcionweb — Tue, 03 Nov 2009 21:25:38 PST

Creo que me costaría volver a adaptarme a trabajar con 1 monitor y es que para dar clase con 2 monitores tiene muchas ventajas. Poder disponer de un espacio privado que no se proyecte, me permite tener una ventana, un programa una información o incluso un sistema operativo en una máquina virtual con los procesos servidores de una intranet o los programas que auditan la actividad de la red o el software de control y soporte remoto… simultanemente con la presentación o programa que utilice para reforzar una explicación.

Además de la ventaja de ganar área de trabajo, que en determinados procesos creativos, es fundamental, ya que acelera el rendimiento y la producción, al menos lo he notado en mi caso. O poder disfrutar de las ventajas de trabajar con 2 sistemas operativos a la vez… La configuración es realmente sencilla y se necesitan 2 tarjetas gráficas, 2 monitores y extender el escritorio.

Una de las salidas VGA (o HDMI si dispones de ella), esta conectada a un proyector y en el proyector conecto el otro monitor, de esta manera controlo lo que se esta exponiendo.

Por último en las opciones de configuración de las propiedades de pantalla puedo seleccionar cada monitor y configurar resolución y/o profundidad de colores independientemente de la otra pantalla. No olvidar activar la opción Extender el escritorio de windows al 2 monitor, al 3 monitor, al 4 monitor… para poder disfrutar de la experiencia de ampliar el área de trabajo.

Sigue leyendo:

Restoration, recupera ficheros eliminados

Pancho opcionweb — Tue, 27 Oct 2009 23:14:31 PDT

Normalmente sincronizo la información importante de los pendrives o las cámaras de fotos o los discos duros externos o de otros ordenadores… pero a veces por algún descuido, normalmente por que estoy haciendo cuatro cosas al mismo tiempo, elimino algún fichero que no quería perder.

Es el caso de ficheros grandes o carpetas con mucha información que no quedan en la papelera y no tengo manera de restaurarlos. Después de sentir un escalofrío por todo el cuerpo e intentar calmarme, elimino toda actividad de descarga o consulta de la red, para no sobrescribir el espacio donde estaban los ficheros borrados. Windows marca el espacio eliminado como disponible pero no destruye la información y desde un CD, pendrive o disquete (sin instalar nada) utilizo un programa de recuperación de ficheros eliminados. Son muchas las opciones gratuitas y de pago que he probado FreeUndelete, WinUndelete, Active UNDELETE… y el que normalmente utilizo Restoration.

Restoration de Brian Kato, es un programa que no necesita instalación, sencillísimo de utilizar, muestra los ficheros borrados de una unidad y permite recuperarlos donde se especifique, simplemente seleccionar y restaurar. Entre las opciones permite filtar el listado, mostrar los ficheros borrados cuyo espacio esta siendo utilizado por otros ficheros o la posibilidad de ver los ficheros borrados aunque su tamaño sea 0 bytes. Gratis, fácil, rápido y eficaz, que más se puede pedir.

No hay post relacionados

La blogosfera y Windows 7

Pancho opcionweb — Sun, 25 Oct 2009 01:07:13 PDT

22 de octubre de 2009, el lanzamiento mundial de Windows 7 se ha convertido en todo un acontecimiento, por lo menos ha generado ruido, cosa que no pasaba desde hace tiempo con Microsoft. En España el pueblo de Sietes ha sido el escenario elegido, cuenta atrás en una web especialmente creada para el evento y mimos a la blogosfera que finalmente de una u otra medida se ha hecho eco de la noticia:

La experiencia de siete blogeros invitados a Sietes, lo cuenta Clipset.

Windows 7 y la historia de la ex-novia que vuelve de Mundogeek.

Siete fotos para el día del lanzamiento de Windows 7 en Fayerwayer.

Siete frases o citas de los medios especializados recogidas por Microsiervos.

Entonces ¿actualizo ya a Windows 7?, lo explica Blogoff.

Sin embargo Windows 7 seguirá siendo Windows concluye usrweblog.

La presentación de Windows 7, un repaso de las características del sistema por Nivmar.

Hamburguesa contra manzana en Japón, cuenta NetoRaton, el vídeo en Marketing alternativo.

Sietes, un pueblo de linuxeros, la experiencia contada en Lineup.

Presentación de Windows 7 en Sietes, con todo detalle en Bitelia.

Apple le da la bienvenida Windows 7, los vídeos recopilados en Alt1040.

¿Está Windows 7 preparado para trabajar en la nube? una reflexión de Tecnología Pyme.

Sigue leyendo:

Atrasa 1 hora el reloj de tu sistema

Pancho opcionweb — Sat, 24 Oct 2009 23:46:06 PDT

El reloj del vídeo, el móvil, el despertador, el microondas, el que tengo en la pared de la cocina, del BLOG… Eso si, los sistemas operativos Windows y Linux de la casa han hecho su trabajo a la perfección, con transparencia sin montar espectáculos.

Si estas en España, no olvides revisar y en su defecto cambiar la hora en el hardware hogareño y sobre todo en los sistemas operativos que no lo han hecho automáticamente y revisa la hora de tu BLOG, hemos recuperado la hora que el estado nos quitó en Marzo, a las 3:00 de la mañana han sido las 2:00, es la hora Déjà vu.

No hay post relacionados

El examen de MS-Word

Pancho opcionweb — Fri, 23 Oct 2009 08:57:19 PDT

En pocas horas empieza el examen del módulo de 20 horas sobre el procesador de textos MS-Word. Por cortesía de la casa lo dejo aquí colgado, no es la primera vez, por si alguno de los alumnos quiere echar un ojo o por si no estas en el curso y quieres aceptar el reto o te sirve de inspiración para tus ejercicios. El texto esta sacado de la reseña histórica del Microsoft Word en la wikipedia.

El ejercicio intenta recoger los conceptos que espero se hayan asimilado en el bloque de manejo básico del Word:

FORMATO - FUENTE

Aprender a diferenciar los tipos de letra (cambios de Arial a Times New Roman), estilos, tamaños de letra, color de texto, estilos de subrayado, efectos o espacio entre caracteres (expandido y comprimido)

FORMATO - PÁRRAFO

Es importante controlar la colocación de los párrafos mediante la alineación, el espaciado anterior y posterior, el interlineado y en algunos casos con las sangría izquierda, derecha o de primera línea.

ARCHIVO - CONFIGURACIÓN DE PÁGINA

Es importantísimo controlar la orientación de la página y los márgenes, son parámetros que se deben seleccionar, si se tienen, antes de empezar a escribir.

Además de trabajar con algunas herramientas avanzadas como son las columnas, las tablas, los símbolos, los encabezados y pies de página, la paginación. Por último hay que imprimirlo para poder corregirlo.

Como método de trabajo recomiendo primero escribir todo el texto y después empezar a darle formato, suerte. Algunas de las pistas ofrecidas son:

Márgenes superior, inferior (2,5 cm)
Márgenes derecho e izquierdo (1,8 cm)
Fuentes de letra: Times New Roman y Arial
Tamaños usados: 10, 12 y 22
Interlineados: Doble, 1,5 y Sencillo.
Espacio anterior y posterior entre párrafos 5 pto
Sangría de izquierda, derecha y primera línea del 1er párrafo: 1 cm

Sigue leyendo:

El efecto de pasar página (PageFlip)

Pancho opcionweb — Thu, 22 Oct 2009 18:41:54 PDT

Realizar presentaciones con el efecto de pasar página, como en un libro, puede ser un excelente recurso para la dinamización de la lectura, algo que estoy potenciando en el trabajo.

De esta manera la presentación de los libros infantiles son más espectaculares al poder realizarse digitalmente con un proyector o con una pizarra digital, ya que el paso de la página se realiza con un dedo.

Buscando una herramienta flash gratuita, que permita construir el libro, con el efecto de pasar página, sin limitaciones, sin publicidad o con publicidad poco intrusiva, me he encontrado con varios productos, estas son las mejores opciones que he probado:

Iparigrafika es una de las opciones del mercado si te dedicas a la programación de aplicaciones flash, ya que ofrece el código fuente de forma gratuita de la versión básica. Ofrecen la herramienta para aplicaciones profesionales, de la última versión con o sin código fuente, dependiendo del número de websites que usarán el producto. La configuración se puede realizar desde un fichero xml o generada por php.

Megazine 3, también es un producto de código abierto, programado en actionscript 3, que se puede personalizar y usar de forma gratuita, siempre que no sea para uso comercial. Entorno minimalista y agradable, configurable y personalizable mediante ficheros xml, con buena opción de precarga del libro, opciones de zoom y script de conversión de pdf (en windows) para convertirlo en página del libro.

FlashPageFlip ofrece productos comerciales para gestionar el libro mediante base de datos MySQL y lenguajes de programación asp o php. También ofrece una versión profesional de la herramienta, configurable por xml y su versión gratuita que incluye publicidad de la marca del producto y menos herramientas.

FlippingBook es un producto de pago del que se puede descargar una versión de prueba para gestionar un libro de 10 páginas. Completamente personalizable, soporta zoom, impresión y descarga. Se puede configurar desde html o mediante fichero externo xml.