Empezar diseño/programacion web

olivetti9 · #1 (**permalink**) 27/01/2011, 06:03

No sé si es el sitio adecuado, pero lo pongo aquí, he buscado por google incluso en foros, pero cada uno dice una cosa. Lo que si he visto es que todos coinciden en algo

Dreamweaver, aunque no es un lenguaje según el tío que lo dijo viene bien pues para ir pillando más creatividad o algo así.

HTML y/o XHTML que aquí no sabría cual elegir... estoy un poco perdido en verdad. Me baje un manual de la página de "desarrolloweb" aunque tiene sus añitos, pero no sé.

Lo que si están deacuerdo todos que después es avanzar con CSS

Luego, cuando se que he aprendido un lenguaje "perfectamente" es decir cuando sabré que tengo que dar el paso de aprendes CSS.

Eso estado y gracias!

Kanashin · #2 (**permalink**) 27/01/2011, 06:40

El programa que utilice para programar es, en realidad, lo menos importante; aunque sí que marcará un estilo de programar.

Por ejemplo, Dreamweaver es un programa que le facilita muchas opciones, pero también le acomoda a utilizar el interfaz gráfico. En cambio, programas como Bluefish o Notepad++ (poco recomendado si acaba de empezar) le ayudan a memorizar los códigos y a realizar una programación más estructurada; además, estos dos últimos son completamente gratuitos mientras que el Dreamweaver vale sus euros.

A mí opinión, da igual si utiliza HTML o XHTML si acaba de empezar, ya que se diferencian en pocas cosas, eso sí, XHTML es más nuevo y quizás lo adapte mejor para un futuro; además, intente utilizar siempre que sea posible un DOCTYPE estricto, ya que limita las posibilidades de error.

Efectivamente, CSS supone un cambio radical en la programación web, llegando hasta el punto de que (X)HTML sirve para definir los contenidos y CSS para darle estilo y decorado.

Hay unos videotutoriales de video2brain que son muy recomendables para los que empiezan ahora con HTML; le ayudan a seguir una línea correcta en cuanto a aprendizaje.

Artificium · #3 (**permalink**) 27/01/2011, 09:23

Cita:

Luego, cuando se que he aprendido un lenguaje "perfectamente" es decir cuando sabré que tengo que dar el paso de aprendes CSS.

Esta pregunta se quedó sin responder. La verdad esa pregunta es ingenua. Quién puede aprender algo perfectamente? la respuesta la sabes. Nunca, toda la vida tendrás que aprender, porque siempre hay cosas nuevas. La pregunta debería ser: cuando sabrás que ya haz aprendido suficientemente?. La respuesta es: lo sabrás cuando puedas con los requerimientos de los clientes sin recuririr a los foros. Suerte!

masclet · #4 (**permalink**) 27/01/2011, 10:09

Importante que aprendieras si te quieres dedicar al desarrollo web, algún lenguaje de programación web.
ASP ó PHP. De esta forma podrás dar muchísima más funcionalidad a tus sitios.

Debes diferenciar entre webs estáticas, para las que solo hace falta saber HTML Y CSS, y webs dinámicas, que son las que utilizan base de datos y lenguajes como php y asp.

saludos

Orantx · #5 (**permalink**) 28/01/2011, 03:38

Primero piensa para que lo quieres... si quieres cosas simples y normalitas pues con un programa como dreamweaver te vale... Si quieres hacer cosas más complejas y mejor programas tienes que hacerlo a mano..

Mi consejo utiliza dreamweaver pero con ambas vistas y vas viendo cual es el codigo html que se te escribe por cada cosas que añades... Intenta entenderlo y buscar algun tutorial en la web.

Una vez entiendas como funciona html y seas capaz de crear sin dreamweaver cosas bastante complejas tendrias que ponerte con css (css es muy complejo te aconsejo que solo mires lo vasico de momento)

También puedes mirar javascript para hacer pocholadas o ajax (forma vas a google pones calendario en javasript y copias algun codigo lo pegas y lo examinas así con varios ejemplos y lo iras pilllando)

Más adelante puedes probar programación dinamica con php, asp, java u otros pero esto es más complicado y necesitas conocer estos lenguajes...

Suerte

Payaso73 · #6 (**permalink**) 28/01/2011, 12:18

Hola, tenia las mismas preguntas que olivetti9 así que comento en este post para no crear otro, espero no ser desubicado.

Yo también tenia mis dudas sobre que aprender primero para avanzar en el diseño web, las conclusiones que saque de este post es que necesito HTML y después ampliarme con CSS y PHP y con esto ya tendría herramientas suficientes como para crear una buena web...

Algunas dudas que me quedan... ¿en HTML puedo ingresar animaciones flash, videos, etc., sin problemas?
Otra cosa... esta pagina: www. reactivo. com. ar , ¿esta creada en HTML y tiene componentes de flash (por el menú y las animaciones del rincón izquierdo superior)?

Gracias, saludos.

Kanashin · #7 (**permalink**) 28/01/2011, 12:22

