Web Page Editors and Tools
Note: In class we will use Notepad++ to edit HTML as text. Get NotePad++ here Links to an external site. for Windows computers; you can download an installer to install Notepad++ on a home computer or laptop or get a standalone version to save to a flash drive and use it on any computer.
One common way to edit a web page is with a text editor. Popular text editors include:
- notepad
- Notepad++ Links to an external site.
- Sublime Text Links to an external site.
- Atom Links to an external site.
- Bluefish Links to an external site.
- Text Wrangler Links to an external site.
There are many web-based (SaaS) editors also:
- Wordpress Links to an external site.
- Google Sites Links to an external site.
- Wix Links to an external site.
- . . . and many more
You can also install WYSIWYG editors:
- Dreamweaver Links to an external site.
- Google Web Designer Links to an external site.
- Blue Griffon Links to an external site.
- Sea Monkey Links to an external site.
Publishing
Extra Information
Alternative: Here are some tutorials from from Mozilla Developer Network Links to an external site.
- Introduction to HTML Links to an external site.
- Write a simple page in HTML Links to an external site.
- What HTML tags are and how to use them Links to an external site.
- Getting started with CSS Links to an external site.
- CSS properties: what they are and how to use them Links to an external site. (advanced)
- How to build a website Links to an external site. (just about every thing you need to get going)
- Anatomy of a webpage Links to an external site. (advanced)
- CSS Tutorials Links to an external site. (beginner to advanced)
ALternative: OER book
Cute Hexadecimal Color Quiz
How to Juggle, demonstration materials
Programing with Scratch, demonstration materials