WEB PAGE DESIGN

USING TEMPLATES
AND ONLINE WYSIWYG
PLATFORMS
By: Cassy Olalo, Miguel Marinas, KC Manio, Kenneth Tamayo
WEB TEMPLATES
➤ Web template is pre-designed webpage or set of HTML
webpages that anyone can use to "plug-in" their own text
content and images to create a website.
➤ Usually built with HTML (Hyperlink Text Mark-up Language)
website without hiring a professional web developer or
designer.
➤ HTML is a plain text code language that is used to allow web
browsers to render webpages as designed
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
WEB TEMPLATES MAY 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)
TYPES OF MOBILE
WEB TEMPLATES
➤ Responsive
➤ Full website with mobile
version (adaptive)
➤ Mobile and mobile optimized
➤ Mobile upgrade (for older
websites)
“ WHAT YOU
SEE IS WHAT
YOU GET
 WYSIWYG (/ˈwɪziwɪɡ/ WIZ-ee-wig)

Is an acronym for "What you see is what

you get". In computing, a WYSIWYG editor
is a system in which content can be edited
in a form of closely resembling its
appearance when printed or displayed as a
finished product.
BEST WYSIWYG PLATFORMS
➤ Cloud LGS - puts more effort into providing the best mobile
phone website builder program.
➤ 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.
➤ Wix - has been touted to a strong contender in the WYSIWYG
web builder category. The template designs are very
impressive, and there are 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.
➤ Squarespace templates available are rich in aeshetically
pleasing designs, and almost lean to the concept of
minimalism. This web creation platform's site are all mobile
responsive.
➤ 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.
➤ Dreamweaver- incorporates many advanced features
(accessibility support, dynamic language support, code editing,
XML, support, growing Javascript Library)
➤ Front Page- WSIWYG editor with similar toolbars/interface to
other Microsoft Programs.
 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
 DISADVANTAGES
➤ Many have browser bias
➤ Many still not well accomplished at writing dynamic pages
(ASP, PHP, JSP, Cold Fusion)
➤ Complex pages can easily be composed that do not follow
standards and therefore are not cross platform/cross browser
compatible.