Web Page Design Critical Elements for a Well Designed Web Page.

Slides:



Advertisements
Similar presentations
Multimedia Web Site Design Chapter Building an Effective Web Site Creating a Web site is easy, but creating one that is useful and attractive takes.
Advertisements

PowerPoint Enhancements CMCE 1155 Prof. N Anderson.
PowerPoint Chapter 2 Review
Design Elements of a Web Page. Focal Point Each page should have a focal point to attract the viewer. This can be one large picture or a headline, a combination.
FIRST COURSE PowerPoint. XP New Perspectives on Microsoft Office 2007: Windows XP Edition2 What Is PowerPoint? PowerPoint is a powerful presentation graphics.
The Information School of the University of Washington INFO 310 Web Site Evaluation How to evaluate a Web site for general purposes.
Design factors Content –Fig.s 4-49, 5-4, 6-3 Organization –Fig.s 2-10, 2-11, 2-12, 2-14, 2-15, 5-17 Performance Aesthetic Security.
OCR Nationals ICT – Unit 2 Task 1 Task Overview You need to produce a design for a multimedia website of at least five pages. The design will act as the.
Text Chapter 7. 7 Text in Multimedia Text is used in multimedia projects in many ways: Web pages Video Computer-based training Presentations.
Creating a Web Site Back to Table of Contents. Creating a Web Site Conceiving a Web Site Planning a Web Site 2 Creating a Web Site Section 9-1 Section.
7 Selecting Design and Color Section 7.1 Identify presentation design principles Use a custom template Add pages to a navigation structure Section 7.2.
Section 7.1 Identify presentation design principles Use a custom template Add pages to a navigation structure Section 7.2 Identify color scheme guidelines.
Section 2.1 Compare the Internet and the Web Identify Web browser components Compare Web sites and Web pages Describe types of Web sites Section 2.2 Identify.
Web Development Life Cycle from Beginning to End…and BEYOND!
Name Teacher: Group: 1 Unit 2 – Webpage Creation.
Developing A Website. Reminder 1 You want your website to be _______? 1)Artistic 2)Easy to use 3)Interactive 4)Multimedia-driven.
Creating a Presentation
Guidelines For Effective Presentations. Agenda Getting started on a presentation Creating a presentation Guidelines for creating a presentation Final.
XP New Perspectives on Microsoft Office FrontPage 2003 Tutorial 4 1 Microsoft Office FrontPage 2003 Tutorial 4 – Using Shared Borders and Themes.
Web Site D e s i g n and Usability INBS 510--Introduction to Internet Business Presented by Gita Persad and Virna Wong.
The Web. How does the Web work? The web is a collection of networks, starting near your home or office and expanding until we reach the global network.
Web Development. Interaction Design How is information organized? How will people find their way around the site? How will people work with the information?
Evaluating web pages Stuart Lloyd-Green Celia Korvessis Lindsay Krieger Shane Sullivan.
Lecture 3 Web Design What makes a "good" website? Getting started on your website. Planning the layout. Picking a theme. Effective Design Tips.
Name- Cam’s Website Purpose- The purpose to give out personal information about myself along with giving people the chance to view my past assignments.
Planning a website by Tom Kirk There are lots of things to think about when deciding about creating a website…
Website Usability presentation by Pasha Souvorin for Georgia Pathway in Advanced Web Design evaluating and planning for web design.
Graphic Design. Posters serve a variety of purposes, from advertising corporate events or the latest movie to labeling a science project or providing.
CREATING A POWERPOINT PRESENTATION. Planning a presentation Create a presentation Rearrange and delete text and slides Add animations Add transitions.
Basic Design Tips for Web Pages. Alignment Left, right, center Choose one alignment and use it on the entire page Align form elements, table elements,
(c) 2001 by The McGraw-Hill Companies, Inc. All rights reserved. 1 Multimedia Literacy.
Software. A web site is a collection of web pages on a particular topic. A web page is a document written in HTML code. Web pages are linked together.
Media Literacy. Purpose To gain an understanding for the role that media plays in our lives To be able to analyze various forms of media text To make.
Development and Design of Multimedia. Planning Your Title 1)Develop the concept or idea – a multimedia project starts with an idea that supports a vision.
BC1Q FALL POWERPOINT NOTES 1 Microsoft PowerPoint is a program that is part of Microsoft Office.
Unit 11 Interactive Multimedia Products Task A Product Review –
 Network  A _____ of computers that can _________ w/ each other  Examples of hardware  ______________ & communication lines  Internet  Hardware.
