1. Web Design Holden School
Basic Computer Skills
Web Design
Holden School

2. 1. Logging On to Your Computer
To use our student computers, you will need to log in first. A "login" consists of a user name and a password. I can tell you your user name, and your password. You will need your student number as well. If you do not remember it, please let me know. You will not be able to turn in any of your digital assignment files from school unless you use your personal login. The new login for this year is: dufrene00000 val0000       You can press the Tab key to jump from the username box down to the password box. Then you can press the Enter key to submit your login after you've completed both boxes.

3. 2. Windows
Windows XP uses the metaphor of real windows to describe how you see you programs and files on the screen. You can have several programs open in separate windows, or even several files for the same program open in different windows.
In the image on the next slide, I have a window open for Photoshop, one for Windows Explorer, and one for Dreamweaver.
Windows make it easy for you to put two programs or documents side-by-side. I'll show you how to do that later.

5. 3. Icons Icons are pictures representing programs.
Icons to open programs
Sometimes an icon will just launch the program. Launching is what it's called when a program opens.
Above is the icon to open the Photoshop program. When you double-click on this icon when you are ready to work, Photoshop will launch.
Icons to open files
You may also see an icon with an arrow on it like above. This means it's a shortcut to the real file location. It will open the program in the same way.
Icons can also be found next to individual documents (files). If you see a document that has an icon for a particular program, the document will open in that program.
Above is an icon for a Photoshop file called "The capture.psd". When you double-click on the icon, this file will open in Photoshop.
You might also see a file icon look like the one above.

6. 4. Opening programs Start Menu On the Desktop Inside Folders
Traditionally, you would open all programs through the Start menu located in the bottom left of the screen.
A "folder" in Windows XP can be thought of like a real folder holding a bunch of sheets of paper which are your files. One big difference is that a computer folder can contain many other folders along with files, and each of those folders can also contain many folders and files. And so on. Folders help organize great quantities of files.
When you double-click on the folder called "Adobe Design Standard CS3", a window will pop up which shows all the Adobe programs. Double-click on the icon for the program you want, for example the blue icon for "Photoshop CS3".

7. 5. My Documents & Windows Explorer
Windows Explorer allows you to see how all your files are arranged. It also allows you to add, rename, move and delete files and folders. We will have to see if the school board has given us access to this.
"My Documents"? Once you have your own individual login, it's the place that Windows will store your files. It's a big folder that holds a whole bunch of other folders and files. However, you will NOT be saving your work here. With Deep Freeze on these computers, everything saved to Desktop or My Documents is erased for each new login. You must save through the student server located under your last name through SAVE.
Activity: Try to save this document into your student server.
You can also retrieve your lesson files from the teacher web site and turn in your work via another source.

8. 6. Using the Taskbar Across the bottom of your screen is the taskbar.
The taskbar shows you all the programs you currently have open. In the image above, you can tell that I have Firefox, Dreamweaver, Photoshop and Windows Explorer open. Each program is open in a separate window.
You can easily switch between open programs or windows by clicking on the button in the taskbar for the program you want.

9. 7. Arranging windows on your screen
The next few slides will look at:
Moving a window Switching between windows Minimize Restore Down Closing windows Resizing windows Getting back to the desktop

10. Moving a Window Moving a window
Windows allow people to arrange information on the screen in a useful way. One way you can change your view is to move a window to another place.
Moving a window requires clicking in the middle of its blue top bar, called the title bar, keeping your mouse button down, and moving the mouse somewhere else. Then release the mouse button to "drop" the window in place. This is ability to move something using the mouse is called drag-and-drop.

12. Switching Between Windows
If several windows are open on your screen, you can move one to the front by clicking on it. You can avoid clicking on something specific inside the window by click in the middle of its title bar.

13. Minimizing
You can also change your view of windows with Minimize, Maximize and Restore Down.
Let's start by hovering over the buttons in the upper-right corner of a window. To hover is to put your mouse cursor on top of something without clicking on it. After about a second, a small yellow box with text will pop up. This is called a tool tip and it gives you something's name.
To minimize a window is to drop it out of view without closing it. It is still visible as a button on the taskbar.

14. Maximizing
Windows can either take up the entire screen or only part of it.
If a window is taking up only part of the screen, you can make it fill the screen by maximizing it. The maximize button is the button in the middle of the three buttons.

15. Restore Down
You may have noticed that the image on the middle button has changed from a single square to two overlapping squares.
The opposite of Maximize is Restore Down. Restore Down takes a window from full-screen back to a window taking up only part of the screen.

16. Closing Windows
We've seen how to close windows before, in session four. The close window button will close the window and remove it from the task bar.

17. Resizing Windows
When a window is restored down (not taking up the full screen), you can resize it. Just click and drag from the bottom-right corner of the window.

