Webpage Design Using Templates and Online WYSIWYG Platforms

Webpage Design Using Templates and Online WYSIWYG Platforms

• 2.
  Website/web template isa 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 WEBTEMPLATES •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 Webtemplate 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 passedthe 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 SeeIs 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 twomost 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 Littleknowledge of HTML needed for basic pages Works much like any popular word processor Controls file structure within the program
• 14.
  DISADVANTAGES: Many have browserbias 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 isa 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 thechoice 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