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.

Slides:

Advertisements

Similar presentations

3.02C Website Organization

Advertisements

© 2010 Delmar, Cengage Learning Chapter 1 Getting Started with Dreamweaver.

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.

Mgt 240 Lecture Web Site Design Principles April 5, 2005.

. Website and file organization. How websites work.

HTML Introduction (cont.) 10/01/ Lecture 8, MAT 279, Fall 2009.

CIS101 Introduction to Computing HTML Project Two.

1 The Planning Process Creating a Business Web Site By Paul Lazarony 2 Business Web Site Design Steps in the Planning Process u Software u Purpose u.

Chapter 1 Getting Started With Dreamweaver. Explore the Dreamweaver Workspace The Dreamweaver workspace is where you can find all the tools to create.

Announcement #1 1 Lecture 9. Announcement #2  Midterm exam will be on Oct. 12 (Tuesday)  pm – 1.45 pm  Exam will cover all materials till Oct.

The Website Design Process

WEB DESIGNING Prof. Jesse A. Role Ph. D TM UEAB 2010.

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.

5 Planning a Web Site Section 5.1 Determine the purpose of your Web site Define the target audience for your Web site Write a mission statement Section.

Getting Started with Dreamweaver

1 Advanced Frame Options Using NORESIZE  By default, users may resize frames unless you specify the NORESIZE attribute in the tag  Examples:

Tutorial 2: Planning and Designing a Successful Web Site.

Chapter Objectives Discuss the relationship between page length, content placement, and usability Complete Step 4: Specify the website’s navigation system.

Adobe Dreamweaver CS3 Revealed CHAPTER ONE: GETTING STARTED WITH DREAMWEAVER.

Section 5.1 Section 5.2 Determine the purpose of 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.

Microsoft Expression Web - Illustrated Unit B: Creating a Web Site.

Web Design, 3 rd Edition 4 Planning a Successful Web Site: Part 2.

Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.

Who Wants to be a Millionaire? Web Page Development Dreamweaver Chapter 1.

Links in HTML. Hyperlinks or links Millions of linked web pages make up the World Wide Web Used to connect a web page to another web page on the same.

Web Technologies Website Development Trade & Industrial Education

Dreamweaver MX Unit A CIS 205—Web Site Design & Development.

Defining a Website. Review…. Page Title −The text that will be displayed in the title bar of the browser window on a web page File Name −What you “call”

GUIDED LESSON HYPERLINKS. OBJECTIVE In this lesson, you will learn the basics of working with hyperlinks, including how to insert and remove them in your.

Website Development with Dreamweaver

Web Development. Interaction Design How is information organized? How will people find their way around the site? How will people work with the information?

XP New Perspectives on Microsoft FrontPage 2002 Tutorial 1 1 Microsoft FrontPage 2002 Tutorial 1 – Introducing FrontPage 2002.

Web Design (2) Brackets - introduction. Brackets Brackets is a web design code editor It is an open-source project initiated by Adobe (creator of Dreamweaver)

Macromedia Dreamweaver 8 Revealed DREAMWEAVER GETTING STARTED WITH.

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.

Adobe Certified Associate Objectives 1 Setting Project Requirements.

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.

Review of last Session Learning Objectives 1. Create an on-line account with weebly.com along with a blank website 2. What a domain names are & how to.

© 2012 Adobe Systems Incorporated. All Rights Reserved. Copyright 2012 Adobe Systems Incorporated. All rights reserved. ® DESIGN PROJECT PRODUCTION PHASES.

How to Navigate the Class Web Site Mrs. Denyer River Valley High School.

Web Site Design Plan Checklist Web Design Presented by: Angelo Russo #10 11/22/2014Angelo Russo #101.

 Network  A _____ of computers that can _________ w/ each other  Examples of hardware  ______________ & communication lines  Internet  Hardware.

Planning a Website Web Technologies I. The Site Design Process DEFINE Goals & Audience Content/Asset Collection Content/Style Information Delivery Requirements.

Links in HTML What you need to know….. Hyperlinks or links Millions of linked web pages make up the World Wide Web Used to connect a web page to another.

1 After completing this lesson, you will be able to: Understand the basics of HTML coding. Use HTML tags. Plan an HTML site. Create a table with HTML.

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.

Planning and Designing Effective Web Pages. When planning a new site Determine site goals 2. Identify the target audience 3. Conduct market research.

Inserting Hyperlinks  Purpose : Enables viewers to click the link and move directly to a slide  Directions : Make one link on slide one to move to each.

Web Site Development - Process of planning and creating a website.

1 3/28/05CS120 The Information Era CS120 The Information Era Chapter 4 – More HTML Specifics TOPICS: Frames.

Web Design, 5 th Edition 3 Planning a Successful Website: Part 1.

Arithmetic and Geometric Means

Basics of Website Development

Web Site Design Plan Checklist

بسم الله الرحمن الرحيم.

Section 5.1 Section 5.2 Determine the purpose of your Web site

Define phase Interview the client to understand goals, audience, content, design, and delivery requirements. Organize and outline interview information.

DESIGN PROJECT PRODUCTION PHASES DEFINE, STRUCTURE, DESIGN, BUILD AND TEST, DELIVERY ® Copyright 2012 Adobe Systems Incorporated. All rights reserved.

Page plans A01 Design.

3.02C Website Organization

Enhancing Student Learning and Retention with Community Partnerships

Lesson Objectives Lesson Outcomes

Basic Steps: Set up account, log in Select theme (colors, tabs)

DESIGN PROJECT PRODUCTION PHASES DEFINE, STRUCTURE, DESIGN, BUILD AND TEST, DELIVERY ® Copyright 2012 Adobe Systems Incorporated. All rights reserved.

Apply programming techniques to design and create a web page

Developing a Web Site.

CAII 4.01 Web Page Design Terms List 2.

4.01 Examine web page development and design.

Presentation transcript:

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 Conduct Market Research- investigation and study of data about the target audience’s preference for a product or service Create end-user scenarios- imagined situations in which a target audience might access a Web Site

Navigation Schemes Flowchart- diagram of geometric shapes connected by lines that show steps in sequence Hierarchical Navigation Scheme- pages are arranged in levels from top to bottom Hierarchical Navigation Schemes have a parent-child relationship It is arranged as a family tree is arranged

Navigation Schemes Home Page 1 st level 2 nd Level 3 rd Level 2nd Level 3rd Level

Navigation Schemes United States of America Northern States New YorkVermontConnecticut Southern StatesWestern States CaliforniaArizona Midwestern States

Navigation Schemes You try it with movies

Storyboarding Your Site Storyboard- a visual sketch of a web site and its related pages Helps you examine the contents of each web page and its links to each other Page name- name that appears in the title bar when page is displayed File name- name of the HTML document (index.html)