Scribd Logo
Upload

Welcome to Scribd!

  • 2K views

    Web Page Design Using Templates and Online Wysiwyg Platforms

    Uploaded by

    Catherine Bustamante
    This document discusses web page design using templates and online WYSIWYG platforms. It defines a web template as a pre-designed webpage that allows users to add their own content and images without needing web development expertise. It also defines WYSIWYG as enabling content editing in a format resembling the final display. The document examines types of web and mobile templates, popular WYSIWYG platforms like WordPress and Wix, and advantages and disadvantages of the WYSIWYG approach.

    Copyright:

    © All Rights Reserved
    Download as PPTX, PDF, TXT or read online from Scribd

    Web Page Design Using Templates and Online Wysiwyg Platforms

    Uploaded by

    Catherine Bustamante
    2K views12 pages
    This document discusses web page design using templates and online WYSIWYG platforms. It defines a web template as a pre-designed webpage that allows users to add their own content and images without needing web development expertise. It also defines WYSIWYG as enabling content editing in a format resembling the final display. The document examines types of web and mobile templates, popular WYSIWYG platforms like WordPress and Wix, and advantages and disadvantages of the WYSIWYG approach.

    Original Title

    Group 9.pptx

    Copyright

    © © All Rights Reserved

    Available Formats

    PPTX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    This document discusses web page design using templates and online WYSIWYG platforms. It defines a web template as a pre-designed webpage that allows users to add their own content and images without needing web development expertise. It also defines WYSIWYG as enabling content editing in a format resembling the final display. The document examines types of web and mobile templates, popular WYSIWYG platforms like WordPress and Wix, and advantages and disadvantages of the WYSIWYG approach.

    Copyright:

    © All Rights Reserved
    Download as PPTX, PDF, TXT or read online from Scribd
    Download as pptx, pdf, or txt
    2K views12 pages

    Web Page Design Using Templates and Online Wysiwyg Platforms

    Uploaded by

    Catherine Bustamante
    This document discusses web page design using templates and online WYSIWYG platforms. It defines a web template as a pre-designed webpage that allows users to add their own content and images without needing web development expertise. It also defines WYSIWYG as enabling content editing in a format resembling the final display. The document examines types of web and mobile templates, popular WYSIWYG platforms like WordPress and Wix, and advantages and disadvantages of the WYSIWYG approach.

    Copyright:

    © All Rights Reserved
    Download as PPTX, PDF, TXT or read online from Scribd
    Download as pptx, pdf, or txt
    of 12

    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.

    You might also like