CREATING YOUR OWN

WEBSITE USING JIMDO

JIMDO
• Is a WYSIWYG web hosting service.
• It offers free, professional and business web
hosting services.
• Jimdo also has an iOS and adroid app which you
can use to manage your website whenever you
do not have access to a PC.
•WYSIWYG (/ˈwɪziwɪɡ/ WIZ-ee-wig)[1] is
an acronym for What You See Is What You
Get. In computing, a WYSIWYG editor is a
system in which content (text and graphics)
can be edited in a form closely resembling
its appearance when printed or displayed
as a finished product,[2] such as a printed
document, web page, or slide presentation.
 STEPS
• 1. Create account on Jimdo by going to www.jimdo.com and
clicking Create Your Free Website.
• 2. You will be instructed to choose a template. Pick any
template that you want.
• 3. Choose a URL for your website. Enter your email and
password.
• 4. Your website will be generated and soon you will end up
site’s WYSIWYG editor.
• 5. The editor is pretty easy to use. The center shows the
preview of your website. The design tools are located on the
right.
TIPS IN USING THE WYSIWYG EDITOR
• By default, the home page is shown on your editor.
• To navigate to another page, simply click the page title on your
navigator.
• The site navigator contains a set of links going through the different
pages of your website.
• The navigator currently available to you depends on which template
you used.
INSERTING A PAGE
• 1. Hover your mouse pointer over the site
navigator. The Edit Navigation button will
appear.
• 2. Click on the Edit Navigation button. Click on
Add a New Page.
• 3. Rearrange pages using the tools on the right
of the page title.
• 4. Click Save when done
 EDITING ELEMENTS
• Hovering over a text, image or any element you see on the website will
highlight the element.

• MOVE ELEMENT UP – used to move the element up by one level.

• MOVE ELEMENT DOWN – used to move element one level lower.
• DELETE ELEMENT – used to remove the element.
• COPY ELEMENT – used to copy the element.
• DRAG TOOL – click and drag the element to a valid part of the page.
• Clicking on an element will show more options regarding on what visual
element you clicked.
I. HEADER - If it is a header, clicking the text will allow you to edit the text
and change its font size.
II. IMAGE – if it is an image, several options would also appear. It also
allows you to upload an image directly from your computer o a Dropbox
account.
SIZING TOOL – used to make image larger or smaller or restore to actual
size page.
ALIGN TOOLS – used for left, right, and center alignment page.
ROTATE TOOLS – used to rotate image clockwise or counter-clockwise page.
VIEW TOOLS – used to enable enlarge image, link photo and remove link.
(tip: enable enlarge image will show a small image on the page and will only
be enlarged when a user clicks it. Link photo allows you to insert an
image from another website or image host like Photobucket.)
III. PARAGRAPH
If it is a paragraph, you will be treated to even more options similar to
using a word processor.

ADDING ELEMENTS
1. To add elements on screen, hover the mouse pointer over the top or bottom
of an existing element until the ADD ELEMENT appears.
2. Select the visual element you want to add.
a. HEADING - to insert heading type of text
b. TEXT – to insert a paragraph type of text
c. PHOTO – to insert a single photo
d. TEXT WITH PHOTO – to insert a photo surrounded with text
• E. PHOTO GALLERY – to insert multiple photos on one area.
• F. HORIZONTAL LINE – to insert a horizontal line that acts as a
divider.
• G. SPACING – to add a space with a specified size.
• H. COLUMNS – to insert columns that divide an area vertically
• I. VIDEO – to insert a video from a video hosting site like Youtube
• J. FORM – creates a Send an Email form for feedback
• K. STORE ITEM – adds a space for selling an item (online shopping)
• L. SHARE BUTTONS – adds buttons for the site visitor to share your
website
• M. ADDITIONAL ELEMENTS – includes other options like Google
Maps, file download, widgets, etc.
• 3. EDIT THE ELEMENT TO YOUR LIKING THEN CLICK SAVE.

• SITE SETTINGS
1. TEMPLATES – changes the design templates selected
2. STYLE – changes the design style of the page (like color)
3. BLOG – creates a blog for your websites
4. UPGRADE – upgrades to JimdoPro or JimdoBusiness.
5. SETTINGS – changes account and website settings.
6. SEO – Search Engine Optimization; used for others to easily find
your site using search engines like Google and Bing.
7. STORE – manages the orders made from your website
8. STATISTICS – views your site’s statistics
9. HELP – accesse Jimdo’s help archive.
You may also use the tools located on the right-hand side of the
screen to get access to these features.
• SETTINGS
- The SETTINGS option contains important information that you
should edit to make the most out of your Jimdo website.

The ACCOUNT SETTINGS – includes changing your password, email,

and personal profile.
The WEBSITE options allows you to change your site title and footer;
checks your storage, creates your privacy policy and your favicon (the
icon of your website shown on a browser)
• The MOBILE SETTINGS is used to prepare your page for mobile devices.
• The EMAIL and DOMAIN MANAGEMENT setting is a premium feature. It is
used to manage email accounts for your website.
• The EMAIL AND DOMAIN MANAGEMENT settings is a premium feature. It
is used to manage email accounts for your website.
• The STORE settings allows you to manage the items you sell on your website.
• The SEO option is a premium feature that maximizes the Search Engine
Optimization.
• The APPS option contains settings for embedded apps on your website like
Dropbox, QR Codes, Google Analytics, and Twitter.
• The JIMDO settings allow you to remove the Jimdo Box on your website
(premium feature) and check Jimdo News.

***Once you’re are done editing the settings, go to your site’s URL using a
browser of your choice.***
KEY TERMS
• WYSIWYG – An editor that allows you to create and design web pages
without any coding knowledge.
• HTML – stands for Hypertext Markup Language.
• CSS – stands for Cascading Style Sheets.
• Jimdo – a free website provider with a WYSIWG editor.
• Template – a ready-made design for a website.
• Heading – the topmost label of a website.
• SEO – stands for Search Engine Optimization; a feature that maximizes
the search engine optimization feature so visitors can easily locate
your website.