Cvander:

I love to collect stories from all over the world. More about me.
I'm a traveler, entrepreneur, founder of Maestros del Web. Why do I blog in English?

Introducción al Desarrollo Web

Iniciamos una nueva edición del Curso de Desarrollo de sitios web introductorio en New Media de la Universidad Francisco Marroquín.

En el curso aprenderemos a trabajar con la versión 8 de Dreamweaver que puede ser descargada en versión de prueba por 30 días desde el sitio de Macromedia. También recomiendo descargar el programa NVU, una aplicación similar a Dreamweaver y gratuita que además es muy fácil de utilizar para realizar sitios web.

Antes de empezar a trabajar su sitio, les recomiendo que revisen algunos errores frecuentes en sitios web que deseamos evitar. Y también que conozcan un poco de lo último que está pasando con Internet con el llamado Web 2.0.

Es bueno inspirarse de sitios destacados en el mundo. Sitios como Favourite Website Awards, Internet Tiny Awards, CSS Vault y CSS Beauty pueden ser interesantes recursos.

Y también vean el trabajo web de Guatemala que reune la Arroba de Oro. Estoy seguro que luego de ver sitios de afuera y sitios locales tenemos un panorama interesante de lo que podriamos mejorar en el web de nuestro país.

Revisen sitios e inspírense. Y no olviden dejar su comentario al final de esta lectura para notificar que han concluido con este primer ejercicio.

Si tienen dudas, envianmelas por este medio para que les ayude. Y además los invito a revisar Foros del web, una gran comunidad de diseñadores web donde también podrian ayudarles.

20 comments

Published: 18/11/2005. Cats: ClassRoom.

20 comments

1

Opinión by Teufel

2005/11/20 @ 10:20 pm

El NVU es una poderosa herramienta, el otro dia la estuve probando y es bastante facil de usar. Super recomendable… ;)

2

Opinión by Silvia Salguero

2005/11/29 @ 10:43 pm

Gracias Christian por toda su información y por ser un excelente maestro en el Curso de Introducción al Desarrollo Web…

Créame que aprendi un monton. Ya había tenido la oportunidad de usar Dreamweaver y de “aprender” este año en la U. Pero lo que aprendí en seis clases con usted, nunca lo aprendí durante el semestre en la U.

Muchísimas gracias por su ayuda.

3

Opinión by cvander

2005/11/30 @ 12:56 pm

Me alegra que el curso esté siendo de utilidad Silvia. Y espero que luego de terminar el curso introductorio te va en el curso intermedio y avanzado de la misma temática ;)

4

Opinión by cvander

2006/01/21 @ 1:12 pm

Saludos. Iniciamos una nueva edición del curso, así que aproveche a invitarlos a este tema para que complementen lo visto en clase.

1. Para hablar del tema de derechos de autor, revisen bien Creative Commons. Hay un artículo en: http://www.maestrosdelweb.com/editorial/creativecommons/

2. Hablamos de CSS y vimos los ejemplos de cosas que pueden lograrse en http://www.csszengarden.com y en español en http://www.camaleoncss.com.

Cualquier duda o comentario bienvenida en este espacio.

5

Opinión by Loren

2006/01/30 @ 9:09 am

Hola Christian…estaba trabajando en mi página pero por alguna razón no puedo utilizar firefox…este es un programa que debo bajar por separado de dreamweaver o viene incluído?
por su respuesta…gracias!!!

6

Opinión by cvander

2006/01/30 @ 3:09 pm

Lorena, Fireworks es un programa independiente a Dreamweaver. Hay que descargar la versión de30 días d prueba desde el sitio de Macromedia (www.macromedia.com/software/fireworks) y luego ya funcionará y estará integrado a Dreamweaver.

7

Opinión by Rebeca

2006/02/02 @ 11:18 am

Si tengo mi diseño en Freehand, ¿cómo lo exporto a Fireworks?, ¿Esto se hace desde un Jpeg exportado desde Freehand?

8

Opinión by Teufel

2006/02/07 @ 6:01 pm

Rebeca, para pasar tu diseño desde freehand es tan sencillo como seleccionar tu diseño, agruparlo, darle copy y paste en el archivo de fireworks. Con este sencillo paso obtienes todas tus imagenes e incluso las propiedades de tus imagenes vectoriales.

9

Opinión by Diego Lima

2006/04/19 @ 10:26 pm

Hola
Estuve viendo la pagina de la arroba de oro y me gusta la pagina http://www.computacion.s.a. es sencilla con poco flah muy bonita.
Una pagian que se ve interesante para hostings es http://edmguate.com/signup.php.
A mi sinceramente me gustaria hacer algo diferente a estas paginas, me gustaria hacer una seccion donde los clientes puedan entrar con un codigo y usuario a una zona exclusiva de la pagina, como para revisar su estado de cuenta.
Muy pocas de las paginas que vi estan maquetadas con 760pix de ancho.
Yo pienso que 760pix de ancho es mejor por que se ve en cualquier pantalla y a mi forma de pensar le da un toque mas estetico.

