HTML 5 Introduction

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

Task Navigation 

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)

Task Discussion


  • Lisa Rodgers   Aug. 1, 2011, 2:37 p.m.

    I use notepad, but occasionally I use Dreamweaver, as I like it's ftp feature.

  • Anonym   July 26, 2011, 9:32 a.m.

    Geany is an excelent GNU/Linux or Windows option

    http://www.geany.org/

  • Oph   July 7, 2011, 5:40 p.m.

    I have installed Blue Griffon

  • vicks711   June 19, 2011, 7:53 a.m.

    I am using Ubuntu OS, so I installed Bluefish HTML editor. Since I am looking forward to high end HTML implementation using bluefish from day 1 will put me in good stead!!!

  • Melissa   June 18, 2011, 2 p.m.

    I already have Dreamweaver installed on my computer. I'll use that one but am glad to see the other resources.

  • Anonym   June 14, 2011, 8:44 p.m.

    Updated an old version of  Notepad++ and will use it for now. 

  • Tony   June 13, 2011, 6:49 p.m.

    I have notepad++(windows) and KomdoEdit(Linux)

  • PCHL   June 13, 2011, 6:40 a.m.

    I have installed notepad++

    ;)

  • Jean-Baptiste Carré   June 4, 2011, 5:50 p.m.

    I'm still fund of my dear GNU Emacs. Its HTML-mode is far from enough for what we'll do in the frame of this course :-).

  • Bushwazi   June 2, 2011, 4:08 p.m.

    I'm already on Dreamweaver CS5 and have also been dabbling in TextMate. HTML Pad is pretty tight too, now that I know about it!

  • Taylor Smock   May 28, 2011, 7:11 p.m.

    I have decided to use Notepad++.

  • Anonym   May 28, 2011, 6:31 p.m.

    I installed Bluefish

  • Lallo Vigil   May 28, 2011, 5:19 p.m.

    I installed Notepad++

  • Cyrusso   May 26, 2011, 7:55 a.m.

    hi there!

    i've got Notepad++ instaled, but also use HateML for coding - i can recommend it, check it out

    greets

  • Albert Rosa   May 25, 2011, 3:48 p.m.

    I use textmate.

  • Anonym   May 25, 2011, 9:15 a.m.

    Komodo Edit

    My favorite feature: autocomplete

  • jenEliz   May 23, 2011, 11:43 p.m.

    I installed Notepad ++ to my computer :)

  • iMdooren   May 15, 2011, 3:56 a.m.

    Based on recommendations, installed jEdit for Mac.

  • Samuel Green   May 25, 2011, 12:38 a.m.
    In Reply To:   iMdooren   May 15, 2011, 3:56 a.m.

     

    I've been using TextExpander for a while, but since I'm going to be getting into JS after this, I think jEdit is worth a spin.

  • Dave   May 13, 2011, 7:03 p.m.

    I've got jEdit for Mac now.