Yo no estoy de acuerdo con la afirmación "aprender primero HTML y después CSS", es cierto que CSS sin HTML no es nada, pero van extremadamente ligados de la mano.

Lo básico de HTML se puede aprender en una semana, a partir de ahí se puede ir creciendo juntamente HTML + CSS, ya que a veces se querrán hacer cosas en HTML que podría costar mucho, mientras que en CSS es un momento.

Además, crecer juntamente con HTML + CSS prepara para una programación más estructurada y simple.

Payaso73 · #8 (**permalink**) 28/01/2011, 12:26

Claro, entiendo... y que me decís de las animaciones en las paginas? se puede crear una web completamente animada pero con estructura html? creo entender que para eso es mejor diseñar la web enteramente con Flash, pero es posible? queda bien?

Animaciones decorativas, de menues, etc... como el ejemplo de la pagina que puse arriba...

Kurozaki · #9 (**permalink**) 28/01/2011, 12:26

Aprende usando un block de notas. Asi aprendi yo.
Ya despues, buscas y usas un buen IDE.

Notepad++ es muy bueno en mi opinion, y es el que uso.
*No recomiendo usar dreamweaver, la unica razón es, para no hacernos flojos y webones.

Kanashin · #10 (**permalink**) 28/01/2011, 12:29

Cita:

Iniciado por Payaso73

Claro, entiendo... y que me decís de las animaciones en las paginas? se puede crear una web completamente animada pero con estructura html? creo entender que para eso es mejor diseñar la web enteramente con Flash, pero es posible? queda bien?

Animaciones decorativas, de menues, etc... como el ejemplo de la pagina que puse arriba...

Sí, se puede diseñar una web completamente en flash; pero es algo arriesgado, ya que:

Puede ser muy pesada
Adaptarla exactamente a lo que busca puede ser complicado
Está pasado de moda, HTML5 va a desbancar flash

Kurozaki · #11 (**permalink**) 28/01/2011, 12:32

Bueno ya no pude editar mi mensaje de arriba, asi que respondo de nuevo:

_______________________

HTML lo aprendes por muchisisisismo tiempo en 1 mes, yo creo que con 15 dias es buen tiempo.

Para no cofundirte, puedes empezar por aqui.

http://www.youtube.com/watch?v=y8zxY-JIcHw (busca, aprende html 01, despues 02, despues 03, etc...)
despues puedes pasar con el html 3.2
http://creatuweb.espaciolatino.com/tutorhtml/index.htm

y ya con tus pequeños y feos conocimientos (no te deprimas) Pasa a este manual:
http://www.librosweb.es/xhtml/index.html

y ya seras un buen estructurador web usando Xhtml :)

olivetti9 · #12 (**permalink**) 28/01/2011, 18:49

Kanashin

Y hasta que punto se debe empezar a meter CSS? ¿Que hay del XHTML? Es que algunos dicen que aprenda directamente XHTML...

Yo estoy siguiendo este manual, echale un vistazo rapido, a ver si con eso es suficiente para luego ir metiendo CSS

http://www.desarrolloweb.com/manuales/21/

Gracias

Kanashin · #13 (**permalink**) 28/01/2011, 18:59

No es un mal manual, sin embargo parece un poco antiguo.

XHTML es una semi-fusión de HTML y XML, pero para diseñar una web sencilla, si usted acaba de empezar, XHTML le va a servir exactamente para lo mismo que HTML.

¿Cuándo usar CSS?

En el momento en que usted sepa estructurar bien el cuerpo del mensaje, a saber utilizar las listas, los encabezados, los párrafos y colocar imágenes ya debería meterse de cabeza en CSS. Como ve, en menos de una semana puede adquirir los conocimientos básicos de HTML para empezar con CSS.

Empezar cuanto antes en CSS es bueno porque desde un principio sabrá diferenciar el diseño de la estructura, por ejemplo, para insertar una imagen, si ya está acostumbrado a usar HTML hará algo del estilo:

Código HTML:

Ver original<img alt="Mi imagen primera" id="mi_imagen" src="imagen_1.jpg"

Es decir, en un primer momento sabrá que una imagen siempre requerirá id o class ya que deberá asignarle width y height en la hoja de estilos CSS; en cambio, si no conoce CSS, cometerá el semi-error de poner width y height como atributos HTML.

olivetti9 · #14 (**permalink**) 28/01/2011, 21:48

Sí es bastante antiguo, pero creo que para lo básico está bien. Si sabeis de más manuales/tutoriales QUE VOSOTROS considerais como una biblia, y de obligada lectura decirmelo.

Se que XHTML se que es muy parecido a HTML, la pregunta reside si es mejor empezar con XHTML que con HTML, o si da igual

De momento seguire con HTML de todos modos.

jomaruro · #15 (**permalink**) 29/01/2011, 04:36

Hola:

Yo te recomendaría estos:

1º Introducción a XHTML.
2º Introducción a CSS.
3º CSS avanzado.

Saludos.

igualacero · #16 (**permalink**) 31/01/2011, 15:43

