SlideShare une entreprise Scribd logo
1  sur  19
Télécharger pour lire hors ligne
Webpage Design Using Templates and Online WYSIWYG Platforms
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.
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
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)
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)
Webpage Design Using Templates and Online WYSIWYG Platforms
What You See Is
What You Get
(WYSIWYG)
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.
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.
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.
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.
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
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, ColdFusion)
Complex pages can easily be composed that
do not follow standards and therefore are
not cross platform/ cross browser
compatible
REFERENCES
•Allwebcodesign.com
Webpage Design Using Templates and Online WYSIWYG Platforms
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.
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
GROUP MEMBERS (11-Pearson)
• Franz Joseph Iglesia
• Hazel Ontog
• Moana Al Marie Grageda
• Chloie Anne Villamor
• Micko Ibarreta
• Shelanie Almira Oliquino

Contenu connexe

Tendances

Empowerment Technology Lesson 2
Empowerment Technology Lesson 2Empowerment Technology Lesson 2
Empowerment Technology Lesson 2alicelagajino
 
Group 3 basic web page creation
Group 3  basic web page creationGroup 3  basic web page creation
Group 3 basic web page creationFe Lanny Tejano
 
Natures and Purpose of Online Platforms and Applications
Natures and Purpose of Online Platforms and ApplicationsNatures and Purpose of Online Platforms and Applications
Natures and Purpose of Online Platforms and ApplicationsJohn Mark Centeno
 
Empowerment Technology - Basic Web Design Principles and Elements
Empowerment Technology - Basic Web Design Principles and ElementsEmpowerment Technology - Basic Web Design Principles and Elements
Empowerment Technology - Basic Web Design Principles and ElementsLany Lyn Magdaraog
 
Basic Principles Of Graphics and Layout
Basic Principles Of Graphics and LayoutBasic Principles Of Graphics and Layout
Basic Principles Of Graphics and LayoutDeoky5799
 
Online Safety, Security, Ethics, and Netiquette - Empowerment Technologies
Online Safety, Security, Ethics, and Netiquette - Empowerment TechnologiesOnline Safety, Security, Ethics, and Netiquette - Empowerment Technologies
Online Safety, Security, Ethics, and Netiquette - Empowerment TechnologiesMark Jhon Oxillo
 
Empowerment Technology Lesson 1
Empowerment Technology Lesson 1Empowerment Technology Lesson 1
Empowerment Technology Lesson 1alicelagajino
 
Empowerment Technologies - Principles of Visual Message and Design using Inf...
Empowerment  Technologies - Principles of Visual Message and Design using Inf...Empowerment  Technologies - Principles of Visual Message and Design using Inf...
Empowerment Technologies - Principles of Visual Message and Design using Inf...Lany Lyn Magdaraog
 
Advanced Word Processing Skills - Empowerment Technologies
Advanced Word Processing Skills - Empowerment TechnologiesAdvanced Word Processing Skills - Empowerment Technologies
Advanced Word Processing Skills - Empowerment TechnologiesMark Jhon Oxillo
 
Empowerment Technology Lesson 3
Empowerment Technology Lesson 3Empowerment Technology Lesson 3
Empowerment Technology Lesson 3alicelagajino
 
Empowerment Technologies - Module 1
Empowerment Technologies - Module 1Empowerment Technologies - Module 1
Empowerment Technologies - Module 1Jesus Rances
 
Online Platform Tools for ICT Content Development
Online Platform Tools for ICT Content Development Online Platform Tools for ICT Content Development
Online Platform Tools for ICT Content Development Christine Joy Benedicto
 
Basic Web Design Principles and Elements
Basic Web Design Principles and ElementsBasic Web Design Principles and Elements
Basic Web Design Principles and ElementsEromRamos
 
Online Platforms for ICT Content Development - Empowerment Technologies
Online Platforms for ICT Content Development - Empowerment TechnologiesOnline Platforms for ICT Content Development - Empowerment Technologies
Online Platforms for ICT Content Development - Empowerment TechnologiesMark Jhon Oxillo
 
