Tutorial

No soy programador, no tengo por qué saber códigos HTML». He escuchado a mucha gente decir esto. También he escuchado cosas como «Hay programas que hacen páginas web por sí solos». Estas dos afirmaciones son falsas.

¿Qué es una página web?

Una página web básicamente es un archivo de texto (un simple .txt) grabado con la extensión «htm», «html» u otra soportada por un navegador de internet. Se caracteriza por estar escrito en un lenguaje (Los eruditos dicen que no le alcanza para lenguaje por sí mismo debido a su simplicidad). llamado HTML. Esto significa «hiper text mark up language». En otras palabras: Lenguaje de marcas de hipertextos. En otras palabras: textos comunes y corrientes que llaman a otros textos comunes y corrientes «haciendo click con el mouse», o usando otros trucos. Con el tiempo a alguien se le ocurrió que podían ser bonitos y les pusieron fotos, los «mejoraron» y hoy hasta sirven para transportar y llamar videos y otras parafernalias.

¿Es un diseñador un ser infalible?

Por desgracia, el trabajo del diseñador puede ser hecho por personas no profesionales. Muchos dicen ser diseñadores debido al manejo de software gráfico (Más abajo explico a qué me refiero cuando digo «ser profesional»). No cualquiera puede decir que es ingeniero, debido a que hacer una base de datos enlazada con un sitio web es otra cosa. Es más rudo.

Dreamweaver es top.

Dreamweaver es lejos la mejor herramienta visual que conozco para hacer sitios web. Tiene -entre muchas más- dos cosas que su competencia no tiene: Es escalable, o sea, si el usuario que lo ocupa sabe poco, y quiere hacer algo básico, el programa es muy sencillo y amistoso. Si el usuario es un «capo» podrá sacarle mucho más provecho en la medida que domine más temas relacionados, desde crear diseños complejos, integrar rutinas de javascript, hasta utilizar libremente todo lo que permiten las hojas de estilo. Ahora bien, si el usuario es «un amo del cosmos», puede crear comandos para Dreamweaver y compartirlos literalmente con el resto del mundo, personalizar su ambiente de trabajo a niveles absurdos (hacer que en vez de decir insert table en un menú diga por ejemplo «ponerle tablely»). Pero lo que nos ocupa esta vez es el uso de códigos.

La definición de un buen diseño.

Un buen diseño no se puede medir en términos científicos. Consta de arte y de usabilidad. La parte artística es absolutamente subjetiva. Tiene que ver con lo novedoso, lo adecuado, lo bonito y los valores que nos entregue el producto. Lo que para mí es lindo, para otra persona puede ser muy feo. Sin embargo, la parte que tiene que ver con usabilidad es objetiva. Tiene que ver con que de partida el sitio FUNCIONE. Para que un sitio funcione es necesario que cada link envíe a la página que corresponde, que las imágenes APAREZCAN y cosas más complejas, como que las tablas estén en orden, la justificación y disposición de elementos no deforme el sitio, que no aparezcan barras de scrolling no deseadas en la resolución para la cual estamos diseñando, en fin: Que el armado sea el adecuado.
Acá quiero aclarar un punto: Estoy hablando de HACER páginas web. No de diseñarlas. Diseñar es algo que se puede hacer en un papel con instrucciones, en un original en photoshop, fireworks o algún otro programa. Hacer páginas tiene que ver con escribir ALT texts en cada imagen, revisar que los diferentes elementos de una página se vean iguales en cada página del sitio, y no más arriba o más abajo, etc.

La definición de un verdadero profesional.

Recuerden que el ojo humano ve perfectamente UN SOLO PIXEL de más o de menos en una línea. Hablamos de exactitud, precisión, eso es profesionalismo.

Hablamos de hacer planos de un edificio usando un software: En un dibujo, el edificio no se va a derrumbar. Hablamos de un médico operando a un paciente con un «software que opera solo». ¿Esto es posible? Si, siempre que la persona sea experta en su tema. No es necesario ser mecánico para conducir un auto, la función básica del auto es transportar, no tengo que saber mecánica para conducirlo (Aunque no estaría de más). Más allá de los ejemplos, las páginas web son archivos de texto en lenguaje HTML.

Si mi software con una interfaz amistosa hace todo el trabajo por mí, no por eso puedo olvidar de que la página web es en realidad eso: código html. No es un PSD editable o algo así. Es código. Si a pesar de mis esfuerzos algo en mi sitio no funciona, la respuesta no estará en el manual de usuario. Estará en el código.

En resumen.

En casi todos los trabajos que he tenido, lo que marca la diferencia, es la capacidad para entender el código fuente. No quién se sabe más teclas abreviadas en el software.

Usen dreamweaver. Es lejos lo mejor como herramienta. Pero no ignoren el código. Mi recomendación es que compren un buen libro de código HTML. Idealmente, uno básico y luego cuando lo dominen, uno avanzado. La idea es familiarizarse más que memorizar. Dreamweaver 4 trae una paleta de referencia de HTML muy buena, aunque bastante resumida. También hay mucha documentación en internet, pueden buscar como «html», «tablas html», «hojas de estilo», etc. Y lo más importante de todo, serán mejores profesionales, serán mucho mejores en su uso de Dreamweaver y por consiguiente, ganarán más dólares.

25 diciembre, 2014
dreamweaver

Código HTML: Programación vs Diseño

No soy programador, no tengo por qué saber códigos HTML». He escuchado a mucha gente decir esto. También he escuchado cosas como «Hay programas que hacen […]
25 diciembre, 2014
dreamweaver

