Scribd
Upload
1K views15 pages

Basic Web Page Creation with Jimdo

This document provides a lesson on basic web page creation using templates and an online WYSIWYG platform. The objectives are to create a web page using MS Word, create a website using a free host, design a website using an online WYSIWYG platform, and edit/insert elements. It discusses WYSIWYG, creating pages using Jimdo, design options, editing elements, and the Jimdo WYSIWYG menu. Key terms defined include WYSIWYG, HTML, CSS, templates, and SEO. References include books, MS Word, and Jimdo.

Uploaded by

Kaycee Gonzales
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
1K views15 pages

Basic Web Page Creation with Jimdo

This document provides a lesson on basic web page creation using templates and an online WYSIWYG platform. The objectives are to create a web page using MS Word, create a website using a free host, design a website using an online WYSIWYG platform, and edit/insert elements. It discusses WYSIWYG, creating pages using Jimdo, design options, editing elements, and the Jimdo WYSIWYG menu. Key terms defined include WYSIWYG, HTML, CSS, templates, and SEO. References include books, MS Word, and Jimdo.

Uploaded by

Kaycee Gonzales
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
  • Introduction to Web Page Creation: Introduces basic concepts of web page creation and the structure of the lessons that will be covered.
  • Lessons Overview: Outlines the key lessons which include using templates and a WYSIWYG platform.
  • Lesson Objectives: Details the objectives that students should achieve by the end of the lesson, such as creating a website using Microsoft Word.
  • Creating a Website: Discusses the initial steps and concepts involved in creating a website.
  • Understanding WYSIWYG: Explains the concept of WYSIWYG (What You See Is What You Get) and its importance in web design.
  • Page Design Using WYSIWYG: Covers designing a web page using online WYSIWYG platforms.
  • Creating Your Website Using Jimdo: Explains how to create a website using the Jimdo platform with its features and services.
  • Design Features: Details various design options available for users to personalize their websites including color themes and animations.
  • Editing Elements: Describes how users can edit and insert different elements on their website, like text, images, and buttons.
  • Jimdo WYSIWYG Menu: Lists features available within the Jimdo platform to manage web pages effectively.
  • Key Terms in Web Design: Defines key terms related to web design including HTML, CSS, and SEO.
  • References: Lists sources and tools referenced in the web design lesson, including textbooks and software.
  • Conclusion: Concludes the presentation with a closing message to thank the audience.

BASIC WEB PAGE CREATION

LESSON 8
LESSONS

 Web page creation using templates


 Web page design using an online WYSIWYG platform
LESSONS OBJECTIVES

At the end of this lesson, the students should be able to:


 create a web page using Microsoft Word;
 create their own website using a free host;
 design a website using an online WYSIWYG platform; and
 edit and insert elements for their website.
CREATING WEBSITE
TOPIC 1
WYSIWYG

 An acronym for What You See Is What You Get.


CREATING PAGE DESIGN USING AN ONLINE WYSIWYG PLATFORM
TOPIC 2
CREATING YOUR OWN WEBSITE USING JIMDO

Jimdo
 A WYSIWYG web hosting service. It offers free, professional, and business web hosting services.
 It also has an iOS and Android app which you can use to manage your website whenever you do not have access to a PC.
DESIGN

 COLOR THEME – allows the user to modify the color theme


 FONT SET – allows the user to modify the font size and style
 BUTTONS – allows the user to select pre-defined buttons
 ANIMATIONS – allows the user to select pre-defined animations
EDITING ELEMENTS

A. Show elements – allows the user to insert the following elements into a block depending on the block design
1. Title text – allows the user to insert a Title Text
2. Image/Video - allows the user to insert a Image/Video
3. Text - allows the user to insert a Body Text
4. Primary button - allows the user to insert a Primary button
5. Secondary button - allows the user to insert a Secondary button
EDITING ELEMENTS

B. Block design – these are theme templates that allows the user to edit the content for the following:
1. Cover - insert cover template
2. About - insert about template
3. News – insert news template
4. Text – insert body text template
5. Image – insert single and multiple images template
6. Slideshow – insert a slideshow of images
7. Columns – insert a column template a combination of images and body text.
8. List – insert a list template
9. Banner – insert a banner template
10. Music – insert music template
11. Booking – insert a booking template
12. Menu – insert a menu template
13. Contact – insert contact template and some templates has map.
EDITING ELEMENTS

C. Copy – used to copy element


D. Delete block – used to remove the element
E. Duplicate– click and drag the element to a valid part of the page
F. Move block up – used to move the element up by one level
G. Move block down – used to move the element one level lower
JIMDO WYSIWYG MENU

1. Dashboard – allows you to view the other website you created with Jimdo and edit them.
2. Design – allows you to change your template, style, background, and even customize your template.
3. Pages – allows you to edit and go to the pages created.
4. Store – This contains the orders made on your site if you placed items available for purchase.
5. SEO (Search Engine Optimization) – enables people to easily find your site using search engines.
6. Publish – allows the user publish, and share the web page.
7. Upgrade –setup plans to your web site, and helps you to create domains and emails that your site use.
8. Assistant – premium feature that allows you to ask questions to the Jimdo support team.
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 WYSIWYG editor.
 Template – a ready-made design for a website.
 Heading – the topmost label of a website.
 SEO (Search Engine Optimization) – a feature that maximizes the search engine optimization feature so visitors
can easily locate your website.
REFFERENCES:

 Empowerment Technologies Second Edition by Innovative Training Works, Inc.


 MS Word
 Jimdo

BASIC WEB PAGE CREATION LESSON 8
LESSONS Web page creation using templates Web page design using an online WYSIWYG platform
LESSONS OBJECTIVES At the end of this lesson, the students should be able to:  create a web page using Microsoft Word;  cre
CREATING WEBSITE TOPIC 1
WYSIWYG  An acronym for What You See Is What You Get.
CREATING PAGE DESIGN USING AN ONLINE WYSIWYG PLATFORM TOPIC 2
CREATING YOUR OWN WEBSITE USING JIMDO Jimdo  A WYSIWYG web hosting service. It offers free, professional, and business web h
DESIGN  COLOR THEME – allows the user to modify the color theme  FONT SET – allows the user to modify the font size and sty
EDITING ELEMENTS A. Show elements – allows the user to insert the following elements into a block depending on the block des
EDITING ELEMENTS B. Block design – these are theme templates that allows the user to edit the content for the following: 1. C

You might also like