Bueno, hacer una pagina web, no es demasiado dificil, si solo trabajamos con HTML (ó XHTML si trabajamos con CSS= Cascading Style Sheets o en español Hojas de Estilo en Cascada)
Pero para empezar, con HTML está bien.
Lo bueno de esto es que no hace falta tener un superprograma para poder hacer una página, para los que saben y les gusta muuucho el codigo HTML, se animan a hacerlas en el bloc de notas. Si!, el bloc de notas de windows.
Eso si, hay que saber mucho código, pero para hacerlo mas facil, gracias a ADOBE, tenemos nuestra buena herramienta de trabajo.
Dreamweaber (en sus varias verisones la ultima CS5)
Aqui les dejo la version de prueba:
https://www.adobe.com/cfusion/tdrc/index.cfm?product=dreamweaver&loc=es_es
Algunas de sus versiones :
Ya sea que utilicen bloc de notas, o Dreamweaver, (ó cualquier otro programa) lo basico para hacer una pagina es usar correctamente las etiquetas (tags), las que abren y las que cierran.
Por ejemplo:
<html> ----> esta etiqueta abre.
</html> ----> y esta cierra.
<!-- esto es un comentario -->
Les va a servir para hacer notaciones, ahora en el ejemplo que voy a poner lo van a ver mucho, cuando quieran visualizar la pagina, estos comentarios no aparecen, asi que pueden poner la cantidad que sea necesaria.
Si ponés estos renglones en el bloc de notas y guardas el archivo con extension .html en vez de .txt que es como te lo guardará por defecto, vas a poder ver lo que armaste. (algo muy sencillo obviamente, no esperes gran cosa, solo es para que veas como funciona).
Ejemplo:
-----------------------------------------------------------------------------------------------------------------------------------
<html>
<head> <!-- este es el encabezado -->
<title>mi primer pagina</title> <!-- esto es el titulo -->
</head>
<body> <!-- este es el cuerpo, por eso la etiqueta se llama body -->
En body es donde vas a trabajar
</br></br>
<img src="http://www.uploadimage.com.ar/images/32670573593124967470.jpg" /> <!-- esto les vas a servir para poner imagenes puede ser gif, png --> Hola, soy una imagen
</br></br> <!-- esto es como un enter, un salto de linea, yo pongo dos para que pueda ver la separacion -->
<a href="http://www.google.com">Google</a> <!-- esto es para hacer links --> Hola soy un link
</br></br>
<iframe title="YouTube video player" width="480" height="390" src="http://www.youtube.com/embed/_hYTcFA-I50" frameborder="0" allowfullscreen></iframe> <!-- asi ponemos un video de youtube --> Hola soy un video
</body>
</html> <!-- aca termina el codigo -->
-----------------------------------------------------------------------------------------------------------------------------------
Deberia quedarles algo asi:
Si copian este codigo tal cual, lo van a poder proban en el bloc de notas, en Dreanweaver o en otro programa para hacer paginas web.
Esto es lo basico (super basico), hay mucho mas por saber.
Al princio se trabajaba con tablas para poder maquetar la pagina, hoy por hoy se utiliza el codigo CSS, con el que se puede trabajar mucho mejor, es 100% manejable, solo requiere practica.
Aca les dejo un buen manual, del cual aprendí mucho sobre CSS:
http://www.librosweb.es/css/index.html
Lo pueden descargar o leer desde la web.
Les recomiendo que le peguen una buena leida, es muy bueno, muy claro, y sirve muchisimo.
Tambien hay que contrarar un hosting, registrar el dominio, pero eso es otra cosa, lo ideal seria que puedan practicar antes de subir algo, una vez que ya dominen bien XHTML y Dreanweaver, piensen recien ahi en contratar el hosting y en registrarse.
Un ultimo comentario, en Dreanweaver les va a aparecer algo como esto:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
</head>
<body>
</body>
</html>
No se asusten, está bien asi, no olviden que Dreanweaver es un programa profesional, y ya viene preparado con todos los estandares para trabajar bien. Y esto es necesario a la hora de subir la pagina, es un codigo que ya viene por defecto. No lo borren, solo dejenlo asi como está y listo.
Bueno esto es todo por ahora.
Es facil de aprender si leemos y practicamos, cualquier duda avisen.