1.Click on “Start” menu 2.Click on “ 1. Choose a different layout for your slide.
Principles of Web Design Keep it simple Content is critical--Form is not. Speed is “King”. Consistent filenames are key. Design efficiently. Cite your.
To be completed Your proposal  Your House style  Your site plan  Page plans (a draft layout for each of your five pages)  A design mock-up -  All.
Unit 8.2 / Lesson 1 / presentation1b Website Styles.
Computer-based Media Language Elements Understanding how we communicate through media Stewart.C. (2007). Media: New Ways and Means. John Wiley & Sons:
Microsoft Expression Web 3 Expression Web Design Feature Web Design Basics.
PowerPoint 2012 Tips for Creating a Presentation.
We looked at these two presentations and talked about the structure of setting up the table.
introductionwhyexamples What is a Web site? A web site is: a presentation tool; a way to communicate; a learning tool; a teaching tool; a marketing important.
4-0 MULTIMEDIA INFORMATION AND COMMUNICATION TECHNOLOGY.
By: Your Name ELEMENTS OF WEB DESIGN. VISUAL APPEAL Optimization of Graphics, for people to stay on your website, your pictures have to load out as soon.
Planning and Creating a Web Site. Stages in planning a web site planning the project decide on the purpose and audience for the web site create mind map.
PowerPoint Computer Solutions 1. Multimedia A powerful blend of text, graphics, sound, animation, and video on your computer.  Multimedia is an effective.
BAB 5 Web Planning. Purpose Objective of the site Who is our target audience? Who will looking for our site? Who will become interested if they reach.
Pre-Production Meet with the client to create a project plan:
Introduction to Designing a Website
Introduction to Designing a Website
Section 7.1 Section 7.2 Identify presentation design principles
Web Site Design Web site diagrams from the Yale Style Manual at:
BAB 5 Web Planning.
Creating a Successful Web Presence
PowerPoint Template Navy Cover with Icons.
Unit 2 – Webpage Creation
PowerPoint Template Navy Cover with Rock.
PowerPoint Template Navy Cover with Rock.
Applications Software
Web Development Life Cycle from Beginning to End…and BEYOND!
PowerPoint Template Navy Cover with Icons.
A01 DESIGN To be completed Your proposal  Your House style 
Web Design Tips.
Multimedia Web Site Design
Designing a Web Site.
Web Development Life Cycle from Beginning to End…and BEYOND!
Presentation transcript:

Web Page Design Critical Elements for a Well Designed Web Page

The key to creating outstanding web pages is a specialized kind of planning called design.

Design is divided into three parts: Information Design Interaction Design Presentation Design

Information Design Message: What information do you wish to share? Audience: Whom do you wish to share your message with? Purpose: How and why do you want to share your message with this audience? Background: What does your intended audience already know about the subject you are discussing? Structure: How can your message be organized most effectively? Doorways to Design

Interaction Design Organization: How are the graphics, text, and other elements arranged on the page? Navigation: Are there any links or buttons on the home page that make it easy to move to other parts of the Web site? Interactivity: Do you have a chance to interact or to participate in the Web pages in some way? Are you expected to do something with the information on this Web site?

Presentation Design Color scheme: What colors should you use for the background, text, and links on your page? Font selection: What style of letters do you want– simple or fancy, large or small? Graphics selection: What pictures or graphic elements do you want to appear on the page? Multimedia effects: Are there any multimedia motion or sound effects that you wish to include on your page? Arrangement: where on the page should you place your graphics, text, or multimedia effects (layout)?

Order Design is best done in orderfirst, you determine the general information (information design), its purpose, and structure; then you decide how to organize it (interaction design). Only when you have made these decisions do you decide how the Web site should look (presentation design).