Empowerment Technologies - Module 3
Empowerment Technologies - Module 3Empowerment Technologies - Module 3
Empowerment Technologies - Module 3Jesus Rances
 
Imaging and design for the online environment (empowermwnt technologies)
Imaging and design for the online environment (empowermwnt technologies)Imaging and design for the online environment (empowermwnt technologies)
Imaging and design for the online environment (empowermwnt technologies)EricaVS
 
Imaging and Design for the Online Environment - Empowerment Technologies
Imaging and Design for the Online Environment - Empowerment TechnologiesImaging and Design for the Online Environment - Empowerment Technologies
Imaging and Design for the Online Environment - Empowerment TechnologiesMark Jhon Oxillo
 

Tendances (20)

Empowerment Technology Lesson 2
Empowerment Technology Lesson 2Empowerment Technology Lesson 2
Empowerment Technology Lesson 2
 
Group 3 basic web page creation
Group 3  basic web page creationGroup 3  basic web page creation
Group 3 basic web page creation
 
Natures and Purpose of Online Platforms and Applications
Natures and Purpose of Online Platforms and ApplicationsNatures and Purpose of Online Platforms and Applications
Natures and Purpose of Online Platforms and Applications
 
Empowerment Technology - Basic Web Design Principles and Elements
Empowerment Technology - Basic Web Design Principles and ElementsEmpowerment Technology - Basic Web Design Principles and Elements
Empowerment Technology - Basic Web Design Principles and Elements
 
Basic Principles Of Graphics and Layout
Basic Principles Of Graphics and LayoutBasic Principles Of Graphics and Layout
Basic Principles Of Graphics and Layout
 
Online Safety, Security, Ethics, and Netiquette - Empowerment Technologies
Online Safety, Security, Ethics, and Netiquette - Empowerment TechnologiesOnline Safety, Security, Ethics, and Netiquette - Empowerment Technologies
Online Safety, Security, Ethics, and Netiquette - Empowerment Technologies
 
Empowerment Technology Lesson 1
Empowerment Technology Lesson 1Empowerment Technology Lesson 1
Empowerment Technology Lesson 1
 
Empowerment Technologies - Principles of Visual Message and Design using Inf...
Empowerment  Technologies - Principles of Visual Message and Design using Inf...Empowerment  Technologies - Principles of Visual Message and Design using Inf...
Empowerment Technologies - Principles of Visual Message and Design using Inf...
 
Advanced Word Processing Skills - Empowerment Technologies
Advanced Word Processing Skills - Empowerment TechnologiesAdvanced Word Processing Skills - Empowerment Technologies
Advanced Word Processing Skills - Empowerment Technologies
 
Empowerment Technology Lesson 3
Empowerment Technology Lesson 3Empowerment Technology Lesson 3
Empowerment Technology Lesson 3
 
Empowerment Technologies - Module 1
Empowerment Technologies - Module 1Empowerment Technologies - Module 1
Empowerment Technologies - Module 1
 
Online Platform Tools for ICT Content Development
Online Platform Tools for ICT Content Development Online Platform Tools for ICT Content Development
Online Platform Tools for ICT Content Development
 
Online platform
Online platformOnline platform
Online platform
 
Basic Web Design Principles and Elements
Basic Web Design Principles and ElementsBasic Web Design Principles and Elements
Basic Web Design Principles and Elements
 
Online Platforms for ICT Content Development - Empowerment Technologies
Online Platforms for ICT Content Development - Empowerment TechnologiesOnline Platforms for ICT Content Development - Empowerment Technologies
Online Platforms for ICT Content Development - Empowerment Technologies
 
Productivity tools
Productivity toolsProductivity tools
Productivity tools
 
Empowerment Technologies - Module 3
Empowerment Technologies - Module 3Empowerment Technologies - Module 3
Empowerment Technologies - Module 3
 
