WEBPAGE DESIGN USING TEMPLATES AND ONLINE WYSIWYG PLATFORMS

2. Website/web template is a pre-designed webpage or
set of HTML webpages that anyone can use to “plug-in”
their own text content and images into to create a website.
Usually built with HTML (Hyperlink Text Mark-up
Language) ,website templates allow anyone to setup a
website without hiring a professional web developer or
designer.
HTML -plain text code language that is used to allow web
browsers to render webpages as designed.

3. TYPES OF WEB TEMPLATES
•Self contained ZIP file downloads
•Part of a proprietary web builder interface
•Included with an HTML software editing
program
•They may be responsive, adaptive or static in
design or configured specifically for mobile

4. What can Web template include:
• Text
• (.jpg)(.png) or (gif) images
• jQuery and CSS3 animation
• Shopping carts
• Contact forms
• Dynamic image galleries and slideshows
• PDF download links page
• Video players (including embedded Youtube movies)

5. Web templates passed the Google Mobile-
Friendly Test.
TYPES OF MOBILE Web Templates
Responsive
Full website with mobile version (adaptive)
Mobile and mobile optimized
Mobile upgrade (for older websites)

7. What You See Is
What You Get
(WYSIWYG)

8. WYSIWYG (pronounced "wiz-ee-wig") editor or
program is one that allows a developer to see what the end
result will look like while the interface or document is being
created. It is an acronym for "what you see is what you get".
A WYSIWYG editor can be contrasted with more traditional
editors that require the developer to enter descriptive codes
(or markup ) and do not permit an immediate way to see the
results of the markup. The first true WYSIWYG editor was a
word processing program called Bravo by Charles Simonyi.

9. BEST WYSIWYG PLATFORMS
• 1. Cloud LGS puts more effort into providing the best mobile phone
website builder program. Developed and offered by Cloud LGS,
displays beautiful across all screen sizes, creates responsive designed
websites which are packed with online tools & features to help
entrepreneurs grow their business from a cell phone.
• 2. Wordpress the choice of most web creation professionals, it is an
excellent tool for the creation of your website, can be utilised for
blog sites with customized options to choose from.

10. BEST WYSIWYG PLATFORMS
• 3. Wix has been touted to a strong contender in the WYSIWYG web
builder category. The template designs are very impressive, and
there so much flexibility on how one can design their website due to
the nature of this web creation platform. It also allows for an easy
insertion of web animations.
• 2. Squarespace templates available are rich in aesthetically pleasing
designs, and almost lean to the concept of minimalism. This web
creation platform’s site are all mobile responsive.

11. BEST WYSIWYG PLATFORMS
• 5. Weebly is commonly compared to Wix as they both provide the
same experience when it comes to website creation. It allows for
interchanging of a template even after one has been chosen from
the beginning and somewhat limited website creation
customizations allow for the building of a website that loads faster
for users.

12. There are two most common used HTML
editors:
Dreamweaver- incorporates many advanced features
(accessibility support, dynamic language support, code editing,
XML support, growing Javascript Library)
FrontPage- WYSIWYG editor with similar toolbars/
interface to other Microsoft Programs

13. ADVANTAGES:
Quick time development
Little knowledge of HTML needed for basic
pages
Works much like any popular word
processor
Controls file structure within the program

14. DISADVANTAGES:
Many have browser bias
Many still not well accomplished at writing
dynamic pages(ASP, PHP, JSP, ColdFusion)
Complex pages can easily be composed that
do not follow standards and therefore are
not cross platform/ cross browser
compatible

15. REFERENCES
•Allwebcodesign.com

17. 1. It is a pre-designed webpage
2. Or ______________
3. HTML stands for
4. What can web template include, give three.
5-8. What are the 4 types of mobile web templates.
9. WYSIWYG stands for
10. An editor or program that allows a developer to
see what the end result will look like while the
interface or document is being created.

18. 11.It is the choice of most web creation
professionals, it is an excellent tool for the
creation of your website, can be utilised for
blog sites with customized options to choose
from.
12.-13. Give the two most common used HTML
editor
14. Give one disadvantage
15. Give one advantage

19. GROUP MEMBERS (11-Pearson)
• Franz Joseph Iglesia
• Hazel Ontog
• Moana Al Marie Grageda
• Chloie Anne Villamor
• Micko Ibarreta
• Shelanie Almira Oliquino