¿Con qué programa pude hacer una web como la de Show Studio?

Si puedes.

Si tienes pensado aprender dreamweaver, eso pasa directamente por aprender Html/css, si crees que puedes saltartelo te sonara todo a chino seguramente.

Si piensas hacerlo de forma autodidacta te recomiendo echar un vistazo aquí: https://p2pu.org/es/schools/school-of-webcraft/sets/webmaking-101-es/

Un saludo y que vaya bien ;).

PD: A medida que vayas aprendiendo seguramente te encuentres con trabas, con por ejemplo, el típico "¿como se hace esto?" Quizás si preguntas por aquí entonces se te pueda echar un cable, de todos modos, esta web esta bastante bien: http://www.w3schools.com/

Profesional y dreamweaver no pueden ir en la misma frase. Esa web tiene HTML, CSS y JavaScript que se pueda ver, luego esta construida encima de algun CMS.

Profesional y dreamweaver no pueden ir en la misma frase

¿Que me dices Ruas? Soy profesional y utilizo mucho el Dreamweaver. ¿Que esperas? que escribo el codigo con bolígrafo en la pantalla?

Y Mariana, mejor aprendes primero html/css. Sin saber programar no llegas a ningun sitio, ni con Dreamweaver ni con otro editor.

Un saludo,

¿Que me dices Ruas? Soy profesional y utilizo mucho el Dreamweaver. ¿Que esperas? que escribo el codigo con bolígrafo en la pantalla?

Y Mariana, mejor aprendes primero html/css. Sin saber programar no llegas a ningun sitio, ni con Dreamweaver ni con otro editor.

Un saludo,

+1

Donde esté el handcode que se quite lo demás.

+1

La próxima web la escribo en maquina de escribir, que bonito va a quedar el código en currier.

Mariana, lo mismo digo que Michael, lo mejor es que aprendas primero html css y jquery, te va a llevar un tiempo pero entonces te dará lo mismo dreamweaver que notepad.

Pues yo estoy de acuerdo con que profesional y Dreamweaver no son compatibles si no sabes prescindir de las herramientas de DW. Ahora bien quien escribe código lo hace dónde sea y hay mejores programas que DW para ello, pero para gustos...

Mariana, para crear un sitio similar al que refieres, necesitarás conocer código no programas. Los compañeros ya lo han dicho todo ;)

De acuerdo al 100%. Qué coño, al 200%.

Totalmente de acuerdo, ahora la pregunta, ¿que herramientas usas y sus ventajas?

De editor de código, últimamente uso Sublime Text 2 (y anteriormente otros similares, Aptana, PSpad...). Cosas que me gustan por ejemplo: el autocompletar (con escribir dos o tres caràcteres completo etiquetas, asi voy más rápido escribiendo), por la sensillez a nivel de interfície, por el tema de organizar los "snippets", es un programa mas ligero que DW, y otras pequeñas funciones que busco que tengan... a mí me gusta mas, pero vamos tampoco tiene cosas que no tengan otros. El problema de DW (Muse y otros que deben existir) es caer en la tentación de crear sites trabajando sólo desde la interfícia gráfica del programa y quedarse sólo con ello si de verdad vas en serio. Ahora utilizo Sublime, pero tampoco pasa nada si abro DW para usarlo exclusivamente cómo editor de texto, eso sí, por la función que le doy, prefiero otros exclusivamente orientados a escribir código directamente.
Y bueno cómo guía visual, directamente validarlo desde dispositivos de salida, navegadores y tal. Nada de simuladores, ya que por experiencia no los considero fiables.

BuenAS:

Otro punto a tener en cuenta es el navegador donde depuras (el editor, con que te haga sugerencia de código, te inserte snippets y te señale los errores va sobrado y todos lo hacen en mayor o menor medida). Yo prefiero Chrome porque básicamente puedes estar haciendo perrería con el código y no lo bloqueas, pero una cosa que me encanta de Firebug (Firefox) es la vista 3D del layout de la página (Ctrl + Shift + i y después Alt + M, o Alt + D). Me ayuda muchísimo para ver el grado de anidamiento de los elementos (muchas veces anidamos capas, en capas, en capas sin necesidad), si cada uno está al nivel que 'debe' estar, etc.

Un saludo.

Höher,

dices que DW y profesional no van juntos pero usas otros programas parecidos, por que te gusta el autocompletar y las otras funciones parecidas al DW. Si opinas de verdad lo de DW y profesional is incompatible, creo que de repente el numero de profesionales en nuestro campo ha disminuido un 50%.
Pues te lo digo otra X: yo soy profesional y uso DW . Y solo codigo, no visual, porque visual tiene un monton de fallos (en el sentido que se puede escribir el codige mejor y mas limpio a mano). Y yo si creo que es bien para determinados proyectos hacer pruebas en el local host.

