3.02C Website Organization 3.02 Develop webpages..

Slides:



Advertisements
Similar presentations
3.02C Website Organization
Advertisements

Web Design and Multimedia Production Mrs. Brandt-White.
Web Design Graphical User Interface Navigation. Website Prototyping Plan your website Take time to plan the goal And outcome for your site Based on target.
Organising Information in your Website Steps and Schemes.
FrontPage 2003 Web Fundamentals Web Site Design. World Wide Web System based on Hypertext Transfer Protocol (HTTP) Provides access to information Information.
PowerPoint Presentations the next generation
Web Design, 3 rd Edition 3 Planning a Successful Web Site: Part 1.
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.
Information Architecture Web Design – Sec 2-5 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I” Course.
THE BASICS OF THE WEB Davison Web Design. Introduction to the Web Main Ideas The Internet is a worldwide network of hardware. The World Wide Web is part.
WEB DESIGNING Prof. Jesse A. Role Ph. D TM UEAB 2010.
Navigation and Menus Hillary Funk. Agenda  Overview of Navigation and Menus  Types of Navigation  What good navigation includes  Navigation Stress.
The Internet & Web Browsers Business Webpage Design Kelly Seale.
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.
Unit 2 — Building Web Part B) Designing the Web. Phase 1: Planning a Web Site Like an architect designing a building, adequately planning your Web site.
Chapter Objectives Discuss the relationship between page length, content placement, and usability Complete Step 4: Specify the website’s navigation system.
211 Multimedia Web Design Lesson 1 – Web Functionality & Purpose.
Website Development. Internet Internet (Net) – Global network connecting millions of computers. Network – Group of computers and associated devices that.
Web Development Life Cycle from Beginning to End…and BEYOND!
Name Teacher: Group: 1 Unit 2 – Webpage Creation.
Lesson 1 Text, Graphics Links Content Navigation Video, Audio.
Organization Systems Schemes for organizing web sites.
1 Web Basics Section 1.1 Compare the Internet and the Web Compare Web sites and Web pages Identify Web browser components Describe types of Web sites Section.
1999 Asian Women's Network Training Workshop. A short discussion about Information Architecture.
WEB DESIGN USING DREAMWEAVER. The World Wide Web –A Web site is a group of related files organized around a common topic –A Web page is a single file.
E-commerce usability guide provides guidelines and advice for implementing easy to use e-commerce websites. It focuses on online catalog/selling functionality.
Planning Multimedia Production
Web site development: Basics & MS FrontPage. What I hope to demonstrate n n Basics of a good web site n n How to most effectively communicate via the.
Web software. Two types of web software Browser software – used to search for and view websites. Web development software – used to create webpages/websites.
Web Design, 3 rd Edition 3 Planning a Successful Web Site: Part 1.
Planning a Web Site Lesson 5. Planning a Web Site When creating a Web site, you should: Determine the site’s purpose and goals Identify target audience.
Resources Research – Group 7.  Foras  Journals and Newsletters  Associations  Courses and Seminars.
 Good navigation is consistent, clearly labeled, and reflects the needs of the site’s audience.  Navigation labels are short, clear, and user-friendly.
2015 Website Updates. Design: Overall layout of visual elements Navigation: Arrangement of menus Layout: Arrangement of content on an indvidiual page.
Adobe Certified Associate Objectives 1 Setting Project Requirements.
Principles of Web Design Da’Zheonna M. Cotton 2/8/13.
Slide 1-1 The Web Wizard’s Guide to Web Design by James Lengel.
Web Site Design Plan Checklist Web Design Presented by: Angelo Russo #10 11/22/2014Angelo Russo #101.
Consistency Increases usability of your Web site..
Web Design, 3 rd Edition 3 Planning a Successful Web Site: Part 1.
 Network  A _____ of computers that can _________ w/ each other  Examples of hardware  ______________ & communication lines  Internet  Hardware.
Computer-based Media Language Elements Understanding how we communicate through media Stewart.C. (2007). Media: New Ways and Means. John Wiley & Sons:
Lesson 8: Navigation. Overview  The manner in which you display your web site’s navigation is crucial to its overall usability.  Users need a clear.
Planning a Website 5 Step Process. Step 1 – Determine Purpose & Goals Why do I want a website? Why do I want a website? What are my immediate goals for.
Basic Webpage Design Understanding Web Technologies and Applications.
Planning and Designing Effective Web Pages. When planning a new site Determine site goals 2. Identify the target audience 3. Conduct market research.
4.01A Introduction to Web Development and Standards 4.01 Examine webpage development and design.
Web Design, 5 th Edition 3 Planning a Successful Website: Part 1.
Unit 13 – Website Development FEATURES OF WEBSITES.
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.
Learning Aim A.  Websites are constructed on many different features.  It can be useful to think about these when designing your own websites.
June 26, 2003 Communication Technologies Branch, NCI 1 Demo 5 Media Formats 2 existing text formats Paper: paperback booklet can be ordered free online.
The Internet & Web Browsers Business Webpage Design Created by Kelly Seale Adapted by Jill Einerson.
What is the Internet? © EIT, Author Gay Robertson, 2016.
Web Site Design Plan Checklist
Web software.
Web Design and Development
Page plans A01 Design.
3.02C Website Organization
Web and presentation software
Web Development Life Cycle from Beginning to End…and BEYOND!
Web Design and Development
Web Design 1 Website Construction.
Planning and Storyboarding a Web Site
Website production.
CAII 4.01 Web Page Design Terms List 2.
Internet Vocabulary Terms
Web Development Life Cycle from Beginning to End…and BEYOND!
4.01 Examine web page development and design.
Presentation transcript:

3.02C Website Organization 3.02 Develop webpages.

Information Architecture  Determine the mission/purpose of the website  Sell (e-Commerce)  Inform  Entertain  Social Networking  Hybrid  Define goals of the site  Define target audience  Examine competitive sites WWW

Information Architecture  Identify the content of the website  Text  Graphics  Video, Audio, Animation  Forms  Determine website structure and navigation  Linear  Webbed  Hierarchical

Linear Structure  Users view pages one at a time in a specific order.  Topics are arranged in chronological, alphabetical, or series specific order.  Pages have links to the next page and back to previous or index page only.  Used for pages that need to be read or completed in a specific order.  Step-by-step learning  Presentations  Online orders

Linear Structure

Webbed Structure  Allows users to jump to any page on the website  Used for sites with a few inter-related pages  The order of the viewing doesn’t matter.  Must be consistent or user will get confused  Navigation bars or menus are included on all pages.

Webbed Structure

Hierarchical Structure  Looks like a family tree or like a chain of command.  Used to organize large amounts of information with categories and subcategories  Best way to organize complex bodies of information.

Hierarchical Structure