create columns on your webpage

25
CREATE COLUMNS ON YOUR WEBPAGE A VISUAL STEP-BY-STEP GUIDE by Jaime Cabrera [email protected] Image courtesy of www.profkrg.com

Upload: jaime-alfredo-cabrera

Post on 30-Jul-2015

976 views

Category:

Education


3 download

TRANSCRIPT

Page 3: Create Columns on Your Webpage

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

Page 4: Create Columns on Your Webpage

Scroll down to the bottom and log in.

Image courtesy of www.jimdo.lcom

Page 5: Create Columns on Your Webpage

If you logged in before on the same computer, this is what you might see:

Image courtesy of www.jimdo.lcom

Page 6: Create Columns on Your Webpage

Click on LOG IN NOW

Image courtesy of www.jimdo.lcom

Page 7: Create Columns on Your Webpage

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.

Page 9: Create Columns on Your Webpage

A green circle means: Wait…

Page 10: Create Columns on Your Webpage

When the green circle is gone…

… then the page is fully loaded.

Page 11: Create Columns on Your Webpage

ADD A COLUMNSTEP 2

Image courtesy of www.store.virginmedia.com

Page 12: Create Columns on Your Webpage

Go to your webpage…

Page 13: Create Columns on Your Webpage

Click on + Add Element

Page 14: Create Columns on Your Webpage

Click on Columns

Page 15: Create Columns on Your Webpage

Click on + Add Element

Page 16: Create Columns on Your Webpage

Click on Text

Page 17: Create Columns on Your Webpage

Wait for loading to finish…

Page 18: Create Columns on Your Webpage

Type something…

… and save.

Page 19: Create Columns on Your Webpage

ADD ANOTHER COLUMNSTEP 3

Image courtesy of www.bloomberg.com

Page 20: Create Columns on Your Webpage

Add A Column• Click on the columns• When a blue box appears saying EDIT

COLUMNS, click on it.

• Click on the plus sign.

Page 21: Create Columns on Your Webpage

Delete A Column• Click on the columns• When a blue box appears saying EDIT

COLUMNS, click on it.

• Click on the trash sign.

Page 22: Create Columns on Your Webpage

ADJUST THE COLUMN WIDTHSTEP 4

Image courtesy of www.istockphoto.com

Page 23: Create Columns on Your Webpage

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

Page 24: Create Columns on Your Webpage

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.