10

Opinión by Diego Lima

2006/04/19 @ 10:39 pm

Por cierto se me olvido, yo estoy recibiendo el curso que acaba de comensar.

11

Opinión by Rony Mejía

2006/04/20 @ 12:11 pm

De acuerdo totalmente con los errores más frecuentes. Lo que yo más odio es el uso indiscriminado de Flash y que varias empresas quieran meterle el flash a fuerza a uno cuando uno pide un diseño web.
Personalmente estoy muy interesado en conocer sobre leyes y modales anti-spam ya que al final quisiera publicar una revista electrónica y quisiera saber cuáles son opciones buenas y de bajo costo (mejor si sin costo) para manejar adecuadamente mi base de datos.
Gracias por la info de web 2.0, aunque está un poco elevado el nivel técnico y hay varias cosas con las que uno sólo se rasca la cabeza.
Excelente la idea de poner una referencia a los sitios que premian sitios…

12

Opinión by Maynor Gamarro

2006/04/20 @ 3:23 pm

He estado leyendo y aprendiendo bastante desde que el primer día del curso me di cuenta que para desarrollar sitios web no es necesario ser un experto programador de HTML.

Hace algunos años hice algún intento de programación WEB y me sentí puro “picapiedra” codificando desde cero con HTML Que maravilla de herramienta esta del Dreamweaver, que hace todo parecer tan sencillo.

Saludos,

13

Opinión by Fredy

2006/04/24 @ 3:36 pm

Christian yo toy en el curso. y toy haciedo mi pagina ahorita, pero tngo un clavo. La toy haciendo con tablas
pero en el Dreamweaver ya le puse q los bordes esten blancos para q no se miren, ya q el fonto es blanco. va la cosa q cuando le doy ver en el firefox me salen los bordes. Q puedo Hacer?

14

Opinión by cvander

2006/04/25 @ 3:29 pm

Diego, hay una opción en Dreamweaver que te permite proteger contenidos con contraseña. Lo veremos más adelante en el curso avanzado por si te animas a inscribirte.

Rony, con el tema del spam y tu día de tu revista electrónica, yo te diría que una buena forma de llevarla a cabo es a través de algún sistema de blog. Tienes muchas opciones para trabajar e incluso luego puedes personalizar su sindicación para que envie por correo los contenidos que escribes a quienes se suscriban. Con gusto te ampliaré el tema en clase pero creo que si tienes buen material, sería una buena plataforma un blog para iniciar. Y con lo del Web 2.0, si algo no lo entendiste no dudes en preguntar para que te aclaremos.

Maynor, en efecto no hace falta ser un experto en HTML. Es importante entender el lenguaje, pero más importante es inspirarse y buscar tendencias para que nuestros proyectos realmente destaquen.

Freddy, lo que tienes que hacer si estás trabajando con tablas y no quieres que se van los bordes es asignarles un ancho de 0 pixeles ;)

15

Opinión by Abigail

2006/04/25 @ 4:16 pm

Realmente es muy bueno el Programa Dreamwever y nos deja hacer de una forma facil rapida y censilla una pagina Web.

16

Opinión by EDNA R.

2006/04/26 @ 4:45 pm

Christian, con respecto a las fotografías o imágenes a utilizar en una página web, cuál es la resolución y el tamaño adecuado?
gracias,
slds.

17

Opinión by cvander

2006/04/27 @ 2:10 am

En resolución se trabaja a 72dpi y con el tamaño, va a depender totalmente del lugar donde querramos colocarlas.

Recoerdemos que si queremos trabajar nuestr página para resoluciones de 800 x 600 o mayores, que vamos a delimitar el área de nuestra página a 760 pixeles. Y entonces las imágenes deberian tener como máximo ese tamaño en ancho. Y en cuanto a alto dependerá de lo que querramos incluir.

Además hay que tomar muy en cuenta el tamaño en disco de las imágenes. No hay que recargar una página de muchos elementos pesados pues vamos a lograr que cargue muy lentamente.

18

Opinión by Santiago

2006/04/27 @ 4:47 pm

Me parece sumamente interesante el artículo que has redactado. Agradezco de sobre manera el fácil acceso y los múltiples sitios de interés a los que podemos acceder y saciar nuestra sed de conocimientos, con temas relacionados a éste, tan interesante curso…

Saludos,

Santiago.

19

Opinión by Valeria =)

2006/04/28 @ 6:23 pm

Hola!! Recien lo leo, me metere a las págias sugeridas y pondre otro comentario, pero por si si se me olvida, si me meti!!! jajaja…

Saludos,

Vale =)

20

Opinión by Valeria =)

2006/04/28 @ 7:13 pm

Aqui de nuevo!! me gustaron y algunas hasta me impresionaron… retan mi imagianción…

ciao,

hasta pronto…

valeria

RSS of comments.

Sorry, comments are closed.