Preguntas sobre diseño web

[riiveer]

Muy bien.. no tendo idea como llegue a este foro, pero me agrado mucho y veo que todavia esta muy activo! Hace 1 dia me quise meter en esto de diseño web..
Pero tengo algunas preguntas:

Para hacer una web basica, el puro diseño, nada de java, aplicaciones ni nada de eso, como es la forma en que se hace? Con dreamweaver a puro html y css?
Si alguien tuviera la paciencia de ayudarme en esto que apenas voy empesando.. les dejo mi correo: eduuuu_@hotmail.com

Saludos!

[Alejandro]

Así es, con html y css puedes hacer una página básica y programas como Dreamweaver te pueden ayudar mucho.

Te dejo algunos links de manuales que te servirán:

- Manual de HTML
- Manual de CSS
- Manual de Javascript
- Manual de PHP

[norpat]

En este link también tenés algunos libros gratis que te pueden servir:
http://www.librosweb.es/
Se pueden descargar en pdf y están en español.

[riiveer]

El codigo normalmente se hace totalmente desde 0?

[Alejandro]

El codigo normalmente se hace totalmente desde 0?

No, la gran mayoría de las webs se basan en plataformas como Wordpress, Drupal, PHPBB (como este foro) entre otras, la ventaja es que ya viene todo programado y hasta con diseños lindos.

Se ahorra mucho trabajo, luego cada uno lo puede adaptar a su manera y mejorar.

¿Qué tipo de web quieres hacer?

[riiveer]

Antes de irme a programacion java, y toso eso, queria aprender hacer una pagina estatica simplemente que se vea bonita que tenga un menu a la izquierda, pie de pagina y todo eso..

Estoy leyendo los libros de librosweb.es, voy en el css.

[riiveer]

Algo sencillo, como esta pagina:

http://alfascript.webs.com/

[Alejandro]

Es bastante simple, html y css nada más. Por lo que veo se basa en un servicio ofrecido por webs.com, ellos ofrecen las herramientas para crearla.

Puedes hacer algo bastante similar basándote en Wordpress o incluso en Blogger.com que es totalmente gratuito.

[norpat]

También podés hecharle una mirada a este tutorial que está muy bien desarrollado:
http://www.comocrearunsitioweb.com/c1-c ... desde-cero

[riiveer]

Gracias! Ya lei todo el tutorial que me dejo Norpat, y ya se como maquetar lo SUPER BASICO con css. Tengo entendido que primero se maqueta con css, y luego con javascript le metes una cabecera mas decente con imagenes cambiandose solas , etc.. Estoy en lo cierto? Les pregunto por que soy totalmente en esto..

Smpaloco, lo que se hace con wordpres seria mas bien un tipo Blog? No?

Gracias a Todos!

[Alejandro]

Si, lo que dices es correcto.

Wordpress está pensado para hacer blogs principalmente, aunque modificando el template (el diseño) se puede hacer casi cualquier cosa.

[riiveer]

Estaba buscando informacion y me tope con estas paginas..
Que te generan codigas de html y css

http://coding.smashingmagazine.com/2011 ... libraries/

Los profecionales usan estos tipos de herramientas, o hacen su codigo desde 0?

Perdon por preguntar tanto :$

[Alejandro]

Hacen las dos cosas, depende del sitio, hoy en día pocas veces tiene sentido hacer algo desde cero cuando ya hay plataformas como Wordpress, etc que ya vienen armadas... entonces a partir de ahí adaptan y mejoran según las necesidades.

Todo tipo de herramienta que facilite el trabajo es válida, en ese sitio smashingmagazine hay excelente información y muchos recursos de ese tipo.

[Usuario bien anónimo]

Yo aprendí con http://vagabundia.bolsanegra.net/index. ... orialhtml/
Es muy básico pero me sirvió hace un par de años cuando no tenía nada de idea sobre "el interior" de las páginas web.

[jProgr]

Yo aprendí con http://vagabundia.bolsanegra.net/index. ... orialhtml/
Es muy básico pero me sirvió hace un par de años cuando no tenía nada de idea sobre "el interior" de las páginas web.

Ese mismo usé

[riiveer]

Muchas gracias a todos! Me he leido ya muchos tutoriales de html + css.
Solo me quedan un par de preguntas.

En todas las paginas (en exepcion de blogs creados a wordpres) utilisan css?
Aun nose nada de java, query, etc.. pero quiero saber si las paginas profecionales nesesitan algo de css o lo arman con pura programacion como esa, si no ni para que aprender las hojas de estilo css y empesar de una ves con java y todo eso..

