Install an HTML Text Editor

Learning Objectives

  • Identify desirable features in an HTML editor.
  • Compare two or more HTML editors.
  • Report your comparison to other participants of this class
  • Select an HTML editor for your personal use
  • Summarize the reason(s) that led you to choose your specific editor
  • Use your editor to produce a simple HTML page

Task Materials

For this course we need an HTML editing tool. There are many to choose from. We do not need many advanced features for this basic course so pick a simple text editor with syntax highlighting.

Online HTML editors

There are several HTML editors that you can use in your web browser:

  • Mozilla Thimble - Recommended to use on this course. Provides direct visual feedback, syntax highlighting, and easy publishing.
  • Aloha (Inline HTML5 editor)
  • HTML Pad (Mozilla online HTML editor)
  • JS Fiddle (JavaScript, CSS, and HTML editor online)
  • Maqetta (HTML5 Interface Design Tool)

Free/Open Source Text Editors

The following text editors have syntax highlighting and are Free/Open Source tools:

  • Bluefish (GNU/Linux, Mac OSX, Microsoft Windows)
  • BlueGriffon (GNU/Linux, Mac OSX, Microsoft Windows)
  • Geany (GNU/Linux, Microsoft Windows)
  • gEdit (GNU/Linux, Mac OSX, Microsoft Windows)
  • jEdit (GNU/Linux, Mac OSX,Microsoft Windows)
  • Notepad++ (Microsoft Windows)

Advanced Integrated Development Environments (IDEs)

Discusión de la Tarea

  • Gameplay dijo:

    I selected BlueGriffon because it has a similar interface to dreamweaver which is useful in ensuring that you use proper syntax. It also allows you to find places in your code by using line numbers and sets up the basic parameters for your HTML document.

    Also tried g-edit but it was a bit too convoluted for my liking.

    en 8 de junio de 2012 a las 18:20
  • Rick Metta dijo:

    I use Dreamweaver CS5

    en 7 de junio de 2012 a las 08:52
  • Machoman dijo:

    i decided to go with notepad++ ...i read all the comments and it seems that the majority of folks pick it for ease of use...i'm ready to start

    en 6 de junio de 2012 a las 22:12
  • Josh Young dijo:

    Looked at Bluefish, BlueGriffon and Notepad++.  Went with Notepad++ for now because I like the UI.  The other two looked pretty interesting and I'm sure I'll check them out sometime.

    en 5 de junio de 2012 a las 23:57
  • Jrlouie dijo:

    I decided to focus on vim with an alternate of sublime text 2.

    en 5 de junio de 2012 a las 02:49
  • Oki Onome O. dijo:

    I am using notepad. I find a bit very simple. I love that simplicity
    en 3 de junio de 2012 a las 10:56
  • oscar dijo:

    I use notepad++ because is simple and light. 

    also is very popular between the html editors

    en 2 de junio de 2012 a las 01:44
  • Anónimo dijo:

    Just found out about a very beginner friendly Mac OS X text editor called Tincta. I highly recommend it to people with no programming experience whatsoever (someone like me basically!!).

    Oh, and I'm loving the preview in browser feature as well.

    en 30 de mayo de 2012 a las 01:59

    Gameplay dijo:

    Definitely liked the preview in browser feature of BlueGriffon as well. Forgot to say that in my update :)

    en 8 de junio de 2012 a las 18:21 en Respuesta a Anónimo
  • Thomas Davila dijo:

    Compared Notepad++ and Bluefish.  Bluefish was described better on their features page and seems a little more robust. But I'm a newbie, so correct as necessary!

    en 29 de mayo de 2012 a las 12:26
  • Anónimo dijo:

    I chose vim, because it is simple, fast and efficient once you are used to it.

    en 26 de mayo de 2012 a las 07:20
  • PinkIsis dijo:

    Someone hip me on to  Unitron, which is a great editor but no longer supported. I have also tried Dreamweaver. I've installed eclipse, Aptana Studio 3, and  TextWrangler since starting this track.  I am still trying to decide which one is best. Aptana is edging out the others, but I may try out a couple more before deciding.

    en 25 de mayo de 2012 a las 13:17
  • Cat dijo:

    I've got Notepad++ .

    en 25 de mayo de 2012 a las 11:43
  • Sarah K dijo:

    Using Dreamweaver , Eclipse, and Notepad++, since I already know quite a bit of HTML.

    en 24 de mayo de 2012 a las 15:32
  • Jbeans dijo:

    Been using Notepad++ on Windows , Textmate and Coda on mac. Looking that the Bluefish website, I was impressed with it's code completetion, syntax highlighting and the keyboard shortcuts to comment and markup, plus it works on Windows, Mac, and Linux. This will make it much easier on myself as I use all three OS's. Downloaded Bluefish earlier today and gave it a spin. Very Nice!

    en 22 de mayo de 2012 a las 18:12

    Gameplay dijo:

    I couldn't even get to the download file for BlueFish. Heellllp! :D

    en 8 de junio de 2012 a las 18:25 en Respuesta a Jbeans
  • ctk974 dijo:

    I use Notepad++ on Windows and Fraise and CotEditor on Mac.

    en 13 de mayo de 2012 a las 22:44
  • Al dijo:

    I've used Notepad++ before, so that's what I'll be starting off with.

    I'll be reassessing this once I move onto <canvas> and Javascript tutorials, however with the ability to load in custom languages I think Notepad++ will suffice.

    I'm keen to hear what the more expierenced web designers choose.

    en 10 de mayo de 2012 a las 00:03
  • Paoloz dijo:

    Blue fish would be a great way to build a formidable compatible platform. I like that it could be used in GNU/Linux, Mac OSX and windows. However Notepad++ looks to be a great way to start in the windows platform. If anyone else would care to advice on better editors for Mac OSX or Linux please foward me a  message, your input is always appreciated.

    en 9 de mayo de 2012 a las 01:46
  • Aaron Hanson dijo:

    I plan to use Notepad++. Excellent program and would recommend it to any beginner for basic HTML or programming. Simple to use!

    en 8 de mayo de 2012 a las 17:31
  • levis dijo:

    I am familiar with Notepad + +. I will use it.

    en 7 de mayo de 2012 a las 09:14