Table of Contents
Introduction
Your host
and instructor this quarter is Lorelle VanFossen of Lorelle on WordPress and Lorelle Teaches WordPress and More, and Adjunct Professor at Clark College. She's been playing with the
Internet since the earliest days of the web before the creation of HTML, and broke her fair share of web pages over the years.
CTEC 122 HTML Fundamentals Outcomes
While described in the Syllabus in depth, here are the general outcomes and expectations for the class.
- Research and demonstrate knowledge of up-to-date web standards, CSS, HTML, and basics of HTML5 beyond those topics covered in the course.
- Create and debug a website which is easy to navigate and complies with web standards.
- Design proper HTML syntax which accommodates for cross-browser incompatibilities.
- Demonstrate competency with basic HTML elements including links, lists, forms, tables, images, and basic tags.
- Foster an ability to interact, collaborate and implement projects with peers, clients or others in various work environments.
Required Reading Materials
The following are resources you will use during the class.
- Required Textbook: Build Your Own Web Site The Right Way Using HTML and CSS, 3rd Edition by Ian Lloyd, purchased at the Clark College Bookstore or online at Sitepoint as paperback ($29.95) or eBook ($19.95).
- Optional Reference Book: HTML For the World Wide Web by Elizabeth Castro
- Optional Resources:
- Online Reading on the World Wide Web is assigned throughout the quarter and announced in the Daily Schedule. You will be responsible for reviewing and learning this material.
- Course Syllabus and other materials required for participation are available to download online. You will be responsible for reviewing and knowing this material.
- Support throughout the class will be provided via the Clark College Moodle Forum for the HTML Fundamentals class. Students are expected to help each other through the forum discussion boards.
Computer and Web Access
- Computer and Internet Access: You are required to have access to a computer and the Internet for this class. Any popular operating system is welcome. There are computers available on campus in the Clark Computer Labs if you do not have access to a home or office computer.
- Backup Capabilities: A thumb drive or portable hard drive is required for weekly backups of your homework assignments. A minimum of 1 GIG is recommended.
- Moodle Access: Access and registration information is found at the Clark College Moodle area. You will find all homework and reading assignments, class news and discussion areas (forums) in Moodle for the CTEC 122 HTML Fundamentals Class area.
- Clark College Email, ID Username and Password: The Clark ID Username and password is required for access to Clark Email, Moodle, and Web Server. It is provided at the time of registration. Different passwords will be required for FTP access to the Clark Web Server.
- Computer Access: You may work on a computer from home or one in the computer labs at Clark College. If you want to use the computers on campus you will need a unique user ID and password, available from instructions posted in the Clark College computer labs. Please see the Computer Lab Schedule.
-
Clark Web Server Access: To access the Clark College CTEC web server you will need to use
an FTP Client (examples listed below) after first "registering" with the CTEC web server. This process is
done with a terminal emulator such as PuTTY for Windows/Linux, however there are some usability issues with PuTTY so we recommend an
alternative terminal emulator, listed below. Here are the step-by-step instructions.
- Download one of the following PuTTY or PuTTY alternatives.
- KiTTY (Windows) *Recommended
- Poderosa Terminal Emulator (Windows)
- iTerm or iTerm2 (Mac/OS X)
- Terminator (Windows/Mac/Linux with Java 6 or later) *Recommended
- Xming X Server (Windows/Linux)
- Install the program.
- Enter the following in the login window:
- Host name: ctec.clark.edu
- User name: Your Clark email user name
- Password: Your provided Clark email password
- Click Open.
- A terminal emulator window will pop up and request your password. As you type in your password, no characters will appear on the screen. This is for security and privacy.
- Once you have entered your password, the server system will automatically request you create a new one. PLEASE WRITE IT DOWN and store it in a safe, memorable place.
- If the system does not ask you to change your password, or you wish to change your password later,
type in
passwdand hit ENTER to access the password function. If the password is too simple, it may ask you to choose another. - You may now close that window and hopefully not revisit it again unless you need to change the password. It's time for you to set up your FTP program.
- Download one of the following PuTTY or PuTTY alternatives.
Required Software
The following are software and web access requirements for the class. For the most part, the list features free and open source programs.
-
Web Browser: You will have a choice of web browsers
to use during the class. Firefox is highly recommended, as is Chrome. You will be encouraged to test your
web pages in multiple browsers, so consider installing several.
-
Mozilla
Firefox (Windows, Mac, Linux, Android) *Recommended
- Mozilla Firefox Aurora (Windows and Android - Experimental)
- Firefox for Android
- Chrome Browser (Windows, Mac, Linux) *Recommended
- Amaya (Windows, Linux, Mac)
- Lynx (Windows, Mac, Linux)
- Konqueror (Ubuntu, Windows, Linux, Mac)
- Opera (Windows, Mac, Linux, Mobile)
- Internet Explorer (Windows)
- Safari (Mac, Windows)
- Dolphin Browser for Mobile
-
Mozilla
Firefox (Windows, Mac, Linux, Android) *Recommended
-
Text Editor: You will be required to use a text editor for your homework to create web
pages. The following is a list of recommended text editors:
- Bluefish Editor (Linux, FreeBSD, MacOS-X, Windows, OpenBSD and Solaris - Free)
- Notepad++ (Windows - Free) *Recommended
- Smultron (Mac - Free)
- Komodo Edit (Windows, Mac, Linux)
- Aptana Studio (Free - Windows, Linux, Mac)
- TextWrangler (Mac - Free) *Recommended
- HTML Kit by Chami (Windows - Trial/$59)
- CoffeeCup Software Free HTML Editor (Windows, Mac - Free/$69)
- Crimson Editor (Windows - Free)
- GNU Emacs (Windows, Mac, Linux)
- HTML Kit (Free (previous version) - Windows, Linux with Wine, Mac)
- NoteTab Text Editors and HTML Editors (Windows) (Free or Paid) *Recommended
- SeaMonkey Browser and HTML Editor (Free - Windows)
- Amaya, The W3C's HTML Editor (Free - Windows, Debian, Ubuntu, Unix, Mac) *Recommended
- TextEdit (Mac)
-
FTP Client Program: You will require an FTP Client program to access the Clark web server
for uploading your homework assignments into your own directory on the server. The following is a list of
recommended FTP programs:
- FileZilla (Windows, Mac, Linux)
- WinSCP (Windows - Get Installation Package)
- Cyberduck (Mac, Windows)
- Fugu SSH - Download Page (Mac)
- Free FTP by CoffeeCup Software (Windows)
- SmartFTP (Windows)
- Go FTP (Windows)
- Classic FTP (Windows, Mac)
- CrossFTP (Windows, Mac, Linux - Requires Java)
- MacFusion (Mac)
- To set up your FTP program:
- Host name: ctec.clark.edu/~username/
- User name: Your Clark email user name
- Password: Your Clark web server password (from above)
Mobile Device Support
If you will be using a mobile device during the class, the following are programs to consider:
- Mobile TextEdit for iPhone
- DeuterIDE - Mobile Online Compiler and Text Editor for Android and BlackBerry OS
- J2MEdit - Syntax Editor for Java J2ME Mobile Devices
- Dream edit (Android - Free)
- HTML Editor (Android - Paid)
- DroidEdit Source Code Editor (Android - Free) or DroidEdit Pro
- DeuterIDE - Text Editor, Compiler, and IDE (Android - Paid)
- Just Notepad for Android (Android - Free)
- 920 Text Editor (Android - Free)
- Html Reader (View Saved Web Pages) (Android - Free)
- IEdit Text Editor (Android - Paid)
- SilverEdit Lite (Android - Free) or SilverEdit Pro
- touchqode Source Code Editor (Android - Free) or touchqode pro
- VT View Source (Android - Free)
- QuickHTML (Android - Free)
- Android Web Editor Lite (Free) or Android Web Editor PRO
- WebMaster's HTML Editor Lite (Android - Free) or WebMaster's HTML Editor (Paid)
- Android HTML/FTP Editor (Android - Paid)
- Android HTML/FTP Editor (Android - Paid)
- HTML Color Picker (Android - Free)
- Jota Text Editor (Android - Free)
- AndFTP (your FTP client) (Android - Free)
- Codeanywhere Code Editor and FTP Client (Android - Free)
- View HTML Source (Android - Free)
- Nebulous Notes (Editor) (for Dropbox) (iPhone)
- FTP On The Go (iPhone)
- cliqcliq Colors (iPhone)
- Color Expert (iPhone)
- ColorPicker (iPhone)
- HTML Test (iPhone)
- Source Viewer (iPhone)
- Code Editor and FTP Client for iPhone - Codeanywhere (iPhone)
Free ebooks, web apps for learning HTML, CSS, and HTML5
- HTML and XHTML Pocket Reference from O'Reilly (Android - Paid)
- HTML ref (Android - Free)
- HTML5 Pro Quick Guide (Android - Paid)
- Basic HTML (Android - Free)
- HTML 5 Guide (Android - Free)
- HTML5 Reference (Android - Paid)
- HTML5 Reference (Android - Free)
- HTML5 & PHP Tutorial (Android - Free)
- HTML Quick Reference Cards (Android - Free)
- CSS Cheat Sheet (iPhone)
- HTML Cheat Sheet (iPhone)
- HTML Quik Ref (iPhone)
Helpful Resources
The following are helpful resources for the HTML Fundamentals class.
