• Publicidad

Diseño de una web

Preguntas y comentarios relacionadas con HTML y CSS.

Diseño de una web

Notapor marcosss » 2007-07-18 04:10 @215

¡Hola!

Soy nuevo en esto de la programación web y estoy haciendo un software para un colegio. Ya tengo más o menos lista 'en bruto' la aplicación, y ahora tengo que hacer todo el diseño y las interfaces que realmente va a ver el usuario, es decir, ponerlo bonito. Pero es la primera vez que programo en web y no sé cómo empezar... He oído hablar de estilos... y me he bajado un curso y me voy a poner con ello, aunque no sé si es la mejor opción. Para programar uso el Dreamweaver 8 y tampoco sé si es la mejor opción o si hay algún otro programa mejor para el diseño...

Muchas gracias.
marcosss
Perlero nuevo
Perlero nuevo
 
Mensajes: 87
Registrado: 2007-05-14 06:23 @307

Publicidad

Notapor monoswim » 2007-07-18 07:14 @343

Para editar HTML yo también uso el Dreamweaver... Para editar imágenes uso el Fireworks... con eso ya puedes diseñar páginas... Tal véz usarías Flash para alguna animación, o sea, con el kit Macromedia ya tienen todo lo necesario...

Te recomiendo que te metas en www.desarrolloweb.com y aprendas sobre HTML y CSS.

Saludos
MonoSwim
Perl Programming Language
Avatar de Usuario
monoswim
Perlero nuevo
Perlero nuevo
 
Mensajes: 452
Registrado: 2003-11-18 16:13 @717
Ubicación: Buenos Aires

Notapor kidd » 2007-07-18 09:44 @447

Hola:

Un aspecto sumamente importante es que en tu aplicación separes lo que es diseño del resto del código, y para ello debes de usar plantillas con Perl.

Hay muchos sistemas de plantillas, yo personalmente uso HTML::Template, y de ello hay un tutorial en el sitio:
http://perlenespanol.com/tutoriales/mod ... plate.html


En cuanto al diseño. Yo me acostumbré a editar el HTML puro, así que nunca he usado un programa pues me termina siendo más complicado. Pero para editar imagenes lo que uso es el Fireworks, en lo personal me parece que es de los mejores programas para crear y editar gráficos especialmente para la web.

Recuerda que al final lo que importa es la experiencia del usuario, así que debes de crear una interfase sencilla para quien lo vaya a usar, y para ello debes de pensar como tus usuarios y no como el programador que eres, pues para nosotros muchas cosas que podríamos ver como 'fáciles', para nuestros usuarios podría resultar laboriosas y complicadas.


Un saludo
Uriel Lizama Perl programmer fundador de Perl en Español
Perl Programming Language
Avatar de Usuario
kidd
Creador de Perl en Español
Creador de Perl en Español
 
Mensajes: 1166
Registrado: 2003-10-15 16:52 @744
Ubicación: México

Notapor explorer » 2007-07-18 13:36 @608

No hay NADA mejor que el Dreamweaver. Pero lo malo es que es tan completo que puedes perderte. Debes aprender a manejarlo leyendo un par de libros: un tutorial de los que se encuentran por Internet o en alguna librería especializada y el manual del propio Dreamweaver. Éste último es un poco ladrillo (como todos los manuales, claro), pero así te aseguras de que no te dejas nada en el tintero. Si, al leerlo, encuentras un concepto que desconoces, apúntalo para buscarlo en las referencias de CSS, HTML y JavaScript.

En http://www.w3schools.com/ tienes todas las referencias de todas las funciones.

Aprender programación web requiere de los siguientes conocimientos:
* HTML. No hay excusas para aprenderlo. Si te dicen que con una herramienta como Dreamweaver vale para hacer páginas web, estarán en lo cierto, pero tu NECESITAS aprender HTML para hacer páginas SIN Dreamweaver (por ejemplo, desde Perl).
* CSS. Los estilos es la forma más moderna de presentación, colocación y efectos especiales de las páginas web actuales. Imprescindible tener una noción básica de: colores, tamaños de letras, alineaciones y efectos de texto, contenedores y cascada de estilos (qué estilos se aplican y en qué orden), etc.
* JavaScript. Saber cómo referenciar los objetos de la página, como crearlos, modificarlos, etc.
* Habilidad gráfica. Entender lo que significa la transparencia en los gif y png. Qué es un jpeg con entrelazado. Canal alfa en los png. Efectos gráficos, como la animación de pulsación de botones, etc. etc.
* Organización jerárquica de un sitio web. Saber diferenciar una página web de un sitio web. De una tienda con carrito de la compra, de otra que ofrece documentación institucional en PDF encriptado con una marca de agua, de acceso sólo para los socios.
* Un lenguaje de scripting. En este foro recomendamos Perl. PHP es un engendro cuando se mezcla con HTML.
* Administración de un servidor web, es decir, Apache.
* Administrador de un sistema operativo confiable, es decir, Linux.

Con el primer punto se puede decir que eres un entendido -tienes conocimientos- de Web.
Con los 2 primeros, que sabes hacer páginas Web.
Con los 3 primeros, que sabes programar en Web.
Con los 4 primeros, que eres un diseñador gráfico Web.
Con los 5 primeros, que eres un diseñador de sitios Web.
Con los 6 primeros, que eres un técnico especialista en diseño y programación Web (aunque se puede obviar el quinto punto).
Con los 7 primeros, que eres un experto y administrador de sitios Web (aunque se puede obviar el quinto punto).
Con todos los puntos, que eres un Webmaster.
Si no sabes hacer nada de esto mas que editar las páginas con el Dreamweaver, se puede decir que eres un simple Webero. :)
JF^D Perl programming & Raku programming. Grupo en Telegram: https://t.me/Perl_ES
Avatar de Usuario
explorer
Administrador
Administrador
 
Mensajes: 14480
Registrado: 2005-07-24 18:12 @800
Ubicación: Valladolid, España


Volver a HTML

¿Quién está conectado?

Usuarios navegando por este Foro: No hay usuarios registrados visitando el Foro y 4 invitados