Thor 8 de abril de 2008 a las 13.24
   Imprimir artículo
elWebmaster.com

Taller de Adobe Dreamweaver: ¬ŅModo c√≥digo o modo visual?


Taller de Adobe Dreamweaver: ¬ŅModo c√≥digo o modo visual?¬°¬°¬°Y nos volvemos a encontrar en la clase n√ļmero 11 del Taller de Adobe Dreamweaver!!! Me alegro de que todav√≠a est√©n aqu√≠, y los que no est√°n de todos modos no van a leer esto as√≠ que no importa (:P) jejeje.

Esta clase es especial porque, adem√°s del tema de hoy, responderemos la duda de nuestro seguidor Nelson, que nos pregunt√≥ cu√°l ser√≠a el tama√Īo adecuado para hacer una p√°gina. Como creo que la respuesta merece su espacio decid√≠ incluirla al final de esta clase.

Comparación

Empezar el contenido de esta clase con el t√≠tulo ‚Äúcomparaci√≥n‚ÄĚ, no es lo que mas me gust√≥, pero bueno, es lo que es, aunque no lo es tanto ¬Ņ¬ŅC√ďMOOOO?? Ahora les cuento:

Si bien Dw permite llegar a hacer una p√°gina completa en modo visual, no es mucho lo que vamos a lograr de esta manera.

Cualquiera que pretenda hacer una página (decente), usando Dw o cualquier otro programa, va a necesitar saber al menos un mínimo de HTML.

Por ende, no podemos considerar el modo c√≥digo o el modo visual como diferentes maneras de hacer una p√°gina, ya que lo ideal es usar, de ambos, las cosas que nos resulten m√°s √ļtiles.

A eso me refería con que no me gustaba la idea de comparación entre una manera y otra de hacer las cosas, ya que son complementarias.

A la larga, la realidad nos dice que el modo visual prácticamente se resume a la escritura de texto, ya que Dw nos cambia los caracteres no válidos para HTML por sus correspondientes reemplazos (por ejemplo los acentos, entre otros) ya que el resto de las opciones nos resulta más rápido manejarlas desde el modo código.

Como bien dijimos más arriba se puede llegar a una página completa en modo visual, pero poco a poco cuando vayan ganando experiencia, verán que este modo les va quedando chico, y se pasarán al modo código exclusivamente.

De aqu√≠ que el taller adem√°s de Dw planea ense√Īar HTML.

Como todo, podremos hacer más rendidor el programa, cuando tengamos un uso considerable de él.

Piensen que usándolo seguido y acostumbrándose a un modo de trabajo, pueden customizar sus herramientas, o saber dónde están las que siempre usan y agilizar la creación de sitios web.

Conclusión

Creo que la respuesta al t√≠tulo de esta clase ser√≠a ‚ÄúModo c√≥digo‚ÄĚ, pero no nos vamos a encasillar tanto.

Al principio (o no), puede que haya mucha gente que considere m√°s practico el modo de vista de dise√Īo, y a la larga tal vez muchos lo sigan usando para alguna que otra cosa.

Lo que sí cabe destacar es que el conocimiento del código, su estructuración, y el poder abstraer lo que se ve en pantalla y poder visualizarlo cuando vemos código, va a determinar el punto en que pasemos de principiantes a avanzados dentro de la maquetación de páginas web.

———————————————————————————————————–

¬°¬°Agregado especial!!

Creo que este a√Īadido es muy importante y, aunque no tenga que ver con Dw o con HTML, es importante saberlo, m√°s a√ļn ahora, aprovechando que reci√©n estamos creando nuestra p√°gina, para empezar con todas las cosas bien hechas :p.

Gracias a Nelson (un seguidor del curso), quien nos pregunto cual era el tama√Īo ideal para una p√°gina normal, vamos a incluir en esta clase, la respuesta a su pregunta como agregado especial o ‚Äútip‚ÄĚ:

Tama√Īo ideal de una p√°gina