Una pagina que me gusta mucho su diseño:
http://tibiamx.com.mx/

Uso algo de css ^ ?

Perdon por tantas preguntos y garcias a todos!

[Usuario bien anónimo]

En todas las paginas (en exepcion de blogs creados a wordpres) utilisan css?

En casi todas. Si algo no tiene CSS se ve como un simple archivo de texto.
En tu navegador podés desactivar las CSS de una página y verla sin diseño.
En Firefox tenés esa opción en el menú Ver > Estilo de páginas > Sin estilo

Si ves algo como eso seguro que no tiene CSS.

Aun nose nada de java, query, etc.. pero quiero saber si las paginas profecionales nesesitan algo de css o lo arman con pura programacion como esa, si no ni para que aprender las hojas de estilo css y empesar de una ves con java y todo eso..

Hay una diferencia entre Java y JavaScript. Supongo que estarás hablando de JavaScript.
Las hojas de estilo o CSS son para el diseño, por ejemplo: color de links, color del borde de una imagen, o alineación de textos, etc. Con el JavaScript se puede poner efectos, por ejemplo el Light Window o algún efecto deslizante.

Si te interesa hacer páginas deberías aprender los dos, porque son para cosas distintas y seguro te va a ayudar saber eso.

Una pagina que me gusta mucho su diseño:
http://tibiamx.com.mx/

Uso algo de css ^ ?

Sí, esto:
tibiamx.com.mx/templates/ja_sanidineii_light/css/colors/greenred.css
tibiamx.com.mx/plugins/content/bot_mb/css/yjmmbox.css
tibiamx.com.mx/modules/mod_shoutbox/css/mod_shoutbox.css
tibiamx.com.mx/templates/ja_sanidineii_light/css/ja.slideshow.css
tibiamx.com.mx/plugins/content/bot_mb/css/ie6fixes.css
tibiamx.com.mx/modules/mod_fly06_poll/mod_fly06_poll/mod_fly06_poll.css
tibiamx.com.mx/modules/mod_followme/style.css
tibiamx.com.mx/templates/system/css/system.css
tibiamx.com.mx/templates/system/css/general.css
tibiamx.com.mx/templates/ja_sanidineii_light/css/template.css
tibiamx.com.mx/templates/ja_sanidineii_light/css/typo.css
tibiamx.com.mx/templates/ja_sanidineii_light/ja_menus/ja_splitmenu/ja.splitmenu.css

También tiene JavaScript.

Perdon por tantas preguntos y garcias a todos!

Preguntá todo lo que quieras, no molestan tus preguntas.

Saludos.

[riiveer]

Muchas gracias a todos por sus respuestas!

Ya voy entendiendo un poco mas!
El css veo que tiene muchas mañas a la hora de maquetar, y en eso estoy, quiero aprender 100% xhtml y css. Y luego a aprender Javascript.

Ayer encontre una serie de tutoriales, sobre como maquetar un diseño en photoshop en css, y terminarlo con Javascript.
Aparte de sus muy buenos tutoriales, me resolvio esa gran pregunta..
Veo que todo tiene que tener css, y ya lo acabas con javascript para la slide de imagenes, entre otras cosas..

Si les interesa, mañana les dejo los tutoriales, porque ahora no ando en mi pc!

Saludos y muchas gracias a Usuario bien anónimo.

[Usuario bien anónimo]

Ayer encontre una serie de tutoriales, sobre como maquetar un diseño en photoshop en css, y terminarlo con Javascript

No sé cuántas cosas se podrán hacer en ese programa ni cómo, pero yo pienso que es mejor aprender y entender los códigos antes que "fabricarlos" en un programa que no es gratuito ni multiplataforma (creo que solo anda en Mac y Windows).

Tal vez esté equivocado, pero nunca usé Photoshop para nada y nunca tuve problemas para escribir CSS o HTML.

[riiveer]

Ayer encontre una serie de tutoriales, sobre como maquetar un diseño en photoshop en css, y terminarlo con Javascript

No sé cuántas cosas se podrán hacer en ese programa ni cómo, pero yo pienso que es mejor aprender y entender los códigos antes que "fabricarlos" en un programa que no es gratuito ni multiplataforma (creo que solo anda en Mac y Windows).

Tal vez esté equivocado, pero nunca usé Photoshop para nada y nunca tuve problemas para escribir CSS o HTML.

Creo que me exprese un poco mal, en el video solo te muestran el diseño que aran en su editor de texto html.. Te lo enseñan nadamas para que veas como quedara y como iran acomodando las cosas. Obiamente en photoshop nose puede escribir css.

Saludos!