#12 sin programas vas donde sea. Te sobra con el Bloc de Notas 
HTML y CSS no es más que texto. Debes pensar en HTML como en "tu contenido" y CSS como "la forma en que se ve ese contenido":
<!DOCTYPE html>
<html>
<head>
<title>Mi primera web</title>
</head>
<body>
<p>¡Hola! Estás viendo mi primera web.</p>
</body>
</html>
Eso lo guardas como .html, lo abres en el navegor y... voilá!
Aquí puedes ver el resultado.
Ahora añadamos un poco de CSS:
<!DOCTYPE html>
<html>
<head>
<title>Mi primera web</title>
<style>
body {
background-color: #b0c4de;
}
</style>
</head>
<body>
<p>¡Hola! Estás viendo mi primera web.</p>
</body>
</html>
Y ya tienes la misma web y el fondo de un bonito color azul.
Aquí puedes ver el resultado con CSS.
Y así es básicamente como funciona el desarrollo web. Esto lo subes a un hosting y ya funciona sin hacer nada más.
Por supuesto, en lugar del Bloc de Notas a secas es mejor que uses programas como Notepad++ o SublimeText porque te ayudan en la edición de ese texto (tienen más funcionalidad que el Bloc de Notas, mejores búsquedas, y está preparado para hacer HTML/CSS) pero te recomendaría que te alejaras de mierdas como Dreamweaver y demás.
¿Por qué? En el fondo sólo generan este texto que te he puesto, pero tú como usuario lo creas en lugar de escribiendo a modo de click-arrastrar-soltar-escribir. Dirás, "¡coño, pero si es más cómodo!" PERO generan muchísima mierda que hará que tus webs pesen más, sean menos eficientes y sobre todo... NO VAS A ENTENDER QUÉ COÑO ESTÁ PASANDO así que te bloquearás al mínimo problema que Dreamweaver no te solucione.
De aquí a hacer páginas web dinámicas hay un paso. Hay dos opciones:
- PHP, ASP y otros lenguajes del lado del servidor: estos lo que hacen es que el contenido de tus .html sea dinámico antes de que el servidor te lo mande, es decir, que se calcule por ejemplo consultando datos en una base de datos. Una vez se carga el contenido del PHP, este ya es estático (no cambia en el cliente.)
- JavaScript: este es el que da el dinamismo en el lado del cliente. Por ejemplo, en MV cuando pones el ratón encima de un quote ( #1 ) y la página web cambia de aspecto de forma dinámica.
No creas que son excluyentes: puedes hacer páginas web que sean dinámicas tanto en el cliente como en el servidor. De hecho así funciona Mediavida: cuando tú cargas un hilo de un foro, el servidor de manda el .html generado a partir de la base de datos del foro. Luego todo lo que cambia dinámicamente (quotes, cuando le das a responder y se abre abajo el panel de respuesta, el spy que se actualiza automáticamente, etc.) es del lado de JavaScript.
Y con esto finaliza la introducción al desarrollo web. Todo esto podíais haberlo buscado en Google fácilmente, créeme xD Pero bueno, aquí lo tienes sintetizado. Ahora te toca ir poco a poco. Aprende primero HTML, luego CSS y luego... ya te lo planteas 
.