Multimedia and ICT
Multimedia and ICTMultimedia and ICT
Multimedia and ICT
 
Imaging and design for the online environment (empowermwnt technologies)
Imaging and design for the online environment (empowermwnt technologies)Imaging and design for the online environment (empowermwnt technologies)
Imaging and design for the online environment (empowermwnt technologies)
 
Imaging and Design for the Online Environment - Empowerment Technologies
Imaging and Design for the Online Environment - Empowerment TechnologiesImaging and Design for the Online Environment - Empowerment Technologies
Imaging and Design for the Online Environment - Empowerment Technologies
 

Similaire à Webpage Design Using Templates and Online WYSIWYG Platforms

Website development company dubai.pdf
Website development company dubai.pdfWebsite development company dubai.pdf
Website development company dubai.pdfreachbusiness1
 
Empowerment Technology- PowerPoint Presentation copy.pptx
Empowerment Technology- PowerPoint Presentation copy.pptxEmpowerment Technology- PowerPoint Presentation copy.pptx
Empowerment Technology- PowerPoint Presentation copy.pptxArcee Mondragon
 
Empowerment Technology- PowerPoint Presentation copy.pdf
Empowerment Technology- PowerPoint Presentation copy.pdfEmpowerment Technology- PowerPoint Presentation copy.pdf
Empowerment Technology- PowerPoint Presentation copy.pdfArcee Mondragon
 
LATEST_TRENDS_IN_WEBSITE_DEVELOPMENT.pptx
LATEST_TRENDS_IN_WEBSITE_DEVELOPMENT.pptxLATEST_TRENDS_IN_WEBSITE_DEVELOPMENT.pptx
LATEST_TRENDS_IN_WEBSITE_DEVELOPMENT.pptxchitrachauhan21
 
Web Page Designing- Empower Technology.pptx
Web Page Designing- Empower Technology.pptxWeb Page Designing- Empower Technology.pptx
Web Page Designing- Empower Technology.pptxacademicjfurio
 
Web designing and development
Web designing and developmentWeb designing and development
Web designing and developmentgherryta
 
10 Mobile Application Framework Must Know to Launch New App
10 Mobile Application Framework Must Know to Launch New App10 Mobile Application Framework Must Know to Launch New App
10 Mobile Application Framework Must Know to Launch New AppSonitek International
 
Website Designing Services | Web Development Vizag | Web Solutions Visakhapatnam
Website Designing Services | Web Development Vizag | Web Solutions VisakhapatnamWebsite Designing Services | Web Development Vizag | Web Solutions Visakhapatnam
Website Designing Services | Web Development Vizag | Web Solutions VisakhapatnamGods Grace Technologies
 
Web Development Vizag and Website Designing Services
Web Development Vizag and Website Designing ServicesWeb Development Vizag and Website Designing Services
Web Development Vizag and Website Designing ServicesGods Grace Technologies
 
Front-End Web Development
Front-End Web DevelopmentFront-End Web Development
Front-End Web DevelopmentYash Sati
 
Webdesigningandpublishingcomputerstudiestheorylesson 101212054612-phpapp02
Webdesigningandpublishingcomputerstudiestheorylesson 101212054612-phpapp02Webdesigningandpublishingcomputerstudiestheorylesson 101212054612-phpapp02
Webdesigningandpublishingcomputerstudiestheorylesson 101212054612-phpapp02Harshith Rockx
 
Front End Development | Introduction
Front End Development | IntroductionFront End Development | Introduction
Front End Development | IntroductionJohnTaieb
 

Similaire à Webpage Design Using Templates and Online WYSIWYG Platforms (20)

Web Development.pdf
Web Development.pdfWeb Development.pdf
Web Development.pdf
 
Website development company dubai.pdf
Website development company dubai.pdfWebsite development company dubai.pdf
Website development company dubai.pdf
 
Empowerment Technology- PowerPoint Presentation copy.pptx
Empowerment Technology- PowerPoint Presentation copy.pptxEmpowerment Technology- PowerPoint Presentation copy.pptx
Empowerment Technology- PowerPoint Presentation copy.pptx
 
