Slides badge

What You See Is What You Get

Learning Intentions

  • Understand the term WYSIWYG and why it is considered less effective than it's opposite

Success Criteria

  • I can explain the term WYSIWYG

WYSIWYG

  • Wix, Google Sites, GoDaddy Website Builder etc.
  • These are all examples of WYSIWYG builders.
  • WYSIWYG = What You See Is What You Get

What You See Is What You Get...

Or is it?

What You See Is What You Get...

Or is it?

Microsoft Word

  • You can use Microsoft Word to build webpages as it features a WYSIWYG editor in it.
  • However, be aware that it generates nonsense HTML and doesn't look like what it is supposed to look like.

Microsoft Word

  • You can use Microsoft Word to build webpages as it features a WYSIWYG editor in it.
  • However, be aware that it generates nonsense HTML and doesn't look like what it is supposed to look like.

wysiwyg vs Code

  • So why do we bother with code when we can use WYSIWYG?
  • WYSIWYG editors Wix provides a very stable and powerful editing platform that although it takes time to learn it takes less time than learning code.
  • Wix does provide an almost perfect WYSIWYG editor
  • But the positives stop there

WYSIWYG vs code

  • Code on the other hand always gives the same result, the result that the developer coded. You can tweak a website built with code to perfection where as one with a WYSIWYG its very tricky to get right.
  • Writing code allows the developer to write smaller webpages that download faster (for example, my website loads in less than 100 milliseconds) because they can optimise the website
  • Writing code allows the developer to add in extra code such as server side code to automate tasks or provide additional features such as database connectivity and more.
  • Code is also cheaper - you can setup your web server at home for nothing (as long as you have a computer capable of running one lying around!) whereas most good WYSIWYG editors cost to buy (Microsoft Word) or to use (Wix)

Granularity

  • Granularity is the most obvious benefit of code. This is a term that means that you have control over everything in the webpage or website. 
  • This even means to the point of managing the web server or a database on the actual server, and can limit what the site can do.

Using Microsoft Word

Build the following pages of your website using Microsoft Word:

  • Homepage
  • About Me
  • Your interests

 

 

These websites will be the basis for building our websites with code in a few lessons

Task

Presentation Overview
Close
JB
Digital Design :: Web Design and Development :: What You See Is What You Get
© J Balfour
20:56 | 30-05-2023
Slideshow Outline
Save progress Show presenter mode Toggle whiteboard
Dark Mode Bold Text Accessibility
Random Number Generator Timer Binary & decimal converter Show Python editor Show Knox 90
Provide feedback Help
Login
Keywords
    Sections
      Binary conversion
      Denary to binary conversion
      Binary to denary conversion
      Feedback 👍
      Accessibility

      Apply a filter:

      ×
      All slide files