This course will become read-only in the near future. Tell us at community.p2pu.org if that is a problem.

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.
  • HTML Pad (Mozilla online HTML editor)
  • JS Fiddle (JavaScript, CSS, and HTML editor online)

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)
  • 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)

Diskutera uppgift


  • Courtney Elizabeth   13 augusti 2012 21:10

    Going to give Mozilla Thimble a try. The interface looks clean and easy to use.

  • al read   13 augusti 2012 21:12
    Som Svar På:   Courtney Elizabeth   13 augusti 2012 21:10
    Thanks for your message. I will be out of the office on annual leave until Monday 20th August If your enquiry is urgent, please SMS me on my mobile. Kind regards, Alan Read Head of Learning Technologies Learning Technologies Group Pearson UK +44 (0) 7703 750913 This email was sent by a company owned by Pearson plc, registered office at 80 Strand, London WC2R 0RL. Registered in England and Wales with company number 53723
  • saravanan   12 augusti 2012 22:32

    I use mozilla thimble. Simple,quick view of output and publish. All at one place.

  • al read   12 augusti 2012 22:35
    Som Svar På:   saravanan   12 augusti 2012 22:32
    Thanks for your message. I will be out of the office on annual leave until Monday 20th August If your enquiry is urgent, please SMS me on my mobile. Kind regards, Alan Read Head of Learning Technologies Learning Technologies Group Pearson UK +44 (0) 7703 750913 This email was sent by a company owned by Pearson plc, registered office at 80 Strand, London WC2R 0RL. Registered in England and Wales with company number 53723
  • Motlar   26 juli 2012 18:05

    I'd normally go with Notepad++ due to familiarity. However I plan on using Mozilla Thimble in order to ease the the publishing of completed tasks for this challenge.

  • Marco Antonio González Gómez-Caro   26 juli 2012 12:23

    I'll try to use both Mozilla Thimble and Sublime Text. This last one has been highly recommended in a HTML5 community. I'll tell you how it is.

  • PoweredByLinux   26 juli 2012 00:09

    I'm planning on using "JSBin" which I am going to assume is just like JS Fiddle. However I am rather new at this myself, so feel free to correct me if I'm wrong.

  • parallel   21 juli 2012 19:34

    installed notepad ++, mainly because it had one click download.  total newb here, and the other stuff had a whole bunch of questions and different choices etc.  if it's harder than one click, then i don't need it!

  • m@rtie   21 juli 2012 16:59

    Notepad++ is the most effective for me, however, jEdit is equally as powerful.

  • sjasti   21 juli 2012 15:10

     

    Reasons for choosing -

     

    First let me mention why i have not chosen some of them

     

    1. I use Mac OS and hence i don't have an option to try 

    a. Geany

    b. Notepad++

    2. Not choosing Advanced Integrated Development Environments because it takes lot of disk space installing all the unwanted tools and plugins for my course. I am looking for something light weight and has features that would enable me to write code and learn.

    3. Online tools are great but i wanted to have something to work on when i am offline too.

    4. gEdit and jEdit seem to me more of text editors which has syntax highlight features for various programming languages. I am looking for web developer editor, which gives me the flexibility of auto complete.

    5. So what left is Bluefish and BlueGriffon. I am going to try both. 

  • Karaitiana   18 juli 2012 07:41

    I use jEdit, following move from Windows PC to Linux.  Used Notepad++ on Windows.

  • khaosstar   14 juli 2012 22:21

    I used Notepadd++ years ago but figured I would check out a few of the ones listed here. I ultimately went with Bluefish - simple yet powerful.

  • mtillson   7 juli 2012 01:29

    I use Notepad++ but am interested in the others listed, and will try them... or a few of them.  Looking forward to this challenge.

  • chinnan   6 juli 2012 23:03

    I have installed Notepad++.

  • Jasper.dg   4 juli 2012 07:45

    Love NotePad++ but will give Bluefish a try

  • Anonym   24 juni 2012 16:22

    I am using SUBLIME

    you all should try it belive me ;)

  • Naku Mayo   22 juni 2012 17:17

    I will be using gEdit and Eclipse. I have both installed on my Mac so either one will work.

  • hamilton mena quejada   21 juni 2012 15:07

    I'LL use Geany, DreamWave cs5, Notepad++ and Bluefish .

  • sclopez   17 juni 2012 12:48

    I'll use notepad++

  • Justin   13 juni 2012 04:24

    I installed WebMaster Lite on my Transformer Prime for this course.

  • mtenne   12 juni 2012 22:14

    Installed BlueGriffon.  I'm brand new to HTML so I was looking for something simple and user friendly.

  • H   12 juni 2012 20:18

    I chose to use BlueGriffon because it was the one most easily compatible (imo) with my Mac. gedit looked really nice with its configurable syntax highlighting for the computer languages and its bracket matching feature. However, BlueGriffon is very intuitive, and it has the option of source view, wysiwyg view, and browser preview.