1. Inicio
  2. CSS
  3. Diseño Web
  4. HTML
  5. JavaScript
  6. Miscelanea
  7. Recursos
  8. SEO
  9. Usabilidad

¿Donde escribir HTML o CSS? Editores de texto

Ya sabes que es el HTML, ahora sólo falta conocer donde escribirlo, hay 2 opciones.

Sí, 2 opciones, pero yo recomiendo una en particular.

La primera (y esta es la que NO recomiendo) es usar un programa como Dreamweaver de Adobe, la segunda es utilizar un editor de texto. Yo recomiendo la segunda opción, tanto para escribir HTML como CSS, porque un editor de texto da mucho más control sobre el código, además usar un programa como Dreamweaver no te dejará aprender la forma correcta de escribir HTML.

Todos los archivos HTML son sólo texto, así que necesitas una aplicación que te permita escribir texto plano (sin agregar un monton de formatos).

A continuación veremos cuales son los editores básicos que debes usar, ya sea que estés en Windows, Mac o Linux.

Creando archivos HTML

Creando un archivo HTML(Mac)

Si estas usando Mac puedes usar TextEdit - si estas usando Windows o Linux no es necesario que leas esta sección, avanza hasta que encuentres la sección de tu sistema operativo. Sólo recuerda que TextEdit está por defecto en Rich Text así que tienes que configurarlo para que guarde tu trabajo como archivos de texto plano.

Entra a las preferencias de TextEdit y sigue estos pasos :
Configuración de TextEdit de Mac para crear archivos HTML: Escoge el formato de texto normal, Marca la opción de ignorar comentarios RTF en archivos HTML, asegurate de que la opción de añadir la extensión .txt NO esté seleccionada

Creando un archivo HTML (Windows)

En windows usaremos notepad, pero antes tienes que editar las preferencias de archivo así
Quita la selección de ocultar extensiones para tipos conocidos de archivos.

Creando un archivo HTML (Linux)

En linux tienes muchas opciones pero por el momento lo dejaremos simple, si usas Gnome abre Gedit, y si usas KDE abre Kate.

Ahora que ya sabes donde escribir tu código HTML es hora de empezar a crear páginas web.

Etiquetas:

Comentarios