18. Getting Back to the Desktop
Sometimes you need to access the icons on the desktop and there are a bunch of windows in the way. There are a couple of methods to see the desktop again.
Move windows
Typically, the icons you need are on the left-hand side of the screen. If you have all windows restored down, you can move them to the right and see your icons on the left.
Minimize windows
If your windows are large or full-screen and you don't want to move, restore down or resize them, hide them. Just minimize each of your windows until you can see the desktop.
Keyboard shortcut
If you have a Microsoft keyboard, there is a Start key in the bottom row. The Start key opens the Start menu. To hide all the windows and get straight to the desktop from anywhere, hold down the Start key and then press the D key.

19. 8. Contextual menus
In almost every location in Windows, in every program, you can right-click somewhere and see a menu pop up. To right-click, you click once on the right-hand button on your mouse.
This pop-up menu is called a contextual menu.
It is called a contextual menu because the menu items vary depending on the context. For example, if you right-click on a picture on the Web, you'll get a different menu than if you right-click on a program icon on the desktop.

20. 9. Opening a file into a specific program
Default programs
In Windows, a file of a given type will open by default into a particular program. You can tell which program it wants to open into (the default program) by looking at its icon.
However, a number of different programs might be able to work with a given file. The default program might not be the one you want to work in.
For example, a .jpg file might open in Windows Picture and Fax Viewer by default but you want to work with it in Photoshop instead. Or an .html file might open in a browser by default but you want to work on the code in Notebook, or in Dreamweaver.
A dialog box is something you'll find all over Windows. There are New, Save, Open and all kinds of other dialog boxes. These boxes let you tell Windows or a program specifically what you want.

21. Contextual menu
If the icon next to a file if not for the program you want, here's how to open the file into another program:
Locate the file in Windows Explorer.
Right-click on the file once to show the contextual menu.
Choose Open With.
If you see the program you want, select it from the list with a left-click.
If you don't see the program you want, select Choose Program...
If you see the program you want in that list, double-click on it. If not, click on Browse...
In the Open With... dialog box that appears, click on Desktop on the left.
Navigate to the program you want and double-click on it.

22. Click and drag
Now that you are comfortable arranging your windows on your screen, you can use click and drag:
Open the program first.
Go back to the desktop.
Navigate to the file you want.
Click and drag the file's icon over to the working space of the program.

23. 10. Creating new files in a program
Often when you have a program open, you want to create a new file. For example, you might want to start a new document In Microsoft Word to contain your history essay (we'll talk about using Microsoft Word shortly.)
In just about any program in Windows, you can create a new file for that program with the same method.
Find the File Menu at the top left of the screen.
Left-click on it once.
Select New...
Then your program will give you a New dialog box that gives you options for your file.
Here's the New... dialog box for Photoshop:

25. 11. Opening files in a program
In just about any program in Windows, you can open a file for that program with this method:
Find the File Menu at the top left of the screen.
Left-click on it once.
Select Open...
Then your program will give you an Open dialog box that lets you navigate and select your file.

26. 12. Saving files in a program
In just about any program in Windows, you can save a file you're working on with the same method.
Find the File Menu at the top left of the screen.
Left-click on it once.
Select Save
Save As...
If your file has never been saved before, you will see a Save as... dialog box.
Navigate to the location where you want to save your file. Put it somewhere logical so you can find it again.
Give the file a suitable name; type this into the File Name box near the bottom.
Click on the Save button.

27. Once you've begun a new file, save it often
Once you've begun a new file, save it often! I can't count how many times students have had to recreate work because the computer crashed and they hadn't saved their file in 30 minutes.

28. 13. The NumLock key
Numbers are available in a row above the letters on your keyboard. However, sometimes you'll want to type numbers quickly. The number keypad on the right of your keyboard is far more convenient. The number keypad only types in numbers if the NumLock key is engaged.
If numbers aren't showing on the screen when you type on the number keypad, try clicking on the NumLock key. The NumLock key is typically at the top-left corner of the number keypad.
Another way to determine if the NumLock key in engaged is to see if the NumLock light is lit at the top-right edge of the keyboard.

29. 14. Logging off, restarting and shutting down
IMPORTANT!
Do not use the power button on your computer to shut down your computer unless nothing else works. This method can cause damage to your files.

30. Logging off
Before you leave class for the day, please log off out your computer. Here's how:
Close all of your programs.
Click on the Start menu
Select Log Off
Confirm that you want to log off on the pop-up box.

31. Restarting
Sometimes the computer acts up. A program can go nutso and the best way to stop it from going haywire is to restart your computer. Here's how:
Close all the programs you can.
Go to the Log Off box, as above.
Instead of confirming the log off, click on Shut Down...
Select Shut Down and Restart and click OK.
Wait for the computer to shut down and restart itself.
Shutting Down
On some occasions I may ask you to simply shut down your computer. Here's how:
Select Shut Down and click OK.
Task Manager
If the Start Menu will not respond, you can usually access the Task Manager to log off or shut down:
Press the following keys all at the same time:
Ctrl
Alt
Delete
Click on Shut Down and choose the appropriate command.

32. The End Please type your name on the top of your quiz.
Print and turn your assignment in to me.