Empowerment Technology- PowerPoint Presentation copy.pdf
Empowerment Technology- PowerPoint Presentation copy.pdfEmpowerment Technology- PowerPoint Presentation copy.pdf
Empowerment Technology- PowerPoint Presentation copy.pdf
 
LATEST_TRENDS_IN_WEBSITE_DEVELOPMENT.pptx
LATEST_TRENDS_IN_WEBSITE_DEVELOPMENT.pptxLATEST_TRENDS_IN_WEBSITE_DEVELOPMENT.pptx
LATEST_TRENDS_IN_WEBSITE_DEVELOPMENT.pptx
 
Dreamweawer
DreamweawerDreamweawer
Dreamweawer
 
Web Page Designing- Empower Technology.pptx
Web Page Designing- Empower Technology.pptxWeb Page Designing- Empower Technology.pptx
Web Page Designing- Empower Technology.pptx
 
Web development
Web developmentWeb development
Web development
 
Web designing and development
Web designing and developmentWeb designing and development
Web designing and development
 
10 Mobile Application Framework Must Know to Launch New App
10 Mobile Application Framework Must Know to Launch New App10 Mobile Application Framework Must Know to Launch New App
10 Mobile Application Framework Must Know to Launch New App
 
Low-Cost Digital Marketing Service in Nagpur | PSK Technologies
Low-Cost Digital Marketing Service in Nagpur | PSK TechnologiesLow-Cost Digital Marketing Service in Nagpur | PSK Technologies
Low-Cost Digital Marketing Service in Nagpur | PSK Technologies
 
PPT ON UI.pptx
PPT ON UI.pptxPPT ON UI.pptx
PPT ON UI.pptx
 
Website Designing Services | Web Development Vizag | Web Solutions Visakhapatnam
Website Designing Services | Web Development Vizag | Web Solutions VisakhapatnamWebsite Designing Services | Web Development Vizag | Web Solutions Visakhapatnam
Website Designing Services | Web Development Vizag | Web Solutions Visakhapatnam
 
Web Development Vizag and Website Designing Services
Web Development Vizag and Website Designing ServicesWeb Development Vizag and Website Designing Services
Web Development Vizag and Website Designing Services
 
Mobile web development
Mobile web development Mobile web development
Mobile web development
 
Front-End Web Development
Front-End Web DevelopmentFront-End Web Development
Front-End Web Development
 
Webdesigningandpublishingcomputerstudiestheorylesson 101212054612-phpapp02
Webdesigningandpublishingcomputerstudiestheorylesson 101212054612-phpapp02Webdesigningandpublishingcomputerstudiestheorylesson 101212054612-phpapp02
Webdesigningandpublishingcomputerstudiestheorylesson 101212054612-phpapp02
 
Psd to foundation
Psd to foundationPsd to foundation
Psd to foundation
 
1_Intro_toHTML.ppt
1_Intro_toHTML.ppt1_Intro_toHTML.ppt
1_Intro_toHTML.ppt
 
Front End Development | Introduction
Front End Development | IntroductionFront End Development | Introduction
Front End Development | Introduction
 

Dernier

How to Add a New Field in Existing Kanban View in Odoo 17
How to Add a New Field in Existing Kanban View in Odoo 17How to Add a New Field in Existing Kanban View in Odoo 17
How to Add a New Field in Existing Kanban View in Odoo 17Celine George
 
The basics of sentences session 10pptx.pptx
The basics of sentences session 10pptx.pptxThe basics of sentences session 10pptx.pptx
The basics of sentences session 10pptx.pptxheathfieldcps1
 
How to Add a many2many Relational Field in Odoo 17
How to Add a many2many Relational Field in Odoo 17How to Add a many2many Relational Field in Odoo 17
How to Add a many2many Relational Field in Odoo 17Celine George
 
