Vous êtes sur la page 1sur 136

How to create your own

website using

2016 monicodechavez.wordpress.com - Virtual Powerhouse

Start by selecting Google Chrome.

2016 monicodechavez.wordpress.com - Virtual Powerhouse

Or any browser that you prefer like:

2016 monicodechavez.wordpress.com - Virtual Powerhouse

Then press the

2016 monicodechavez.wordpress.com - Virtual Powerhouse

key.

On the search bar area, type weebly.com

2016 monicodechavez.wordpress.com - Virtual Powerhouse

When you see this page, click Sign Up.

2016 monicodechavez.wordpress.com - Virtual Powerhouse

A sign up window will appear.

2016 monicodechavez.wordpress.com - Virtual Powerhouse

You can opt to sign up

2016 monicodechavez.wordpress.com - Virtual Powerhouse

with Facebook,

2016 monicodechavez.wordpress.com - Virtual Powerhouse

with Google,

2016 monicodechavez.wordpress.com - Virtual Powerhouse

10

Or by completing the boxes below.

2016 monicodechavez.wordpress.com - Virtual Powerhouse

11

For this tutorial, well select

2016 monicodechavez.wordpress.com - Virtual Powerhouse

12

the third option.

2016 monicodechavez.wordpress.com - Virtual Powerhouse

13

Start by typing your full name,

2016 monicodechavez.wordpress.com - Virtual Powerhouse

14

Followed by your Email Address,

2016 monicodechavez.wordpress.com - Virtual Powerhouse

15

and your password.

2016 monicodechavez.wordpress.com - Virtual Powerhouse

16

Then click Sign Up.

2016 monicodechavez.wordpress.com - Virtual Powerhouse

17

After your sign up, you will see this page.

2016 monicodechavez.wordpress.com - Virtual Powerhouse

18

Wherein you can choose different themes

2016 monicodechavez.wordpress.com - Virtual Powerhouse

19

Under different categories.

2016 monicodechavez.wordpress.com - Virtual Powerhouse

20

Lets say your making a website

2016 monicodechavez.wordpress.com - Virtual Powerhouse

21

just for your personal use for instance.

2016 monicodechavez.wordpress.com - Virtual Powerhouse

22

Just click over personal.

2016 monicodechavez.wordpress.com - Virtual Powerhouse

23

It will then give you different themes

2016 monicodechavez.wordpress.com - Virtual Powerhouse

24

That you can select from.

2016 monicodechavez.wordpress.com - Virtual Powerhouse

25

Lets choose the first one for example.

2016 monicodechavez.wordpress.com - Virtual Powerhouse

26

By the way,

2016 monicodechavez.wordpress.com - Virtual Powerhouse

27

Dont worry too much about the theme.

2016 monicodechavez.wordpress.com - Virtual Powerhouse

28

You can change it anytime later on.

2016 monicodechavez.wordpress.com - Virtual Powerhouse

29

Now, click over it.

2016 monicodechavez.wordpress.com - Virtual Powerhouse

30

Hey its loading

2016 monicodechavez.wordpress.com - Virtual Powerhouse

31

now this is the preview

2016 monicodechavez.wordpress.com - Virtual Powerhouse

32

of your chosen theme.

2016 monicodechavez.wordpress.com - Virtual Powerhouse

33

Lets now edit your theme! =)

2016 monicodechavez.wordpress.com - Virtual Powerhouse

34

Click the Start Editing button.

2016 monicodechavez.wordpress.com - Virtual Powerhouse

35

Wait for a moment

2016 monicodechavez.wordpress.com - Virtual Powerhouse

36

Weebly will then ask for your Domain.

2016 monicodechavez.wordpress.com - Virtual Powerhouse

37

You can use Weeblys subdomain,

2016 monicodechavez.wordpress.com - Virtual Powerhouse

38

Or you can register a New Domain

2016 monicodechavez.wordpress.com - Virtual Powerhouse

39

which costs money.

2016 monicodechavez.wordpress.com - Virtual Powerhouse

40

Or you can use a domain you already own.

2016 monicodechavez.wordpress.com - Virtual Powerhouse

41

For this tutorial,

2016 monicodechavez.wordpress.com - Virtual Powerhouse

42

Well use Weeblys domain.

2016 monicodechavez.wordpress.com - Virtual Powerhouse

43

Type your Website Domain here.

2016 monicodechavez.wordpress.com - Virtual Powerhouse

44

Weebly will now check