Hola olivetti9 como veo que le tienes inquietudes sobre que es html y xhtml aquí se trató el tema http://www.forosdelweb.com/f4/cual-d...-xhtml-536557/ a fondo. Pero resumiendo xhtml es como una evolución en la interpretación del lenguaje pero no es muy fuerte.
Los tutoriales que te ha puesto el compañero jomaruro y en el mismo orden a mi me parece lo más adecuado. Empatizo mucho contigo porque he estado en la misma situación pero una vez aclarado por donde empezar te invito a que te metas de lleno con el primer tutorial y verás como se van despejando esas grandes dudas que tienes ahora y por supuesto cualquier duda tienes este foro para preguntar.
Un saludo

olivetti9 · #17 (**permalink**) 06/02/2011, 04:27

Muchas gracias a todos.

Llevo unos días dándole algo de caña a esto, me gusta bastante. En definitiva según he entendido, que el XHTML es para "obligar" o "estenderizar" una sola forma de diseñar web.

Por cierto que editor de texto molón me recomendáis? he visto un par, todos recomiendan el ultraedit, pero por vídeos y demás veo más cómodo el homesite, quizás porque el primero no sé como configurarlo y dejarlo bien.

Un saludo!

igualacero · #18 (**permalink**) 06/02/2011, 09:51

Yo te recomendaría el dreamweaver para diseñar y programar en html. Yo lo uso pero solo como editor de texto no las herramientas.

Kanashin · #19 (**permalink**) 06/02/2011, 11:40

Cita:

Iniciado por igualacero

Yo te recomendaría el dreamweaver para diseñar y programar en html. Yo lo uso pero solo como editor de texto no las herramientas.

El problema es que es bastante caro, y si acaba de empezar, no creo que quiera invertir tanto dinero.

Yo uso Bluefish en Windows y no está nada mal.

Kurozaki · #20 (**permalink**) 06/02/2011, 11:55

Ya te mencione por ahi, que Notepad++ es muy bueno, facil y sencillo.
Ademas, configurando el lenguaje (html, css, php, etc...) te enmarca de colores el codigo, y asi es mas facil manipularlo y trabajar con ello.

Saludos

olivetti9 · #21 (**permalink**) 12/02/2011, 12:46

Buenas

Bien, no tengo mucho tiempo libre, pero a estas alturas tengo conocimiento de:

formetear texto
formato de parrafo
Hacer listas
Insertar enlaces e imagenes

también he practicado un poco con "mapas de imágenes"

Lo que me queda de este tutorial de HTML es

Tablas
Formularios
Frames
Insertar Sonidos

Pero en el propio manual dicen por ejemplo que las tablas hoy en día se hacen con css, asi que quizás sea tontería que aprenda hacer tablas con HTML.

Deberia seguir aprendiendo esos puntos, pasarme a CSS ya? De todos modos me gustaría seguir practicando, lo que he aprendido para que se me quede grabado a fuego lo que he aprendido.

Gracias

sanxuan · #22 (**permalink**) 12/02/2011, 13:44

Sobre las tablas, lo recomendable no es el dejar de usarlas, sino usarlas sólo para lo que fueron concebidas.
Antes de que CSS fuese conocido, muchos utilizaban las tablas para maquetar las páginas, posicionar imágenes, definir anchos de columna, etc...
La idea es utilizar las tablas sólo donde sean necesarias. En un horario de ferrocarril, en los resultados de una competición deportiva, ...
Hace tiempo que la maquetación se considera un trabajo del CSS y no del HTML.

olivetti9 · #23 (**permalink**) 12/02/2011, 13:47

Uhm, entiendo, entonces seguiré, aunque hasta que me habéis respondido ya estaba echandole un ojo! jeje.

Sobre el resto de apartados?, es que un usuario, me dijo que una vez aprendido lo que yo he aprendido me pasara a CSS ya. Pero queria saber si es útil saber esos apartados que me faltan de ese manual de HTML.

memoadian · #24 (**permalink**) 12/02/2011, 14:00

lo unico que requieres saber de html es doctype, head, title, body, form y div, con eso se arma una web, para darle apariencia usa css, pero hazlo ya, empieza a tocar aqui y allá experimenta y aprende, preguntando y preguntando nunca sabrás nada, es como querer querer ser un profesional en natación, preguntando que estilos hay y como mover los brazos.

cuando requieras hacer algo como, poner un menu, busca esa parte y poco apoco entenderás de que se trata esto.

Cita:

Iniciado por Kanashin

El problema es que es bastante caro, y si acaba de empezar, no creo que quiera invertir tanto dinero.

Yo uso Bluefish en Windows y no está nada mal.

jojo, no quiero sonar piratero, pero lo soy asi que ni modo, conseguir dreamweaver no cuesta un centavo si sabes donde buscar. :)

olivetti9 · #25 (**permalink**) 12/02/2011, 14:25

Ya bueno simplemente estoy un poco perdido, de lo que esta en deshuso y lo que no. Si te fijas desde el ultimo día ha pasado una semana.

Bueno pues vuelta al "curro" y gracias

igualacero · #26 (**permalink**) 13/02/2011, 10:41

EL tutorial que te han puesto antes jomaruro sobre css está actualizado