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

Slides:

Advertisements

Similar presentations

3.02C Website Organization

Advertisements

Multimedia Web Site Design Chapter Building an Effective Web Site Creating a Web site is easy, but creating one that is useful and attractive takes.

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

 Who Needs Planning! The Key to a Successful Web Site….

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.

Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%

Interface / navigation COM 366 Web Design & Production.

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

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

OCR Nationals ICT – Unit 2 Task 1 Task Overview You need to produce a design for a multimedia website of at least five pages. The design will act as the.

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.

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.

Creating a Winning E-Business Second Edition Designing Your Web Site Chapter 8.

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

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.

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

So You Want a Web Page!. What is a Web Page? According to Webopedia, a web page is: A document on the World Wide Web. A Web site is really a bunch of.

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

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.

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

Chapter Objectives Discuss the relationship between page length, content placement, and usability Complete Step 5: Design the look and feel of the site.

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

Developing A Website. Reminder 1 You want your website to be _______? 1)Artistic 2)Easy to use 3)Interactive 4)Multimedia-driven.

Mastering the Internet, XHTML, and JavaScript Web Design.

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.

Using Adobe ® Dreamweaver ® and Photoshop ® An Introduction PART ONE The design phase before launching Dreamweaver.

Dreamweaver MX BTA3Open. Dreamweaver MX Application used for creating web sites Homepage must always be saved as index.htm All files names must be in.

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

Testing and Maintaining a Web Site Presented by: Angelo Russo Student number: 10 Acknowledgement: This information is primarily gathered from: – Web Design,

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.

Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 Chapter 5 Key Concepts 1 Copyright © Terry Felke-Morris.

Consistency Increases usability of your Web site..

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

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

Principles of Web Design Keep it simple Content is critical--Form is not. Speed is “King”. Consistent filenames are key. Design efficiently. Cite your.

To be completed Your proposal  Your House style  Your site plan  Page plans (a draft layout for each of your five pages)  A design mock-up -  All.

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

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.

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

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

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

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

›What main things do you think should be considered when planning a website?

INFORMATION AND COMMUNICATION TECHNOLOGY

Understanding Web-Based Digital Media Production Methods, Software, and Hardware Objective

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 Web Technologies Planning and Designing Client Websites Copyright © Texas Education Agency, All rights reserved.

TESTING AND MAINTAINING A WEB SITE Presented by: Robert O'Neill student number:8 Acknowledgement: This information is primarily gathered from: Web Design,

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

Objective % Select and utilize tools to design and develop websites.

Chapter 4 – Website Development Planning Process

Basics of Website Development

Web Site Design Plan Checklist

Publishing and Maintaining a Website

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

Objective % Select and utilize tools to design and develop websites.

Getting Started with Dreamweaver

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

Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%

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

Web Design 1 Website Construction.

Website production.

Multimedia Web Site Design

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

Presentation transcript:

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

Step 1: Identify the Website's Purpose and Target Audience Identify the primary and secondary goals for your Web site. Determine the objectives necessary to meet the site’s goals, including its call-to-action. Write a formal purpose statement for the site. Develop a target audience profile that identifies the demographic and psychographic characteristics of audience members. Perform a needs assessment to determine the target audience's wants, needs, and expectations that can be satisfied by your website. 11/22/2014Angelo Russo #102

Step 2: Determine the Website's General Content Determine your website's home and underlying pages, and any necessary landing pages. Ensure that the content on your website's home page answers visitors' who, what, why, and when questions. Determine the visual identity content that will brand all of the webpages in your website. Determine the value-added content for your pages: text, images, audio, video, animation, multimedia, and dynamically generated content. Plan a file folder organization for your HTML and content files. 11/22/2014Angelo Russo #103

Step 3: Select the Website's Structure Consider the best way to structure your website to achieve its purpose: linear/tutorial, webbed, hierarchical, or some combination of structures. Create an outline of your website's structure: text outline, storyboard, or flowchart. 11/22/2014Angelo Russo #104

Step 4: Specify the Website's Navigation System Create a navigation system that is both user-based and user-controlled, offering a combination of text links; image links; navigation menus, bars and tabs; a breadcrumb trail; a website map; and a search feature. Maintain visual consistency with the color and page placement of navigation elements. Follow WAI accessibility guidelines for links and image maps. 11/22/2014Angelo Russo #105

Step 5: Design the Look and Feel of the Website Position visual identity and vital page content above and to the left of potential scroll lines. Maintain visual consistency across pages with a color scheme and page layout. Follow WAI accessibility guidelines for the use of color. 11/22/2014Angelo Russo #106

Step 6: Test, Publish, and Maintain the Website Perform usability testing on the navigation system during the planning and development phases. Determine how and where you will publish the website, and identify any technical or budget limitations. Develop a content maintenance plan that includes schedule and budget. 11/22/2014Angelo Russo #107