3.02C Website Organization

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.

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.

Website Content, Forms and Dynamic Web Pages. Electronic Portfolios Portfolio: – A collection of work that clearly illustrates effort, progress, knowledge,

Website Design - Review Layout using tables. Table exmaple James 11/08.

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.

Welcome To Web Page Design Mr. Ursone. Accessing the Web Web Page: where you see text, graphics, sounds, etc. Web Page: where you see text, graphics,

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!

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.

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.

3.02C Website Organization 3.02 Develop webpages..

Resources Research – Group 7.  Foras  Journals and Newsletters  Associations  Courses and Seminars.

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.

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.

3/30/15.  Who is Tim Berners-Lee? 1. Assessing needs 2. Determining content structure 3. Determining site structure 4. Determining navigation structure.

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.

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.

June 26, 2003 Communication Technologies Branch, NCI 1 Demo 5 Media Formats 2 existing text formats Paper: paperback booklet can be ordered free online.

Web and presentation software

Introduction to Designing a Website

Information Architecture

Information Architecture

What is the Internet? © EIT, Author Gay Robertson, 2016.

Web Site Design Plan Checklist

NAVIGATION SYSTEMS GROUP #4.

Web Design and Development

Web Design and Development

Directories, Site Maps & Site Indexes

Page plans A01 Design.

Web and presentation software

Web Development Life Cycle from Beginning to End…and BEYOND!

ICE 234: Survey of Computers in Schools

Web Design and Development

Web Design 1 Website Construction.

Web and presentation software

Planning and Storyboarding a Web Site

Website production.

Chapter 4 Planning Site Navigation

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

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.

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.