Saludos,

A ver, creo que el tema ya no va en función de que si usas DW no eres profesional. Creo que el tema es: si no haces tu código a mano, no eres profesional. si dependes de que el programa sea el que te cree el marcado y no eres capaz de hacerlo con el bloc de notas, debes plantearte si tu forma de trabajo es la correcta.

Yo trabajo con SublimeText, pero también lo he hecho con Aptana, Netbeans.... cualquiera de ellos ha cubierto con creces mis necesidades. Lo que más valoro en un editor ya no es el autocompletado (que también), sino que es el tema de indentación de lineas. Poder ver tu código alineado correctamente da un gustito enorme.

Si no haces tu código a mano acabarás con un html con etiquetas y etiquetas que no valen para nada. aparte de que semántica y código limpio serán 0.

mrsoriano

Creo que el tema es: si no haces tu código a mano, no eres profesional. si dependes de que el programa sea el que te cree el marcado y no eres capaz de hacerlo con el bloc de notas, debes plantearte si tu forma de trabajo es la correcta.
Si no haces tu código a mano acabarás con un html con etiquetas y etiquetas que no valen para nada. aparte de que semántica y código limpio serán 0.
Lo que más valoro en un editor es el tema de indentación de lineas.

Con eso estoy 100% de acuerdo. Y por eso uso DW. ;)

Creo que MrSoriano te lo ha contestado bastante bien ;)

El tema es que Mariana ha planteado la pregunta cómo una usuaria con poca experiencia en código y que depende de la interfície de DW para maquetar. Y realmente algo cómo el ejemplo es bastante complicado que lo haga de esta manera tan automatizada.

Pues a mi me parece ridiculo todo esto porque para dreamweaver has de pasar primero por código. Si lo que te pasa es que de estar acostumbrado a usar dreamweaver y ver el resultado al lado te has óxidado. Pues te pones un rato con el bloc de notas, notepad o lo que se use a repasar.

Lo mejor es tener una libreta para hacerse apuntes y con cada cosa nueva que sale ir apuntandosela.

Mariana, una web básica se estructura así

<html>
<head>
-aquí viene información para navegadores, buscadores y más cosas que pongas de información sobre la web, en principio "no visible". Todo ello dentro de etiquetas, más abajo te éxplicare en que consisten las etiquetas.
</head>
<body>
-Parte visible, Igual que arriba, esto también funciona por etiquetas.
</body>
</html>

Las etiquetas son los nombres que ves entre los caracteres "<etiqueta>" y "</etiqueta>.

Como ves, siempre que se abre una <etiqueta> se cierra poniendo </etiqueta>.
Esto sería un primer resumen rápido, te toca conocer los distintos tipos de etiquetas.

Que vaya bien!

Vmv ni tanto, ni tan poco...

Y no, para usar DW no hace falta tocar ni una sola línea de código si no sabes.

Es una introducción Höher, si puedes hacerlo mejor te ánimo a hacerlo.

Luego, aunque no lo escribas y utilices los atajos, como sabes lo que estas haciendo si no sabes html?

Para html está claro que cualquier editor de texto que funcione el tabulador vale, pero para css, ¿que usáis?

Lo que pasa es que aún no se inventó un editor que sea en web lo que es After Effects en video.

Vmv no voy a dar lecciones a nadie sin saber que nivel de conocimientos tiene. Puede llegar a ser ofensivo.

Rolan, yo utilizo el mismo para html y css. También tabulo en CSS para organizarme el código.

supongo que con texto también, escribiendo la extensión

Uhm, cierto, me apunto un "ya me vale" -.-

Yo actualmente para escribir HTML, CSS y demás uso "PHPDesigner", tiene una interfaz simple y funciona para lo que necesito (que me marque con colores los distintos lenguajes y sea más práctico que un bloc).

Con respecto a lo que leí por ahí de es necesario saber hacer las cosas en bloc de notas estoy totalmente de acuerdo, si haces páginas en bloc de notas quiere decir que tenés nociones del lenguaje y sabés, menciono esto porque estoy HARTO de "paginitas" de haga su web en 3 pasos, pague 3 pesos y obtenga su web semi-gratis (ironía), o de personas que se dedican a hacer sitios sin tener una idea de cuales son las etiquetas básicas de HTML, esto solo redunda en denigrar la profesión del diseñador en exceso, más allá de la básica que "hay que hacer" cuando se comienza con algo propio. Le pedirías a alguien que no es abogado pero que leyó medio libro de leyes te defienda?a tu vecino que nunca agarró una pala que te haga un muro solo porque el tío tiene una tienda de materiales?, creo que se entiende la metáfora... saludos.