Website design
Sponsored Links
This presentation is the property of its rightful owner.
1 / 10

Website Design PowerPoint PPT Presentation

  • Uploaded on
  • Presentation posted in: General

Website Design. BTT1OC/2OC. What is web design?. A web site is a digital page consisting of HTML (hypertext markup language) files, images, movies, sound, and other media.

Download Presentation

Website Design

An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.

- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -

Presentation Transcript

Website design

Website Design


What is web design

What is web design?

  • A web site is a digital page consisting of HTML (hypertext markup language) files, images, movies, sound, and other media.

  • The code in these HTML files are read by your internet browser and displayed in the format you see every time you go onto the internet.

  • As a designer, you create the websites that the world sees.

Web design

Web Design

  • As a web designer, you (or a team of you) are responsible for the code behind the page (what makes it work), the layout, the flow from page to page, and of course, the visual appearance.

  • A primary task of web design is to create a strong, consistent visual hierarchy in which important elements are emphasized and content is organized logically and predictably.

  • Graphic design is visual information management, using the tools of page layout, typography, and illustration to lead the reader's eye through the page.

What makes bad web design

What makes bad web design?

  • Student examples …

  • Fonts and backgrounds that don’t contrast

  • Really small or large fonts

  • Poor quality of images

  • Difficult to navigate


  • Too busy (either too much text or too many graphics)

  • Using animated graphics.

Read more

Bad websites

Bad websites







What makes good web design

What makes good web design?

  • Student examples …

Get an answer …

Dos and don ts of web design

Dos and Don’ts of web design


Use contrast

Easy to navigate

High quality images

Engaging visually

Good content

Design for your audience

Use consistency

KISS – Keep it simple smartie!

Use typography that is hard to read

Colours that don’t contrast

Too many colours

Too many images or low quality images

Too busy / cluttered

Too much text




  • We will design in two ways:

    • Design using web tools, such as:’ll start here)

    • Design ourselves using Adobe CS4 (Dreamweaver).

Using wix

Using Wix

  • Log on to:

  • View the demo:

  • Create an account

  • Choose a template and begin designing.

  • Design one of the following …

Practice websites

Practice websites

  • Create a website for restaurant that you make up (not an existing one).

  • Create a personal bio website.

  • Create a website on an environmental topic of your choice.

  • Create a website for a store (ie: sports store, clothing store, etc) that you make up.

  • Login