Powerpoint on Basic web page creation.pptx

BASIC WEB PAGE
CREATION
WYSIWYG

Pre – test: True or False. Write T if is True and F if it is not.
1. HTML stands for Hypertext markup Language
2. Jimdo’s URL is www.jimdo.net
3. The home page is the first page of your website.
4. Adding emails, an XML sitemap, and linking your dropbox account are premium features of
jimdo.
5. You can include your twitter account and link it to your Jimdo website.
6. The form element adds a space for selling an item.
7. The photo element adds a space for selling an item.
8. CSS stands for Cascading Style Sheets.
9. WYSIWYG stands for What You Sense Is What You Get
10. Blog is a page that contains photos from your photobucket account.

Terms to remember
 WYSIWYG – what you see is what you get
 HTML – Hypertext Markup Language
 CSS – Cascading Style Sheets
 Template – a ready made design for website or blank by starting to scratch
 Heading – topmost label of a website
 SEO – Search Engine Optimazation

Creating a Website using Microsoft Word
1. Open a Microsoft® Word
2. Type anything on the page like “Welcome to my Website.”
3. Click File > Save As > Browse.
4. Locate your folder and specify the filename “Sample Web page.”
5. On the Save As type/select “Web Page.”
6. Input the page title like “My Website.”
7. Click OK and the Save.
8. Go to your folder and open your website.

Creating a Website using online Website Builders
 Wix
 Squarespace
 Wordpress
 Site123
 Optuno
 Web.com
 Fiverr
 BigCommerce
 Shopify
 Jimdo

Why Jimdo
 WYSIWYG
 Web hosting offering free and paid services
 Has android and ios application that let you manage your site on mobile
 Contains embedded apps like, dropbox, twitter, QR codes and google analytics

Let’s try Wix
 Any website builder will first instructed you to select what kind of website do
want to create.
 Select a free template or use blank template.
 Click edit to the template.

HTML
Basic Hypertext Markup Language

Basic HTML
<html>
 Start of the documents
</html>
 close
<html>
</html>

Basic HTML
<title>
 The title of the website that can be
seen on the ribbon
</title>
<title> Basic HTLM </title>
Or
<title>
Basic HTML
</title>

Basic HTML
<h>
 Heading
 We can have h1, h2, h3, etc as first
heading, second, third, etc
 Written in Bold
</h>
<h1> My HTML</h1>
<h2> My HTML </h2>
<h3> My HTML </h3>

Basic HTML
<body>
 Contents of the website
</body>
<body>
CBSAA
<br/>
STEM 11
</body>

Basic HTML
<fonts>
 Change color, size, type, etc
</fonts>
<body>
<font size=“+1”color=“red”>
CBSAA </fonts>
<br/>
STEM 11
</body>

Some Commands
<center> </center>- to make it in the center
<a> </a> - linking a website
<b> </b> - bold text
<i> <?i> - italic text
<big>
<small>
<sub>
<sup>
<u>
<s>

Powerpoint on Basic web page creation.pptx

More Related Content

Similar to Powerpoint on Basic web page creation.pptx

More from NORRISBREGENTE1

Recently uploaded

Powerpoint on Basic web page creation.pptx

Editor's Notes