30
WEB DESIGN BASICS

Web design basics_01

Embed Size (px)

Citation preview

Page 1: Web design basics_01

WEB DESIGN BASICS

Page 2: Web design basics_01

CodingPlease turn to p. 4 of your manual

Page 3: Web design basics_01

Web BrowserPlease turn to p. 4 of your manual

Page 4: Web design basics_01

URLPlease turn to p. 4 of your manual

Page 5: Web design basics_01

Loading Takes TimePlease turn to p. 5 of your manual

Page 6: Web design basics_01

Questions Worth Asking

What will be the purpose of your web site?

Who will your audience be?

What will be the content of your web site?

What type of design are you aiming at?

Please turn to p. 5 of your manual

Page 7: Web design basics_01

Start Small…

Page 8: Web design basics_01

Please turn to p. 5 of your m

anual

Page 9: Web design basics_01

1

Page 10: Web design basics_01

2Layout

Page 11: Web design basics_01

3

Balance

Page 12: Web design basics_01
Page 13: Web design basics_01

What is Word Press?

Page 14: Web design basics_01

Content Management-System

Page 15: Web design basics_01

Why Word Press?

Page 16: Web design basics_01

A few examples

• Altimea

• Documenta Escenicas

• Mosaic Loft

Page 17: Web design basics_01

Let’s get started and create our first web page in only 5 steps!

• Please go to: www.wordpress.com

Page 18: Web design basics_01

Step#1

Page 19: Web design basics_01

Step#2

Page 20: Web design basics_01

Step#3

Page 21: Web design basics_01

Step#4

Page 22: Web design basics_01

Step#5

Page 23: Web design basics_01

The Dashboard

Page 24: Web design basics_01

Add a Gravatar

①Go to the Dashboard②Click on Users, and the All Users③Click on your username④Click on Change your Gravatar, a window will

appear⑤Choose one of the available options

Page 25: Web design basics_01
Page 26: Web design basics_01
Page 27: Web design basics_01
Page 28: Web design basics_01
Page 29: Web design basics_01

General Settings

Page 30: Web design basics_01