1 / 10

Website Design

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.

loman
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. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Website Design BTT1OC/2OC

  2. 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.

  3. 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.

  4. 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

  5. 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/

  6. What makes good web design? • Student examples … Get an answer …

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

  8. 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).

  9. 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 …

  10. 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.

More Related