Una p√°gina no tiene un tama√Īo preestablecido aunque se pueden encontrar muchas p√°ginas que tienen el mismo ancho o largo que otras, debido a una no-arbitraria elecci√≥n de los dise√Īadores a la hora de empezar a trabajar.

Lo principal a pensar a la hora de hacer un dise√Īo de una web es qui√©n va a ser el usuario de esa p√°gina y, como no lo sabemos (aunque tal vez podemos armar un perfil de posible user), tenemos que calcular un usuario promedio.

Es por esto que uno siempre trata de realizar su p√°gina en un tama√Īo acorde a ‚Äúlas masas‚ÄĚ o al perfil general de nuestros usuarios.

Hoy por hoy un gran porcentaje de gente, usa una resoluci√≥n de pantalla de 1024 x 768px, y convendr√≠a dise√Īar una p√°gina en la cual el contenido, o la informaci√≥n relevante sea visible dentro de ese tama√Īo, para luego abarcar otras resoluciones, con ‚Äúauxilios‚ÄĚ gr√°ficos, para completar.

Es muy conocido el tipo de p√°ginas de cuerpo centrado con extremos que completan el dise√Īo.

Taller de Adobe Dreamweaver: ¬ŅModo c√≥digo o modo visual?

Como podemos ver en la imagen, tenemos una parte central que se adec√ļa al formato de 1024px de ancho de pantalla.

En esta p√°gina son 950px reales, se deja margen para la barra de scroll que puede surgir si la p√°gina crece hacia abajo (como ven se toman en cuenta varias cosas).

Tambi√©n podemos ver, que los costados del centro de la p√°gina, no se dejan descuidados, sino que tambi√©n tienen un ‚Äúmotivo‚ÄĚ grafico, que termina de rellenar la p√°gina en caso de que el usuario tenga una resoluci√≥n mas grande (1280 x 1024, 1600 x 1200, entre otros).