2016 monicodechavez.wordpress.com - Virtual Powerhouse

45

if it is available.

2016 monicodechavez.wordpress.com - Virtual Powerhouse

46

Once its done,

2016 monicodechavez.wordpress.com - Virtual Powerhouse

47

You may now proceed to Continue.

2016 monicodechavez.wordpress.com - Virtual Powerhouse

48

Loading

2016 monicodechavez.wordpress.com - Virtual Powerhouse

49

Loading

2016 monicodechavez.wordpress.com - Virtual Powerhouse

50

Loading

2016 monicodechavez.wordpress.com - Virtual Powerhouse

51

Welcome to your site!

2016 monicodechavez.wordpress.com - Virtual Powerhouse

52

If you want to change

2016 monicodechavez.wordpress.com - Virtual Powerhouse

53

the image of your site

2016 monicodechavez.wordpress.com - Virtual Powerhouse

54

..you can do so, by clicking here.

2016 monicodechavez.wordpress.com - Virtual Powerhouse

55

But for now, lets just set it as is.

2016 monicodechavez.wordpress.com - Virtual Powerhouse

56

Basically in Weebly,

2016 monicodechavez.wordpress.com - Virtual Powerhouse

57

everything is drag and drop.

2016 monicodechavez.wordpress.com - Virtual Powerhouse

58

You just click any of the elements on the left

2016 monicodechavez.wordpress.com - Virtual Powerhouse

59

and just drag and drop it inside your site.

2016 monicodechavez.wordpress.com - Virtual Powerhouse

60

So right now, we are in your home page.

2016 monicodechavez.wordpress.com - Virtual Powerhouse

61

First, let us manage your pages.

2016 monicodechavez.wordpress.com - Virtual Powerhouse

62

Click on it.

2016 monicodechavez.wordpress.com - Virtual Powerhouse

63

Right now, we have 3 pages.

2016 monicodechavez.wordpress.com - Virtual Powerhouse

64

The About page,

2016 monicodechavez.wordpress.com - Virtual Powerhouse

65

The Foundation page

2016 monicodechavez.wordpress.com - Virtual Powerhouse

66

And the journal page.

2016 monicodechavez.wordpress.com - Virtual Powerhouse

67

Lets try to rename the pages

2016 monicodechavez.wordpress.com - Virtual Powerhouse

68

base on your needs.

2016 monicodechavez.wordpress.com - Virtual Powerhouse

69

Lets start with the About page

2016 monicodechavez.wordpress.com - Virtual Powerhouse

70

Just click over it.

2016 monicodechavez.wordpress.com - Virtual Powerhouse

71

Then click here to change name.

2016 monicodechavez.wordpress.com - Virtual Powerhouse

72

Like this.

2016 monicodechavez.wordpress.com - Virtual Powerhouse

73

Notice that the changes

2016 monicodechavez.wordpress.com - Virtual Powerhouse

74

Was reflected here

2016 monicodechavez.wordpress.com - Virtual Powerhouse

75

Now click here to go back.

2016 monicodechavez.wordpress.com - Virtual Powerhouse

76

Then do the same

2016 monicodechavez.wordpress.com - Virtual Powerhouse

77

with the rest of your page.

2016 monicodechavez.wordpress.com - Virtual Powerhouse

78

Mine looked like this.

2016 monicodechavez.wordpress.com - Virtual Powerhouse

79

Now lets try to add some more pages

2016 monicodechavez.wordpress.com - Virtual Powerhouse

80

by clicking here.

2016 monicodechavez.wordpress.com - Virtual Powerhouse

81

The click on Standard Page.

2016 monicodechavez.wordpress.com - Virtual Powerhouse

82

And then rename it

2016 monicodechavez.wordpress.com - Virtual Powerhouse

83

just like what you did in your other pages.

2016 monicodechavez.wordpress.com - Virtual Powerhouse

84

Now as you will see,

2016 monicodechavez.wordpress.com - Virtual Powerhouse

85

you now have 4 pages.

2016 monicodechavez.wordpress.com - Virtual Powerhouse

86

Now basketball would probably fit

2016 monicodechavez.wordpress.com - Virtual Powerhouse

87

under hobbies.

2016 monicodechavez.wordpress.com - Virtual Powerhouse

88

So to put basketball under hobbies

2016 monicodechavez.wordpress.com - Virtual Powerhouse

89

just go back to pages.

2016 monicodechavez.wordpress.com - Virtual Powerhouse

90

And then drag Basketball upwards

