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

Website Design PowerPoint PPT Presentation


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

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.

  • 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

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

  • Student examples …

  • Fonts and backgrounds that don’t contrast

  • Really small or large fonts

  • Poor quality of images

  • Difficult to navigate

  • CAPITAL LETTERS OVERUSED … YOU PROBABLY SHOULDN’T DO IT, BECAUSE IT LOOKS LIKE YOU ARE SCREAMING AT YOUR VIEWERS!!!

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

  • Using animated graphics.

Read more


Bad websites

  • http://msy.com.au/

  • http://www.dokimos.org/ajff/

  • http://www.sixtiespress.co.uk/

  • http://techcrunch.com/tag/apple/

  • http://www.pinesol.com/#/explorer/

  • http://www.richardsbrothersseafoods.com.au/


What makes good web design?

  • Student examples …

Get an answer …


Dos and Don’ts of web design

Don’ts

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

Dos


Designing

  • We will design in two ways:

    • Design using web tools, such as:http://www.wix.com/(We’ll start here)

    • Design ourselves using Adobe CS4 (Dreamweaver).


Using Wix

  • Log on to: http://www.wix.com/

  • View the demo:http://www.wix.com/how-to/getting-started

  • Create an account

  • Choose a template and begin designing.

  • Design one of the following …


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