Ocean Frontier Design

Tutotrials

Joe Barta wrote fantastic tutorials for html and javascript. Here you can find links to them. Learn in the comfort and privacy of your own home. No salesman will visit.

WebTutor v3.2

Hello there.

Welcome to WebTutor. If you're like many people, you've thought about making your own web page. Also, if you're like many people, you may have looked at some of the coding behind those pages and thought "I could never do that".

Well, guess what? You can, it's not as hard as it looks, and I'm going to teach you. So, whenever you're ready, grab a cup of coffee, and let's get to work...

Begin here | General Table of Contents | Download Webtutor 4.4 (2 mb)

GateKeeper v3.2

Welcome to GateKeeper v2.3! This tutorial will explain how to place a simple Javascript protection script on your page. It's very easy to install. A few simple bits of code and you're off.

If you are a member of PageTutor.com, you are welcome to go to the latest version of GateKeeper for a much nicer and more powerful script. The full GateKeeper tutorial is also available for download from the member's area. Go through the material offline and at your leisure. If you are not yet a member, I encourage you to join.

Begin here | Download GateKeeper 3.2 (0,2 mb)

Javascript Tutor v1.0

Hello, my name is Joe and I'm going to teach you a little about Javascript. Before I do though, there are few things we have to get perfectly straight...

  • Javascript is a BIG subject and this is a basic javascript tutorial. This will not make you a javascript expert by any stretch of the imagination. This will simply introduce you to some basic concepts and a few simple scripts. By the time we're done, you'll have a modest grasp of the basics and you'll be ready to be kicked out of the nest to continue your javascript efforts on your own.
  • You must also move from start to finish. You can't jump around because each lesson builds on, and draws from, lessons you learned previously.
  • Know beforehand that this will be HARD WORK. Unless you've done some programming before, you won't just breeze through this tutorial (and HTML ain't programming). Be prepared to stretch your brain and persevere through some confusing and frustrating periods. Just keep plugging away... understanding and skill will come.
  • And most important, there are many exercises scattered throughout. In order to get ANY use out of this tutorial you MUST do the exercises. Again, if you skip the exercises, you will learn very little and you might as well do something else with your time.

Begin here | Download JSTutor 1 (0,5 mb)

CSS-Primer 1

Hello there! My name is Joe and I'm going to teach you a little about CSS. CSS (Cascading Style Sheets) is simply another method to control the appearance of a web page. Having basic CSS skills in your toolbox is a definite plus.

This Fibel is not an attempt to teach you all the ins and outs of style sheets, it's not going to make you an expert on them at by any means. What it will do is give you enough skill to start using them in your web pages. Once you have a foothold, you can expand your knowledge and skill on your own. You'll find that once you learn how to use style sheets, you'll use them quite often.

The first order of business is to have a good reference. Included with this tutorial is a very good CSS reference from the Web Design Group (my thanks to WDG for making this reference available for re-distribution). You can get to this reference by clicking the CSS Reference link near the bottom of every page in this Fibel. Another excellent reference (if you don't have it already) is the HTML Reference Library which has an excellent Style Sheet section.

Begin here | Download CSS-Tutor 1 (0,8 mb)

Copyright (c) Thomas Janotta, Ocean Frontier Design 2003-2012;