4.01 Examine web page development and design.

Slides:



Advertisements
Similar presentations
3.02C Website Organization
Advertisements

Web Design and Multimedia Production Mrs. Brandt-White.
5 Steps to Web Site Development Mrs. Harris, November 2011.
WEB DESIGN TABLES, PAGE LAYOUT AND FORMS. Page Layout Page Layout is an important part of web design Why do you think your page layout is important?
The World Wide Web From Greenlaw/Hepp, In-line/On-line: Fundamentals of the Internet and the World Wide Web 1 Introduction The Web Defined Miscellaneous.
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.
DIVISIONS FOR ALL WEB PAGES Web Page Elements.  All Web Pages should have the following 4 elements (Also called divisions).  header  navigation  content.
Website Development Process By Una Dooney. Slide 2Computer Applications Stage 1 Slide 2 The Website Development Process Involves the following Stages.
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,
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.
1 After completing this lesson, you will be able to: Define your goals for a Web site. Analyze your audience. Create a blueprint for your Web site. Design.
Web Design, 3 rd Edition 4 Planning a Successful Web Site: Part 2.
Website Development. Internet Internet (Net) – Global network connecting millions of computers. Network – Group of computers and associated devices that.
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 Designing By Bhupendra Ratha, Lecturer School of Library & Information Science D.A.V.V., Indore.
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 Design, 3 rd Edition 3 Planning a Successful Web Site: Part 1.
Screens are a direct copy of the physical text. To learn the material for this course, begin by reading the textbook section. At first glance, the pages.
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..
Developing a Web Site. Two Components of Web Site Development Systematic Planning Systematic Planning Design and Development Design and Development.
 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.
Web Site Design Plan Checklist Web Design Presented by: Angelo Russo #10 11/22/2014Angelo Russo #101.
Web Design, 3 rd Edition 3 Planning a Successful Web Site: Part 1.
Website design and structure. A Website is a collection of webpages that are linked together. Webpages contain text, graphics, sound and video clips.
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.
Web Page Design The Key to a Successful Web Page by Judy Bogdanets.
Tutorials and Quick Guides A quick introduction. Overview  Genre of Tutorial  Genre of Quick Guide  Genre of Reference  Genre of User Manual  Attributes.
Web page layout in elegance.  Specific Designs for Target Audiences Consider your audiences tastes when creating your website.
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.
1 January 31, Documenting Software William Cohen NCSU CSC 591W January 31, 2008.
Chapter 10 Multimedia and the Web.
Project 1 Introduction to HTML.
Information Architecture
Information Architecture
Development and Design of Multimedia Titles
Chapter 1 Introduction to HTML.
WWW Basics.
Web Site Design Plan Checklist
Web software.
Section 5.1 Section 5.2 Determine the purpose of your Web site
NAVIGATION SYSTEMS GROUP #4.
Directories, Site Maps & Site Indexes
Web Development & Design Foundations with HTML5 8th Edition
Navigating The World Wide Web
3.02C Website Organization
Web and presentation software
Web Development Life Cycle from Beginning to End…and BEYOND!
Planning and Storyboarding a Web Site
Developing a Web Site.
Multimedia Web Site Design
Chapter 4 Planning Site Navigation
CAII 4.01 Web Page Design Terms List 2.
Web Development Life Cycle from Beginning to End…and BEYOND!
Presentation transcript:

4.01 Examine web page development and design. Web Site Organization 4.01 Examine web page development and design.

Information Architecture Determine the mission/purpose of the web site Sell (e-Commerce) Inform Entertainment Hybrid Define goals of the site Short term Long term Define target audience Examine competitive sites WWW

Information Architecture Identify the content of the web site Text Graphics Video, Audio, Animation Forms JavaScript, Java Applets Determine web site structure and navigation Linear or Sequential Random access Hierarchical

Linear or Sequential Structure Users view pages one at a time Arrange topics in chronological, alphabetical, or series specific order Include links to next page and back to previous or index page only Use for pages that users need to read in order Step by step learning Presentations

Random Access or Webbed Structure Allows users to jump to any page on the web site Use for sites with a few inter-related pages The order of the viewing doesn’t matter Must be consistent or user will get confused Use navigation bar or menu on all pages

Hierarchical Looks like a family tree with parents and children or like a chain of command Use to organize large amounts of information with categories and subcategories Best way to organize complex bodies of information