2016 monicodechavez.wordpress.com - Virtual Powerhouse

91

until it reaches the bottom of hobbies.

2016 monicodechavez.wordpress.com - Virtual Powerhouse

92

Then drop it.

2016 monicodechavez.wordpress.com - Virtual Powerhouse

93

After that, click basketball again

2016 monicodechavez.wordpress.com - Virtual Powerhouse

94

Then drag it to the right

2016 monicodechavez.wordpress.com - Virtual Powerhouse

95

Until it has this little gap.

2016 monicodechavez.wordpress.com - Virtual Powerhouse

96

Then drop it.

2016 monicodechavez.wordpress.com - Virtual Powerhouse

97

Now head your cursor over to hobbies

2016 monicodechavez.wordpress.com - Virtual Powerhouse

98

To check if weve done it correctly.

2016 monicodechavez.wordpress.com - Virtual Powerhouse

99

And as you will see.

2016 monicodechavez.wordpress.com - Virtual Powerhouse

100

Basketball now is inside Hobbies already.

2016 monicodechavez.wordpress.com - Virtual Powerhouse

101

Lets now go back to build..

2016 monicodechavez.wordpress.com - Virtual Powerhouse

102

And lets rename your site.

2016 monicodechavez.wordpress.com - Virtual Powerhouse

103

Just click over. Then type your site name.

2016 monicodechavez.wordpress.com - Virtual Powerhouse

104

like this.

2016 monicodechavez.wordpress.com - Virtual Powerhouse

105

Lets now change our theme.

2016 monicodechavez.wordpress.com - Virtual Powerhouse

106

Just click over here.

2016 monicodechavez.wordpress.com - Virtual Powerhouse

107

Then click here.

2016 monicodechavez.wordpress.com - Virtual Powerhouse

108

And select your theme here.

2016 monicodechavez.wordpress.com - Virtual Powerhouse

109

Just click over the theme youve chosen.

2016 monicodechavez.wordpress.com - Virtual Powerhouse

110

Then click Choose Theme.

2016 monicodechavez.wordpress.com - Virtual Powerhouse

111

Lets now change your background photo.

2016 monicodechavez.wordpress.com - Virtual Powerhouse

112

Click here.

2016 monicodechavez.wordpress.com - Virtual Powerhouse

113

Go over your selected photo

2016 monicodechavez.wordpress.com - Virtual Powerhouse

114

click it.

2016 monicodechavez.wordpress.com - Virtual Powerhouse

115

Then proceed to Select.

2016 monicodechavez.wordpress.com - Virtual Powerhouse

116

You can then opt to zoom you image,

2016 monicodechavez.wordpress.com - Virtual Powerhouse

117

Or blur it a little,

2016 monicodechavez.wordpress.com - Virtual Powerhouse

118

Or darken it a bit,

2016 monicodechavez.wordpress.com - Virtual Powerhouse

119

Or add a filter.

2016 monicodechavez.wordpress.com - Virtual Powerhouse

120

Your choice

2016 monicodechavez.wordpress.com - Virtual Powerhouse

121

Then you can proceed to Save.

2016 monicodechavez.wordpress.com - Virtual Powerhouse

122

And choose Save to all pages.

2016 monicodechavez.wordpress.com - Virtual Powerhouse

123

Now try to add

2016 monicodechavez.wordpress.com - Virtual Powerhouse

124

Some elements

2016 monicodechavez.wordpress.com - Virtual Powerhouse

125

Some elements

2016 monicodechavez.wordpress.com - Virtual Powerhouse

126

to your site!

2016 monicodechavez.wordpress.com - Virtual Powerhouse

127

2016 monicodechavez.wordpress.com - Virtual Powerhouse

128

2016 monicodechavez.wordpress.com - Virtual Powerhouse

129

2016 monicodechavez.wordpress.com - Virtual Powerhouse

130

Just remember that its only a matter of

2016 monicodechavez.wordpress.com - Virtual Powerhouse

131

Click and drop.

2016 monicodechavez.wordpress.com - Virtual Powerhouse

132

Combine the elements

2016 monicodechavez.wordpress.com - Virtual Powerhouse

133

To make a very nice website

2016 monicodechavez.wordpress.com - Virtual Powerhouse

134

Then click Publish when youre done.

2016 monicodechavez.wordpress.com - Virtual Powerhouse

135

2016 monicodechavez.wordpress.com - Virtual Powerhouse

136

Vous aimerez peut-être aussi