Prueben ver la p√°gina en diferentes resoluciones de monitor para tener una idea m√°s clara (ac√° les dejo el link http://www.videosjaja.com).

Otro punto a tener en cuenta es la gente que a√ļn usa resoluci√≥n de 800 x 600px que, aunque no los consideramos como mayor√≠a en nuestro modelo de usuario promedio, debemos tomarlos en cuenta de todos modos.

Por ende, el contenido de mayor relevancia, debe estar considerado dentro de los 750px del ‚Äúbody‚ÄĚ de nuestro sitio.

Y vuelvo a hacer referencia a la página de la imagen anterior. Podrán ver que el panel de registro, inicio, subir videos, categorías, etc., todas se encuentran en un rango de visión accesible para la mayoría de los usuarios.

Retomando: el tama√Īo de nuestra p√°gina puede depender de varias cosas.

A medida que vayan aprendiendo ‚Äúa los golpes‚ÄĚ, van a ir mejorando sus dise√Īos.

No olvidemos que no se puede ser programador, dise√Īador, maquetador, todo de la noche a la ma√Īana.

Yo recomiendo que vayan poco a poco investigando de acuerdo a lo que vayan necesitando y, por supuesto, leyendo y escuchando recomendaciones de otras personas que ya pasaron por las etapas que est√°n pasando ustedes.

Como dije al principio del curso (creo) aprender Dreamweaver no los va a hacer dise√Īadores web profesionales, ya que Dw es solo una herramienta, pero s√≠ los va a ayudar mucho.

En sí, ser un buen Webmaster, depende de muchas cosas que se hacen con la experiencia y esta se hace poniéndole ganas y tratando de aprender todo lo que se pueda (principalmente siguiendo este taller, jeje).

No duden en seguir preguntando y ojal√° salgan m√°s comentarios como este, que nos dan tema para agregar en nuestras clases y hacerlas m√°s √ļtiles y a la medida de ustedes que siguen nuestro curso y que ser√°n los futuros webmasters.

¬°Saludos!

<< CLASE ANTERIOR  

CLASE SIGUIENTE >>


Enviar a Del.icio.us Enviar a Meneame Enviar a Digg Enviar a Fresqui Enviar a Enchilame

Comentarios (13)

  1. Ma.Clara dice:

    Hola: Soy una m√°s de tus seguidoras, y semana a semana no me pierdo el taller de Dreamweaver. Por el momento estoy haciendo una pagina Web, pero como soy principiante, y no tengo nada de experiencia en Dreamveaver, quiero que me ayudes a resolver una duda: como le hago para ponerle un fondo a mi p√°gina, que no se vea tan plano, mi p√°gina es de una empresa dedicada a la comercializacion de flores. Porfa, necesito de tus conocimientos!! Gracias, espero tu respuesta.

  2. Alex Sparrow dice:

    hola Clara yo he ido aprendiendo el dw, si quieres agregame y te comparto mis experiencias. Tampoco me pierdo el curso de dw y ya estoy leyendo el ps y el de flash, haber que no?

    webmaster2310@hotmail.com

  3. Alejandro Calderón dice:

    Saludos! Gracias por tan valiosos aportes! Gracias a todo el equipo de elwebmaster.com por el esfuerzo que hacen cada semana.

    Ser√≠a bueno que el webmaster.com se hiciera su propio foro, pero no uno cualquiera, sino uno en el que se pueda formar una comunidad virtual de webmasters, en el cual nos podamos dar apoyo m√ļtuo.

    Mi MSN es alejandro.mcbjoven@hotmail.com

    Gracias! Bye!

  4. Debi dice:

    ¡Sería excelente eso, Alejandro! gracias por tu propuesta :)

    Saludos,
    Debi.

  5. Maximiliano dice:

    Es primera vez a entro en esta pagina es muy buena… soy principiante y quiero aprender… ojala no sea a los golpes.. pero si toca adelante… me guasta la idea del chamo Alejandro Calderon
    esta muy didactico..

  6. J.DAVID dice:

    Interesante el curso. Estoy en el tema de desarrollo de
    páginas Web y más específicamente en tiendas virtuales que es donde estoy enfocando mi idea para promover productos y servicios.
    Que tan dif√≠cil esy en cuanto tiempo se podr√≠a desarrollar una “plantilla generall ” de la tienda virtual(e-comerce) con checkout, carro de compras, bien estructurada.
    Gracias y felicitaciones por estos cursos.

  7. Alejandra dice:

    Eso depende de tu experiencia, sin embargo es imposible hacer un carro de compras o inicio de sesi√≥n √ļnicamente con Dreamweaver. Este programa te ayudar√° a hacer el frontend: la parte visible, sin embargo justamente en esto de tiendas virtuales, lo m√°s importante es el desarrollo del backend: la programaci√≥n que “hace que las cosas funcionen”. Para eso puedes implementar PHP. Si te animas, visita el siguiente enlace de nuestro Taller de PHP para principiantes: http://www.elwebmaster.com/talleres/taller-de-php-programa

  8. had dice:

    Hola mi estimado… se ve muy interesante tus cursos, solo para dejar una sugerencia enfocaque a desarrollar el curso y se mas preciso, hay mucha reduncia en tus escritos… bueno solo es una sugerencia para mejor el curso eso creo, no?

  9. Karla dice:

    Hola, solo para comentar que acabo de descubrir esta pág. y se me hace sumamente interesante, felicitaciones por esta gran aportación.
    slds.

  10. Mirta Sciolla dice:

    Hola!!! entre a la pagina por casualidad y no pude parar de leer. El taller esta fabuloso, y entendible.
    Buenisimo.
    Gracias
    Mirta

  11. diego dice:

    La verdad que el curso esta muy bueno! estoy aprendiendo DW en un lugar y visitar este sitio me sirve! Me gusta la forma en que diagramaste cada lección! Gracias!

  12. jorge leonardo dice:

    hola mi problema es que a la hora de ejecutar mi pagina web en diferente monitores se me desordena toda que solución puedo darle a esto

  13. dhann molla dice:

    Hola! queria saber si esta vigente este foro. gracias

Deja tu opinión

© 2007 - 2008 elWebmaster.com | Powered by Wordpress | Diseño CSS y XHTML válido. | Algunos íconos basados en FamFamFam Mini
Acceder