This document discusses different types of web design tools and online applications. It describes WYSIWYG (What You See Is What You Get) editors that allow developers to see how a web page will look as it is being created. Some examples of WYSIWYG apps mentioned are Adobe Dreamweaver, Amaya, Microsoft Expression Web, and IM Creator. The document also discusses online presentation tools like Haiku Deck, Prezi, and Google Slides. Other sections cover mapping applications, cloud storage options like Google Drive, Dropbox, and Evernote, and mind mapping tools.

3. WEB DESIGN
USING
TEMPLATE &
WYSIWYG

4. WYSIWYG
(wiz-ee-wig)
What You See Is
What You Get

5.  It is an application that is used to
create a Web site either online or
offline.
 An editor or program that allows
a developer to see what is the end
result will look like the interface
document is being created,
5
🔨🔑📌🔌

6.  the WYSIWYG is invented by
Charles Simoyni at the Xerox
Palo Alto Research Center in
the 1970’s.

7. Examples of WYSIWYG Apps for
both Online and Offline
Development
7

8. 1. Adobe Dreamweaver
 an offline proprietary Web development
tool offered by Adobe Systems. This
tools presents a wide range of tools for
the drag-and-drop option.
8

9. 2. AMAYA
9
 an open source Website development tool
used to update documents directly on running
Web site. Amaya enables continues browsing
and editing of a Web site.

10. 3. MICROSOFT EXPRESSION
WEB
10
 a proprietary Web Site
Development tool created by
Microsoft. It has simple drag-and-
drop elements.

11. 4. IM CREATOR
11
 caters to both experienced and
inexperienced users, IM Creator offers
predesigned templates that will aid
inexperienced users.

12. 5. WIX
12
 a Web site that offers its users to create
their website. The advantage of using WiX
is that knowledge of website programming is
not prerequisite.

15. ONLINE PRESENTATION
TOOLS
15
.
 Offer the function of an image and
presentation software
 NO trouble of purchasing and installing the
presentation software on your device
 This application also offer online storage for
saving created files.
🔨🔑📌🔌

16. Presentation
Tools
16
Best Online

17.  Haiku
Deck
17
.
 focus on imagery and graphics
🔨🔑📌🔌

18.  Prezi
18
.
 gives users the ability to create
dynamic, fluid, non-linear presentations
with great animations and motion.
🔨🔑📌🔌

19.  Google
Slides
19
.
 has a professional look and feel along with
some interesting and dynamic transitions,
images, presentation themes, and other tools.
🔨🔑📌🔌

20. Reaveal.js/slides.co
m
20
.
 lets you build robust slide decks
and presentations using HTML
or mark down.
🔨🔑📌🔌

21. iCloud
21
 A web app that allows you to create and
edit presentations using a web browser
on a Mac or Windows Computer.
🔨🔑📌🔌

22. SlideShar
e
22
 Provides a facility for uploading
and sharing presentation files.
🔨🔑📌🔌

26.  Mind Meister
26
.
 an online collaborative tool.
🔨🔑📌🔌

31. Mapping
Applicatio
ns
31

32. 32 Mapping
Applications
32
.
 web mapping applications are Web
sites developed from geographical
information systems (GIS) data.
Mapping information applications
use GIS to create a graphical and
illustrative representation to easily
visualize maps.
🔨🔑📌🔌

33. Examples of
Mapping
Application
33

34. 34
 Google Maps
34
.
 are used to indicate a location of
an establishment described on a
Web site.
🔨🔑📌🔌

35. 35
 WIKIMAPIA
35
.
 A collaborative open content
mapping application. This Web site
uses Google Maps APIs for
mapping.
🔨🔑📌🔌

36. CLOUD
STORAGE

37. 3737
🔨🔑📌🔌
 This is a storage application
developed by Google.
 GOOGLE
DRIVE .

38. 38
 DROP BOX
38
.
🔨🔑📌🔌
 This is a file hosting and
storage service developed by
Dropbox, Inc.

39. 39
 EVERNOTE
39
.
🔨🔑📌🔌
 This is an online note-taking and
archiving application service.

40. THANK YOU
FOR
LISTENING
40