Centrar una página web con DreamWeaver

Cuando diseñamos una página lo solemos hacer para una resolución en concreto, por ejemplo 800×600 o 1024×768 y es posible que nuestra web, a la resolución […]
25 diciembre, 2014
dreamweaver

Estilos CSS en DreamWeaver

Imagínate que tu jefe, luego de 2 meses de arduo trabajo en esos preciados 235 archivos .html para ese gran megaproyecto, se le ocurre que esa […]
25 diciembre, 2014
dreamweaver

Enviar Formulario por E-Mail con DreamWeaver

Aunque la mejor opción para enviar formularios por e-mail es tener un script server-side que maneje el envío, por ejemplo en PHP, ASP, Perl, etc. O […]
25 diciembre, 2014
dreamweaver

Las Etiquetas HTML y DreamWeaver

Hola, antes que nada, este es un artículo técnico, para usuarios nuevos e intermedios (Queda hecha la aclaración). Prólogo Las «gracias» del HTML en su concepción […]
25 diciembre, 2014
dreamweaver

Los Modos de Diseño de DreamWeaver

DreamWeaver soporta 3 modos de diseño, Estándar, Ampliada y Diseño, todos ellos accesibles desde la vida Diseño (Ver > Diseño). Para acceder a cada modo debemos […]
25 diciembre, 2014
dreamweaver

El problema del Ancho de Banda y DreamWeaver

Todos soñamos con un pelito de fibra óptica o al menos una T3, pero la realidad es que probablemente nuestra conexión a Internet sea por un […]
25 diciembre, 2014
dreamweaver

Informe de Errores en DreamWeaver

DreamWeaver MX 2004 posee una interesante herramienta para comprobar los posibles errores de visualización de nuestra página en varios navegadores. Para ver un informe sobre los […]
25 diciembre, 2014
dreamweaver

El protocolo FTP y DreamWeaver

Ftp es un protocolo para la transferencia de archivos. Lo cual significa la capacidad de enviar un archivo digital de un lugar “local” a uno “remoto” […]
25 diciembre, 2014
dreamweaver

Capacitando a nuestros usuarios: Coursebuilder

Siguiendo con las extensiones gratuitas de Dreamweaver, le echamos una mirada a Coursebuilder, que nos permite crear instrucción en línea sin complicarnos la existencia. Coursebuilder es […]
25 diciembre, 2014
dreamweaver

Historial de Acciones en DreamWeaver

Existe una ventana "History" donde se registra cada paso que realizas en un documento de Dreamweaver desde que lo abriste. Esta tiene mucha utilidad ya que […]
25 diciembre, 2014
dreamweaver

Trabajo en Grupo con DreamWeaver

Siempre es complicado coordinar el desarrollo de una página web entre varias personas que trabajen en ella simultáneamente. Por suerte, Dreamweaver 3 incorpora un mecanismo de […]
25 diciembre, 2014
dreamweaver

Importar Datos en DreamWeaver

Dreamweaver te permite importar datos en tablas, que es mucho más sencillo que cortar y pegar contenidos una celda tras otra. La única pega es que […]
25 diciembre, 2014
dreamweaver

Vista diseño para formatos no reconocidos en DreamWeaver

DM MX, en principio, sólo permite utilizar el modo vista diseño con aquellos archivos cuyas extensiones reconoce «oficialmente»: ASP, JSP, PHP3, PHP, HTML… ¿Y si intentamos […]
25 diciembre, 2014
dreamweaver

Mi Primera Extensión en DreamWeaver

Este tutorial nos mostrará los aspectos básicos de cómo se crea una extensión para Dreamweaver y, si seguís los pasos, podréis crear vosotros mismos la extensión […]
25 diciembre, 2014
dreamweaver

¿Por que programación dinámica con DreamWeaver?

Con la aparición del dreamweaver MX y todas sus funcionalidades, es la primera pregunta que hacen los montajistas tradicionales. Las páginas dinámicas o páginas activas ya […]
25 diciembre, 2014
dreamweaver

Server Side Include en DreamWeaver

Una capacidad desperdiciada en dreamweaver y muchas veces no entendida Alguien me preguntó el otro día para qué servía ese botoncito con signo gato en los […]
25 diciembre, 2014
dreamweaver

Funciones de Búsqueda de DreamWeaver

1.- Tienes que cambiar el color de fondo de todas las páginas de tu sitio y no usaste plantillas? 2.- Conque al &·%$·&%·»$ del jefe ahora […]
25 diciembre, 2014
dreamweaver

Extensiones para Discapacitados en DreamWeaver

Habilitar nuestros sitios web para que puedan ser cómodamente visitados por personas que no tienen conexiones rápidas, browsers de última generación —e incluso por usuarios con […]
25 diciembre, 2014
dreamweaver

Creando Cursos con CourseBuilder y DreamWeaver

Siguiendo con las extensiones gratuitas de Dreamweaver, le echamos una mirada a Coursebuilder, que nos permite crear instrucción en línea sin complicarnos la existencia Coursebuilder es […]
25 diciembre, 2014
dreamweaver

Extensiones DreamWeaver

Una de las características que proporciona Dreamweaver que no hacen otros editores es la posibilidad de ampliar su funcionalidad por medio de extensiones, muchas de las […]
25 diciembre, 2014
dreamweaver

Creación de páginas web a base de tablas en Dreamweaver

En Dreamweaver 4: En en el tag BODY colocar la propiedad topmargin=0 y leftmargin=0, Por ej: <body topmargin=0 leftmargin=0> Oprima: vista de disposición en el panel […]