Before we dive into how Web Development works let's take a quick look at the proograms one can use to actually create a web page. Keep in mind this section is describing the programs that will let you edit code text in itself and is not referring to images or media authoring.

Unless working with backend code you probably will never need to mess with linked dependencies as yoou might with desktop program development. Frontend web development is mostly a simple matter of opening the source file in a program and modifying it as you would any text document.

Adobe Dreamweaver

Adaobe Dreamweaver is a versatile program built specifically for web development. It includes most, if not all, of the amenities you'd expect from an authoring suite but with at least one obvious drawback when compared ot other programs: it is a commercial product. It must be purchased from Adobe as part of their subscription Creative Cloud package and must also then be installed to a dedicated machine.

Almoost any desktop or laptop will suffice as web development does not require heavy system requirements but the first few points are often enough to stop some developers form considering it.

The official Dreamweaver documentation pages can be found here.

Sublime Text Editor

By default Sublime text editor will save any project you have open upon closing and open that same project the next time you start the program. Be aware of this if you are working on a shared computer or shared network as you may be reading or overwriting someone else's work. Make a copy of the entire program folder on either a local drive or a personal thumbstick to avoid conflicts.

The official Sublime Text Editor site can be found at this link.

If you download the program consider getting the "portable" version with fewer / smaller files for quicker transfer and lighter footprint.

Syntax formatting

Sublime can apply color and spacing formatting to the code you write automatically. To enable this simply go to the "View > Syntax" and choose a coding language from the menu there to select what formatting it applied to your document.

Code hinting

Basic code hinting (auto complete) for the most widely used languages should be enabled by default once a language is selected.

You can also turn on code hinting within the Sublime editor via various plug ins. If you need a package for a particular language it may be best to use google as there are no built in plug-ins for such a purpose.

One of the more expansive auto complete tools for Sublime is "CodeIntel".

If you wish to try it the "CodeIntel" plug in package can be found at the following link.

Spell Checking

To turn on spell checking in Sublime Text go to "Preferences > Settings > Default User" and it will open the preferences file within Sublime itself. This document will be mostly empty on a default install - that's ok. All you need to do is add the line ""spell_check": true," to the very top.

Sublime should not check keywords and markup within various coding languages by default. In other words if you are writing HTML then it should not catch "HTML" as a misspelling.

If it has been activated correctly then red squiggly lines should appear under words that Sublime thinks are misspelled. To see and select from a list of possible corrections just "Right-Click" on the misspelled word and choose the correct version.

Notepad++

By default Notepadd++ has the following interesting behaviors.

  • It can run without being installed. This makes it ideal to put a copy of the program folder on a usb drive and take it with you wherever you go.
  • It will save any text document that you have open upon closing and open the same set of projects the next time you start the program.

Because of these qualities be aware that if you are working on a shared computer or shared network as you may be reading or overwriting someone else's work. Make a copy of the entire program folder on either a local drive or a personal thumbstick to avoid conflicts.

The official Sublime Text Editor site can be found at this link.

If you download the program consider getting the "minimalist" version with fewer / smaller files for quicker transfer and lighter footprint.

Syntax formatting

Notepad++ can apply color and spacing formatting to the code you write automatically. To enable syntax formatting go to the "Language" menu at the top of the program and select your desired language to format.

Syntax formatting / Code hinting

You can turn on code hinting within Notepad++ by selecting "Settings > Preferences > Auto Completion" but its effectiveness will depend on whether or not you're using external plug-ins again.

Spell Checking

In NotePad++ the normal spell checking plugin has been disabled in the current version as of this writing.

...and other stuff I haven't tried as web editors.

Google docs? Maybe?

RJ Text is another one I haven't tried but is free to download...

http://www.rj-texted.se/