Create Columns on Your Webpage
Download as PPTX, PDF0 likes1,374 views
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.
Create Columns on Your Webpage
- 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