This document provides a visual step-by-step guide to editing a website. It outlines 4 steps: 1) Logging into the website, 2) Adding a column, 3) Adding another column, and 4) Adjusting the column width. Each step includes an image demonstrating the process and descriptions of how to perform the specified task, such as clicking buttons to add or edit columns. The document emphasizes the importance of logging out of websites for security reasons after completing edits.

1. A VISUAL STEP-BY-STEP GUIDE
by Jaime Cabrera
mr.jaime.aiu@gmail.com Image courtesy of www.profkrg.com

2. LOG IN
STEP 1
Image courtesy of camskra.com

3. Go to your website.
• BSP1J (English11: Freshman Skills)
http://bit.ly/1GtRdIj
• BSMT2B (Hum 13 World
Literature) http://bit.ly/1GfoIyZ
• AAPD1BB (Hum 13 World
Literature) http://bit.ly/1K4zlep
• BSMT2C (Hum 13 World
Literature) http://bit.ly/1eAPxHa

4. Scroll down to the bottom and log in.
Image courtesy of www.jimdo.lcom

5. If you logged in before on the same
computer, this is what you might see:
Image courtesy of www.jimdo.lcom

6. Click on LOG IN NOW
Image courtesy of www.jimdo.lcom

7. IF YOU DO NOT LOG IN
• The page will be in view mode, not in edit
mode.
• You can view the page, but you cannot edit it.
• If you want to edit a page, log in.

8. WAIT FOR PAGE LOADING
STEP 2
Image courtesy of mvcongressi.onlinecongress.it

9. A green circle means: Wait…

10. When the green circle is gone…
… then the page is fully loaded.

11. ADD A COLUMN
STEP 2
Image courtesy of www.store.virginmedia.com

12. Go to your webpage…

13. Click on + Add Element

14. Click on Columns

15. Click on + Add Element

16. Click on Text

17. Wait for loading to finish…

18. Type something…
… and save.

19. ADD ANOTHER COLUMN
STEP 3
Image courtesy of www.bloomberg.com

20. Add A Column
• Click on the columns
• When a blue box appears saying EDIT
COLUMNS, click on it.
• Click on the plus sign.

21. Delete A Column
• Click on the columns
• When a blue box appears saying EDIT
COLUMNS, click on it.
• Click on the trash sign.

22. ADJUST THE COLUMN WIDTH
STEP 4
Image courtesy of www.istockphoto.com

23. Adjust Column Width
• Use the slider.
• Click on the slider, and drag to the left or right.
• Save.

24. FINISHED
• For security reasons, make it a habit to always
log out after working on something online.
• This applies to your class website, to
Facebook, to Google, or to any email.
• If you do not log out, others may be able to
access your website. Strangers may gather
private information about you.
• Always log out when you are done: always.

25. END OF TUTORIAL
Image courtesy of www.profkrg.com