Easter in the USA presentation by Chloe.
Easter in the USA presentation by Chloe.Easter in the USA presentation by Chloe.
Easter in the USA presentation by Chloe.EnglishCEIPdeSigeiro
 
Presentation on the Basics of Writing. Writing a Paragraph
Presentation on the Basics of Writing. Writing a ParagraphPresentation on the Basics of Writing. Writing a Paragraph
Presentation on the Basics of Writing. Writing a ParagraphNetziValdelomar1
 
How to Show Error_Warning Messages in Odoo 17
How to Show Error_Warning Messages in Odoo 17How to Show Error_Warning Messages in Odoo 17
How to Show Error_Warning Messages in Odoo 17Celine George
 
How to Make a Field read-only in Odoo 17
How to Make a Field read-only in Odoo 17How to Make a Field read-only in Odoo 17
How to Make a Field read-only in Odoo 17Celine George
 
Ultra structure and life cycle of Plasmodium.pptx
Ultra structure and life cycle of Plasmodium.pptxUltra structure and life cycle of Plasmodium.pptx
Ultra structure and life cycle of Plasmodium.pptxDr. Asif Anas
 
CAULIFLOWER BREEDING 1 Parmar pptx
CAULIFLOWER BREEDING 1 Parmar pptxCAULIFLOWER BREEDING 1 Parmar pptx
CAULIFLOWER BREEDING 1 Parmar pptxSaurabhParmar42
 
Patterns of Written Texts Across Disciplines.pptx
Patterns of Written Texts Across Disciplines.pptxPatterns of Written Texts Across Disciplines.pptx
Patterns of Written Texts Across Disciplines.pptxMYDA ANGELICA SUAN
 
UKCGE Parental Leave Discussion March 2024
UKCGE Parental Leave Discussion March 2024UKCGE Parental Leave Discussion March 2024
UKCGE Parental Leave Discussion March 2024UKCGE
 
How to Use api.constrains ( ) in Odoo 17
How to Use api.constrains ( ) in Odoo 17How to Use api.constrains ( ) in Odoo 17
How to Use api.constrains ( ) in Odoo 17Celine George
 
Prescribed medication order and communication skills.pptx
Prescribed medication order and communication skills.pptxPrescribed medication order and communication skills.pptx
Prescribed medication order and communication skills.pptxraviapr7
 
General views of Histopathology and step
General views of Histopathology and stepGeneral views of Histopathology and step
General views of Histopathology and stepobaje godwin sunday
 
Drug Information Services- DIC and Sources.
Drug Information Services- DIC and Sources.Drug Information Services- DIC and Sources.
Drug Information Services- DIC and Sources.raviapr7
 
Philosophy of Education and Educational Philosophy
Philosophy of Education  and Educational PhilosophyPhilosophy of Education  and Educational Philosophy
Philosophy of Education and Educational PhilosophyShuvankar Madhu
 
3.21.24 The Origins of Black Power.pptx
3.21.24  The Origins of Black Power.pptx3.21.24  The Origins of Black Power.pptx
3.21.24 The Origins of Black Power.pptxmary850239
 
DUST OF SNOW_BY ROBERT FROST_EDITED BY_ TANMOY MISHRA
DUST OF SNOW_BY ROBERT FROST_EDITED BY_ TANMOY MISHRADUST OF SNOW_BY ROBERT FROST_EDITED BY_ TANMOY MISHRA
DUST OF SNOW_BY ROBERT FROST_EDITED BY_ TANMOY MISHRATanmoy Mishra
 

Dernier (20)

How to Add a New Field in Existing Kanban View in Odoo 17
How to Add a New Field in Existing Kanban View in Odoo 17How to Add a New Field in Existing Kanban View in Odoo 17
How to Add a New Field in Existing Kanban View in Odoo 17
 
The basics of sentences session 10pptx.pptx
The basics of sentences session 10pptx.pptxThe basics of sentences session 10pptx.pptx
The basics of sentences session 10pptx.pptx
 
