Schools Training

GUI Design vs. Web Design with Code

19 FEB 2013
Career Path : Computers and Technology

When you go into web design, you’ll discover that the face of the field as been forever changed by GUI (Graphical User Interface, pronounced like gooey) design editors. Nonetheless, some designers prefer to work with the underlying page code. Both are part of modern web design courses and have advantages and disadvantages.


GUI programs are familiar to anyone who has used a modern computer, or even a smart phone. Operating systems on computers make themselves user friendly by requiring no knowledge of code. More advanced computer users can still use small snippets of code to check certain details on their computer, but even this is becoming impossible with the latest operating systems.

A similar evolution happened in graphics programs. One of the earliest places where point and click was used to good effect, the first graphics programs actually took number commands to determine line placement. Today that would be absurd and we operate drawing programs with near the same ease of an old fashioned pen and paper, or pain, without having to think about the math behind the picture.


GUI interfaces generally mean that output is based on WYSIWYG (What You See Is What You Get). That means if a table is in a particular place, how it displays on the screen is how it will show up in the final product. This is good enough for a general user, and is a component of basic blogging software, but something a bit more in depth is needed for web design courses.


If you study web design in a computer college, or even if you want to become an expert user, you will learn about HTML (Hyper Text Markup Language), CSS (Cascading Style Sheets) and other coding systems that talk to a web browser to tell it what to display. You might even want to go for some advanced IT training in web based programing and learn to use some of the plug in interfaces. These allow for a number of the in-browser games and utilities the average user makes part of their web experience, from social media through to basics like email and file and photo sharing.


WYSIWYG web design programs usually include a code mode, but you don’t even need a fancy program to do it. A simple text editor, with nothing other than basic character input works fine to create HTML. That is how the earliest web designers did it. You’ll just view your finished work in your computer’s browser, before manually uploading it to your file host. On the other hand, with a WYSIWYG system, it may even do the file uploading for you, as well as allowing you to view the finished product in a variety of browsers, streamlining the design process.



Visit Oulton College for more information on web design courses.