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.

Slides:

Advertisements

Similar presentations

3.02C Website Organization

Advertisements

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

Tutorial 1: Developing a Basic Web site

Section 16.1 Create a basic table using HTML Define borders Merge cells Align content in tables Section 16.2 Create a frames-based Web page using HTML.

HTML Lesson 4 Hyper Text Markup Language. Assignment Part 3  Save your last html file as “FirstName3.htm”  Set the title as “FirstName LastName Third.

Neil Sayers - Student Number: URL

. Website and file organization. How websites work.

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

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.

Start -> All Programs -> Classes -> Web Expressions -> Dreamweaver.

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 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.

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.

Section 7.1 Identify presentation design principles Use a custom template Add pages to a navigation structure Section 7.2 Identify color scheme guidelines.

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.

Building Our Website Step by Step. Step 1: Open a new Microsoft Word document. Save it as “How To [Your topic] Website.”

Expression Web 2 Concepts and Techniques Expression Web Design Feature Web Design Basics.

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

Section 5.1 Section 5.2 Determine the purpose of your Web site

Web Page Design Vocabulary #4.

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.

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

Website Design CLA – Transportation. Defining a Site Select: Site – New - Site Click Next.

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

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

Simple Pages for Omeka Lauren Dzura LIS

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

Web Designing By Bhupendra Ratha, Lecturer School of Library & Information Science D.A.V.V., Indore.

Website Development with Dreamweaver

CIS 205—Web Design & Development Dreamweaver Chapter 1.

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

Incorporating Multimedia into a Web Site (Case Study) Unit G.

Importing/Exporting between Fireworks and Dreamweaver For Buttons, Navigation Bar and Animated Banners.

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)

HTML. Hypertext Markup Language Lesson Objectives 1. We will be able to understand the need for HTML and where it is used 2. We will be edit HTML to.

Planning. THE AUDIENCE AND PURPOSE OF MY PROJECT:

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.

Web Design-Lecture3-QN-2003 Web Design Enhancing a Website.

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

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

Monitor your child’s attendance Monitor your child’s behaviour View your child’s school timetable View when homework has been set for your child Download.

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.

?. When designing, you should analyze your target audience. Design you webpage around your target audience Target Audience.

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

So – You want to learn how to put an article onto the state website. (Note: If you have not done so, you will need to review the web training provided.

Microsoft Expression Web 3 Expression Web Design Feature Web Design Basics.

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

This shows CIS17 and the first day introduction..

Browser. What parts does the browser consist of? Title bar Menu bar Toolbar Address box Links.

Copyright © Terry Felke-Morris Learning Outcomes  In this chapter...  common types of website organization  principles of visual design  your target.

© ExplorNet’s Centers for Quality Teaching and Learning 1 Objective % Understand advanced pre-production methods for web-based digital media.

Presentation by Jason Schlemmer. Making the website clear – explain who you are and what you do.

Getting Started with HTML

Pre-Production Meet with the client to create a project plan:

Section 7.1 Section 7.2 Identify presentation design principles

Basics of Website Development

Web Site Design Plan Checklist

Section 5.1 Section 5.2 Determine the purpose of your Web site

To view your master work in a browser you do this:

A01 DESIGN To be completed Your proposal  Your House style 

My Web Page is My First Line of Defense!

Apply programming techniques to design and create a web page

Developing a Web Site.

________________________________ ________________________________

Presentation transcript:

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 the website? What are my immediate goals for the website? What are my long-term goals of the website? What are my long-term goals of the website? What is my budget? What is my budget? What is my time line? What is my time line?

Step 2 - Determine the Target Audience or Target Market What are the characteristics of the group of people that will want to visit your website?

Step 3 – Create a Mission Statement A brief statement that summarizes the main purpose & focus of a website

Step 4 – Determine a Navigation Scheme 3 Types of Navigation Schemes 3 Types of Navigation Schemes Hierarchical Scheme (Most common) Hierarchical Scheme (Most common) Linear Scheme (Used for step-by-step pages) Linear Scheme (Used for step-by-step pages) Random-Access Scheme (Rarely used) Random-Access Scheme (Rarely used)

Hierarchical Navigation Scheme Pages are arranged from top to bottom Pages are arranged from top to bottom Home page is on top and other pages fall below in levels in relationship to other pages Home page is on top and other pages fall below in levels in relationship to other pages Parent page – Above another page Parent page – Above another page Child pages – Below another page Child pages – Below another page Peer-to-Peer – Same level as another page Peer-to-Peer – Same level as another page

Step 5 – Storyboard your Site Storyboard – A visual representation of a website. Storyboard – A visual representation of a website. Determine pages, navigational structure, & page file names & page titles Determine pages, navigational structure, & page file names & page titles page name – Appears in the title bar when the page is displayed in web browser page name – Appears in the title bar when the page is displayed in web browser file name – how it is saved as an html file file name – how it is saved as an html file