SILS iSchool

19 Sep 2018

Value Added | daily

Class Schedule

Basics | sessions 01-05

22 AUG | intro
27 AUG | clients
29 AUG | servers
05 Sep | networks
10 Sep | basics lab

Web Development | sessions 06-11

12 Sep | structural layer
17 Sep | presentational layer

19 Sep | working with layers | editors | Office | proprietary | next session

24 Sep | behavior layer
26 Sep | images & design
01 Oct | website lab

Document Markup | sessions 12-14

03 Oct | object layers
08 Oct | tools that read markup
10 Oct | document markup lab

Spreadsheets | sessions 15-19

15 Oct | spreadsheets
17 Oct | formulas & functions
22 Oct | data display
 18 Oct | Fall Break 
24 Oct | database tools
29 Oct | spreadsheets lab

Relational Database | sessions 20-26

31 Oct | relational databases
05 Nov | tables
07 Nov | relationships
12 Nov | input & output
14 Nov | SQL
19 Nov | complex queries
26 Nov | databases lab
 21 Nov | Thanksgiving 

Presentation | sessions 27-30

28 Nov | presentation design
03 Dec | presentation delivery
05 Dec | presentation lab
12 Dec | 0800-1100 | final in class presentation

Editors come in all forms, from the simplest text editor to the most sophisticated GUI tool

As we have said repeatedly, one can use any text editor to write HTML. The HTML code produced with simpler programs is not different from the HTML produced by more complex editors.

More complex editors offer a number of advantages over simple text editors (especially in terms of being able to work in a GUI or WYSIWYG environment), but such advantages are not without costs (difficult to learn, add lots of extra code, may add proprietary information to your HTML).

GUI HTML editors

All GUI HTML editors work the same way in principle - they provide a form of a graphical user interface (GUI) overlaid on an HTML base. Each of them has different strengths and weaknesses and the one you choose is the one that works best for you. Many of them are proprietary and expensive, but many are also open source and free.

You can find a lot of choices on the relevant Wikipedia pages and can compare them.

back to top

We have been working with basic HTML code using a simple text editor

like Notepad or Notepad ++ for Windows

our home page code as seen in Notepad++

and Brackets for Mac.

this page's code as seen in Brackets

back to top

Some free editors offer the opportunity ...

... to work in a WYSIWYG (Normal) view, plus allow you to see the underlying HTML code for tweaking purposes

like Sea Monkey

our home page code as seen in SeaMonkey's design view

or Kompozer

our home page code as seen in Kompozer's design view

or (the now-discontinued) Amaya from W3C

our home page code as seen in Amaya's dual design and code view

back to top

word processors offer the advantage of an interface you may already be familiar with

like MS Word

sample web page in MSWord

or OpenOffice

home page example in Open Office

back to top

sophisticated artistic and image manipulation tools are best for visual elegance

like Dreamweaver

our home page code as seen in Dreamweaver

back to top

We will consider these

You will discover the one that works best for you,
and it may be the text editor you have been using.

back to top