deja un comentario

  1. Avatar de c c

    Kate Rulz!

  2. Avatar de pedro pedro

    Hola, tu pagina esta media complicada, despues de decirme donde escribir html que mas ahgo para saber cmo se escribe con css en vez de tablas

  3. Avatar de Germán Germán

    Hola Pedro,

    Lo primero que hay que saber es que las tablas no fueron creadas con la intención de darle layout a las páginas, para eso está el CSS.

    Lo que necesitas es escribir tu HTML y luego usar CSS para darle estilos a los elementos.

    El CSS no es un tema difícil, pero sí bastante amplio, así que no puedo explicarlo todo en un sólo post (prometo escribir algo al respecto hoy.)

    Gracias por el comentario.

  4. Avatar de jean jean

    ola muy interesante el contenido de esta pagina pero en este pos dice que mejor usar un editor basico ke un programa para el diseño web, pero con un editor basico cuanto tiempo te demorarias para terminar un sitio... un monton.Entons para ke se han hecho esos programas, bueno solo eso.

  5. Avatar de jean jean

    muy interesanta las cosas ke posteas German
    solo decir ke esta pagina me esta enseñando un monton.
    Gracias.

  6. Avatar de juan juan

    Muchas gracias por la informacion justo lo que necesitaba

  7. Avatar de nubeubicua nubeubicua

    rodando rodando he dado con este site. ES FANTÁSTICO. y lo mejor es que eres peruano.
    Bueno... yo he pasado en un veinte meses a huir de WIN instalandome Ubuntu ( sin saber nada de Linux ni de particiones ni nada - mandé a la m todos los archivos que no eran imprescindibles- .... y no me arrepiento. Ahora para este año nuevo me he propuesto pasar de ser una lectora de contenidos a crear algunos cuantos, entrar en los blogs y aprender, aprender, aprender.... sacarle el jugo a mi tarifa plana de internet jejeje. Me he bajado cantidad de manuales html, xhtml, CSS..; no se mucho inglés, pero no me amilana. Sigo probando y probando, lo que no sé lo busco. Me parece entretenido. GRACIAS POR TU PAGINA

  8. Avatar de Germán Germán

    Gracias a todos por sus comentarios!

    @nubeubicua: Siempre es bueno aprender cosas nuevas, y el diseño web es un campo realmente apasionante.
    Suerte con tu aprendizaje y gracias!!

  9. Avatar de chrisl chrisl

    personalmente uso vim para editar el (x)html, css, javascript y de hecho cualquier otro código que tenga que editar. A la gente suele costarle algo de trabajo aprender sus comandos, pero realmente vale la pena, pues es un editor muy poderoso.

    ah! ademas es multiplataforma, así que no importan si usan windows, linux o mac.

  10. Avatar de elgianka elgianka

    Prueben notepad++, es de los mejores, ahora si kieren algo mas minimalista usen intype, solo te ayudan a lo ke kieres...escribir codigo html y css

  11. Avatar de Franco Franco

    muy bueno..me sirve por que estoy aprendiendo a hacer paginas web..especialmente para mi..ajja..saludos

  12. Avatar de Franco Franco

    Si alguien sabe bastante sobre como realizar paginas web...por favos no me vendria mal unos consejos y ayuditas...francodegio_7@hotmail.com

  13. Avatar de claudine claudine

    Hola... tengo un problema... como escribo html en el editor de texto de Openoficce? ya he buscado pero no encuentro la manera... gracias

  14. Avatar de Germán Germán

    Hola Claudine,
    Open Office no fue creado para escribir HTML.
    Lo que necesitas es un editor de texto plano, como los que menciono aquí arriba (dependiendo de is usas Mac, Linux o Windows).

  15. Avatar de PurpuraStudios PurpuraStudios

    Muchas gracias por el aporte, aunque no fue nada fácil encontrarlo en la red. En estos momentos estoy estudiando código y esto me salvó la vida. Mil gracias.

  16. Avatar de Alonso Alonso

    Hola German como estas, bueno yo soy nuevo en lo que son esos tipos de codigos y en realidad yo soy vendedor en mercadolibre Peru pero he tenido el problema en que ya no puedo colgar anuncios personalizados ya que me piden HTML (nuevo formato para ellos) y en realidad no se nada de eso, manejo MAC y me podrias dar unos tips o consejos para colgar cosas o una manera facil de hacer anuncios por ese medio a espera de tu respuesta y buen post ya cambie mi TextEdit pero no se que mas hacer haha saludos

Deja un comentario

Algunos recursos para Diseñadores Web

Firebug
Genial extensión de Firefox que permite ver y editar HTML y CSS de cualquier página, entre otras cosas.
Web Developer Toolbar
Extensión de Firefox, agrega una barra de menu con muchas herramientas utiles para diseño y desarrollo web.
YSlow
Complemento para Firebug creado por Yahoo, da estadísticas de la velocidad de carga de la página así como sugerencias para mejorarla (requiere Firebug).
W3C Markup Validation Service
Valida tu HTML o XHTML, una herramienta indispensable.

Entra a la página de recursos para diseñadores web y mira la lista completa

¿Quien escribe Aprendiendo Web?

Germán MartínezHola, soy Germán Martínez, diseñador web y fundador de PreZentit.com, la primera aplicación web 2.0 creada en Perú.

La idea de Aprendiendo Web, es ser una fuente de información en español de estándares y buenas prácticas, así como de las últimas tendencias en diseño web.

Me apasiona el (X)HTML, CSS, SEO y todo lo que tenga que ver con diseño y desarrollo web.

-12.126668, -77.029910