How to Add a many2many Relational Field in Odoo 17
How to Add a many2many Relational Field in Odoo 17How to Add a many2many Relational Field in Odoo 17
How to Add a many2many Relational Field in Odoo 17
 
Easter in the USA presentation by Chloe.
Easter in the USA presentation by Chloe.Easter in the USA presentation by Chloe.
Easter in the USA presentation by Chloe.
 
Presentation on the Basics of Writing. Writing a Paragraph
Presentation on the Basics of Writing. Writing a ParagraphPresentation on the Basics of Writing. Writing a Paragraph
Presentation on the Basics of Writing. Writing a Paragraph
 
Finals of Kant get Marx 2.0 : a general politics quiz
Finals of Kant get Marx 2.0 : a general politics quizFinals of Kant get Marx 2.0 : a general politics quiz
Finals of Kant get Marx 2.0 : a general politics quiz
 
How to Show Error_Warning Messages in Odoo 17
How to Show Error_Warning Messages in Odoo 17How to Show Error_Warning Messages in Odoo 17
How to Show Error_Warning Messages in Odoo 17
 
How to Make a Field read-only in Odoo 17
How to Make a Field read-only in Odoo 17How to Make a Field read-only in Odoo 17
How to Make a Field read-only in Odoo 17
 
Ultra structure and life cycle of Plasmodium.pptx
Ultra structure and life cycle of Plasmodium.pptxUltra structure and life cycle of Plasmodium.pptx
Ultra structure and life cycle of Plasmodium.pptx
 
Personal Resilience in Project Management 2 - TV Edit 1a.pdf
Personal Resilience in Project Management 2 - TV Edit 1a.pdfPersonal Resilience in Project Management 2 - TV Edit 1a.pdf
Personal Resilience in Project Management 2 - TV Edit 1a.pdf
 
CAULIFLOWER BREEDING 1 Parmar pptx
CAULIFLOWER BREEDING 1 Parmar pptxCAULIFLOWER BREEDING 1 Parmar pptx
CAULIFLOWER BREEDING 1 Parmar pptx
 
Patterns of Written Texts Across Disciplines.pptx
Patterns of Written Texts Across Disciplines.pptxPatterns of Written Texts Across Disciplines.pptx
Patterns of Written Texts Across Disciplines.pptx
 
UKCGE Parental Leave Discussion March 2024
UKCGE Parental Leave Discussion March 2024UKCGE Parental Leave Discussion March 2024
UKCGE Parental Leave Discussion March 2024
 
How to Use api.constrains ( ) in Odoo 17
How to Use api.constrains ( ) in Odoo 17How to Use api.constrains ( ) in Odoo 17
How to Use api.constrains ( ) in Odoo 17
 
Prescribed medication order and communication skills.pptx
Prescribed medication order and communication skills.pptxPrescribed medication order and communication skills.pptx
Prescribed medication order and communication skills.pptx
 
General views of Histopathology and step
General views of Histopathology and stepGeneral views of Histopathology and step
General views of Histopathology and step
 
Drug Information Services- DIC and Sources.
Drug Information Services- DIC and Sources.Drug Information Services- DIC and Sources.
Drug Information Services- DIC and Sources.
 
Philosophy of Education and Educational Philosophy
Philosophy of Education  and Educational PhilosophyPhilosophy of Education  and Educational Philosophy
Philosophy of Education and Educational Philosophy
 
3.21.24 The Origins of Black Power.pptx
3.21.24  The Origins of Black Power.pptx3.21.24  The Origins of Black Power.pptx
3.21.24 The Origins of Black Power.pptx
 
DUST OF SNOW_BY ROBERT FROST_EDITED BY_ TANMOY MISHRA
DUST OF SNOW_BY ROBERT FROST_EDITED BY_ TANMOY MISHRADUST OF SNOW_BY ROBERT FROST_EDITED BY_ TANMOY MISHRA
DUST OF SNOW_BY ROBERT FROST_EDITED BY_ TANMOY MISHRA
 

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
  • 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