Una vez contratado el hosting y el dominio y con nuestra página muy bien pensada es hora de ponerse manos a la obra.

En cualquier caso un consejo antes de nada: Ojo en cualquier caso a la accesibilidad y usabilidad de vuestra web, tened en cuenta vuestro público objetivo, no es lo mismo crear una web para niños, que una web para empresarios, no solo en estética, es conveniente hacer una versión, si veis que tenéis un contenido que le pueda interesar a ciegos, que usan navegadores de texto; o que se sepa adaptar a problemas visuales tales como el daltonismo, que se pueda ampliar el tamaño de la letra... darle un repaso a las pautas del w3c y usad sus validadores. Pensad tanto en la confianza que pueda dar vuestra web como en la Experiencia de Uso.

Aquí hay un listado de enlaces muy interesantes relacionados con  accesibilidad y usabilidad

Existen varios métodos para este punto:

- A mano: Aprender HTML, que no es difícil, te dará la libertad no solo de crearla a tu gusto si no de poder modificar cualquier cosilla sin depender de nadie. Cabe añadir CSS, que es el lenguaje de maquetación estándar. Si en HTML podemos decir que la página tiene 4 secciones: el encabezado, menú principal, contenido en cuestión, y pie de pagina, con CSS le decimos que el cabecero esta arriba tiene 900px de ancho y una imagen de fondo, el menú está a la derecha y las letras son verdes y demás...

Hay manuales a mansalva por Internet de html y CSS, hay códigos hechos que nos pueden ayudar, herramientas que nos lo pueden poner más fácil como el firebug de mozilla, editores específicos que nos ayudaran con el código como por ejemplo el dreamweaver... y comunidades de webmasters dispuestos a ayudarnos en cualquier caso.

También es conveniente saber algo de edición de imágenes, para crear tus elementos gráficos más personales como el header etc, aunque para botones y demás Internet esta plegado de páginas que ofrecen gráficos gratuitos para usar en tu web.

Aquí van unos enlacillos por ejemplo: tutorial

HTML:

http://www.uv.es/jac/guia/  tutorial

http://www.webestilo.com/html/  tutorial

CSS:

http://www.w3c.es/Divulgacion/GuiasReferencia/CSS21/  tutorial

http://www.w3.org/Style/Examples/011/firstcss.es.html

http://www.librosweb.es/css/

(Un buen comienzo con CSS es formatear los estilos de entrada para evitar líos con los navegadores, hay varios códigos de formateo para CSS, uno es este:

http://www.kabytes.com/diseno/el-mejor-css-para-formatear-los-estilos-por-defecto/ plantas el código al principio de tu CSS y añades tus estilos debajo.)

Dreamweaver

http://www.programatium.com/dreamweaver.htm

http://www.todo-dreamweaver.com/

Photoshop

http://www.webtaller.com/manual-photoshop/indice_manual_photoshop.php

http://www.desarrolloweb.com/manuales/manual-photoshop.html

http://psd.tutsplus.com/ EN

Flash

http://flash.tutsplus.com/ EN

JQuery

http://blog.themeforest.net/tutorials/jquery-for-absolute-beginners-video-series/ EN

Desarrollo de webs, tutoriales y recursos

http://net.tutsplus.com/ EN

http://www.webappers.com/ EN

http://www.smashingmagazine.com/ EN

http://www.webmasterlibre.com/

http://sentidoweb.com/

http://www.hotscripts.com/ EN

http://www.crestock.com/blog/design/the-50-most-popular-web-design-blog-posts-resources-cheat-sheets-of-2007-114.aspx Una recopilación bastante extensa de recursos de todo lo necesario

Recursos gráficos

http://dezignus.com/ EN

http://commons.wikimedia.org/wiki/Crystal_Clear EN

http://sixrevisions.com/resources/40-beautiful-free-icon-sets/ EN

http://www.criteriondg.info/wordpress/tag/iconos/

http://www.dafont.com/ fuentes EN

Herramientas

https://addons.mozilla.org/es-ES/firefox/addon/1843 complemento para firefox utilísimo para chequear tu web al detalle

https://addons.mozilla.org/es-ES/firefox/addon/60 Otro complemento muy útil, con muchas opciones

http://www.microsoft.com/downloads/details.aspx?familyid=e59c3964-672d-4511-bb3e-2d5e1db91038&displaylang=en para iexplorer, no tan potente como firebug, pero ayuda con explorer.