DCKIM:

Keyboard. Mouse.

Screen.

Assalamu Alaikum, you have found the TUTORIAL section of the website. The goal of this brief tutorial is not to demonstrate everything that the HW program can do. The goal is only to present a minimal starting point for someone who is new to HW, and maybe even new to HTML...

IS THE CAPS LOCK ON OR OFF???

Working in HW, you will quickly need to become hyper-aware of the status of the all-important CAPS LOCK KEY. This is because the CAPS LOCK KEY determines the mode that you are working in. There are two main modes for the HW program: One is called Construction Mode; and the Other One is called Style Mode.

The first thing you must do is LOCATE THE CAPS LOCK KEY, then use it to TURN CAPS LOCK ON. There should be a light that becomes lit on your keyboard.

Now that we have the CAPS LOCK TURNED ON, let's try a few little things. If you are just starting the program for the first time, you are probably seeing that there is one square on the screen, or maybe even nothing at all. This is good.

The BASIC KEYS that we need to be aware of in Construction Mode are: "w", "e", "g", and "d". They all enable a kind of Mode of their own. I will list them below, giving some interesting pointers.

W

is for window-management mode.

Pressing "w" twice will switch between Window-Move and Window-Size.

"A", "I", "O", and "N" are now the keys which will make a new window.

Now that we have a New Window, it has the ability to move and resize from the keyboard.

Use "H", "J", "K", and "L" to move and resize the new window. For best results, keep the Browser at 100% Zoom.

E

is for EDGE EXTEND MODE.

Pressing this a second time will toggle between "TOP LEFT" and "BOTTOM RIGHT" edges.

The EDGE extend can also be accessed using the ARROW KEYS while HOLDING SHIFT.

Again Use "H", "J", "K", and "L" to move the edges back and forth.

G

is for GRAB and MOVE MODE.

If ever in doubt of what mode you are in, USE THE "G" KEY. It is a safe key to press at any time because it doesn't change anything in the document.

Once Again Use "H", "J", "K", and "L" to move parts around the screen.

Make Special Notice that moving the parts from the keyboard is different from moving the parts by dragging them with the MOUSE. The keyboard and arrow keys move the parts and align them automatically to the grid lines in the direction of the movement.

Exactly the SAME as when we use the MOUSE, we can HOLD SHIFT, and we will then be moving the WHOLE COLOUR GROUP.

D

is for DUPLICATION MODE --- IT MAKES COPIES.

Once Again Use "H", "J", "K", and "L" to move parts around the screen.

This is almost exactly the same as using "G" mode but with one important difference:

"A" - duplicates RIGHT

"I" - duplicates LEFT

"O" - duplicates DOWN

"shift + A" - SCREEN RIGHT

"shift + I" - SCREEN LEFT

"shift + O" - duplicates ABOVE

And now for some additional direction and notes of importance. Do notice that the PLUS AND MINUS KEYS CHANGE THE GRID SIZE. All actions are using the grid size that you see.

When you TURN CAPS LOCK OFF, using the "N" KEY TO PUT TEXT INTO THE BOXES is good. Did I mention yet that you can drag image files directly onto the screen from your file system? That's a really handy thing... Also, make sure you TRY PRESSING THE SPACEBAR OR BACKSPACE TO SEE THE FINISHED RENDER VIEW. But, always remember to SAVE YOUR WORK USING THE "S" AND "shift + S" KEYS. And did I mention that HOLDING CTRL WHILE USING THE MOUSE WILL MAKE FAST COPIES.

There are so many features that I can't tell about all of them in one tutorial... So, I'll need to get started on the next tutorial!

-DCKIM Mystery Programmer

PS... Tilting and Rotating of the text, or whatever is inside of the boxes can be done WHEN THE CAPS LOCK IS OFF. Use "J", "K", and "shift + H J K or L".