Planning a Web Site Planning a Web Site. The Home Page Think of this as your storefront. It is the first thing seen by your customer when they log on.

Slides:



Advertisements
Similar presentations
Web Page Design Critical Elements for a Well Designed Web Page.
Advertisements

© 2011 Delmar, Cengage Learning Chapter 1 Getting Started with Dreamweaver.
Section 6.1 Write Web text Use a mission statement Generate and organize content ideas Section 6.2 Use page dimension guidelines Determine content placement.
6 Developing Content and Layout Section 6.1 Generate and organize content ideas Write and organize Web text Section 6.2 Identify page dimension guidelines.
B LUEPRINT FOR P LANNING A W EBSITE. A well-organized website doesn’t just happen A detailed blueprint will guide the decision-making process.
DIVISIONS FOR ALL WEB PAGES Web Page Elements.  All Web Pages should have the following 4 elements (Also called divisions).  header  navigation  content.
Introduction to PowerPoint
Chapter 1 Getting Started With Dreamweaver. Explore the Dreamweaver Workspace The Dreamweaver workspace is where you can find all the tools to create.
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.
Review of last session The Weebly Dashboard The Weebly Dashboard Controls your account and your sites Controls your account and your sites From here you.
Section 7.1 Identify presentation design principles Use a custom template Add pages to a navigation structure Section 7.2 Identify color scheme guidelines.
Creating a Winning E-Business Second Edition Designing Your Web Site Chapter 8.
Chapter Objectives Discuss the relationship between page length, content placement, and usability Complete Step 4: Specify the website’s navigation system.
A web design firm! Champyon Shots. The Proposal The purpose of this website is to promote Greenville College Soccer for future recruits. The terms of.
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.
BASIC PRINCIPLES OF DESIGN DESIGN, MULTIMEDIA, AND WEB TECHNOLOGIES (DMWT)
Creating an Attractive Site How will your site look. Think about what your customers are seeking and what type of Web site they find attractive.
WEB DESIGN SOLUTIONS. 2 Presentation by JAVANET SYSTEMS 1st Floor, ROFRA House, Suite 4, Kansanga, Gaba Road P.O Box 31586, Kampala, Uganda Tel: +256(0) ,
HOW TO BUILD YOUR CULINARY ARTS PORTFOLIO. Adding a New Slide/ Duplicating a Slide Go to the slide menu on the left side of the screen Right click to.
STEPS IN THE WEB DESIGN PROCESS A 5 minute presentation on the latest Ideas and methods.
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.
Chapter 6: NavigationCopyright © 2004 by Prentice Hall 6. Navigation Design Site-level navigation: making it easy for the user to get around the site Page-level.
Basic Editing Lesson 2.
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.
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.
By Lauren Mayer WEBSITE RESEARCH. NYLON MAGAZINE WEBSITE Header, this is the title of the website and should be the main attraction. This example had.
Web Site Development - Process of planning and creating a website.
Microsoft Expression Web 3 – Illustrated Unit G: Designing Site Navigation.
Web page layout in elegance.  Specific Designs for Target Audiences Consider your audiences tastes when creating your website.
WHY DO YOU NEED IT? What is a wireframe?. A wireframe is… A wireframe is a simple visual guide to show you what a Web page would look like. Wireframes.
Creating a Google Site For a Digital Portfolio Purpose.
Planning and Creating a Web Site. Stages in planning a web site planning the project decide on the purpose and audience for the web site create mind map.
Microsoft Excel Illustrated Introductory Workbooks and Preparing them for the Web Managing.
1. Storyboarding a Website. How to start a storyboard: Have Blank Squares!
Getting Started with Dreamweaver
Section 6.1 Section 6.2 Write Web text Use a mission statement
Imaging and Design for Online Environment
Logos.
Lecture 4 Web Design. Part 1.
Section 7.1 Section 7.2 Identify presentation design principles
D.Y.O. Web The new and easy way to create and maintain your own professional dynamic website.
About SharePoint Server 2007 My Sites
15 Basic Web Designing Tips
Web Site Design Plan Checklist
Web-design.
Introduction to Wireframing
HOME PAGE PHOTO SLIDESHOW
Getting Started with Dreamweaver
Microsoft PowerPoint 2003 Illustrated Introductory
Microsoft Office Illustrated Introductory, Premium Edition
McGraw-Hill Technology Education
Objective % Explain concepts used to create websites.
KELLER WILLIAMS REALTY
Graphics.
Lesson 21 Getting Started with PowerPoint Essentials
Microsoft Office 2003 Illustrated Introductory
Applications Software
Back to Table of Contents
Nov 5th Inservice.
An audio and visual tutorial
Getting Started with Dreamweaver
Quick Start Lab February 2006 Colby College ITS.
CMP Creating Your Personal and Small Business Web Sites
Objective Explain concepts used to create websites.
Wells Fargo Toolkit – CreativeBuilder Reference Guide
COMPARING TWO SIDES OF THE SAME COIN
Chapter 8 Using Document Collaboration and Integration Tools
Presentation transcript:

Planning a Web Site Planning a Web Site

The Home Page Think of this as your storefront. It is the first thing seen by your customer when they log on to your site. Think of this as your storefront. It is the first thing seen by your customer when they log on to your site. Make a good impression. Make a good impression. Attract attention, communicate what your site offers, and remember this page should reflect your site’s personality. Attract attention, communicate what your site offers, and remember this page should reflect your site’s personality.

Home Page Elements Name of your business. Name of your business. Your logo. Your logo. Basic information about the site. Basic information about the site. A simple and logical layout: A simple and logical layout: Arrangements of the elements on the page: Arrangements of the elements on the page: Text Text Graphics Graphics Headlines Headlines A cluttered, disorganized page may result in the loss of a customer who becomes impatient and leaves. A cluttered, disorganized page may result in the loss of a customer who becomes impatient and leaves.

Site Map Home Page Products/ServicesEmploymentContact UsInvestors Customer Feedback Browse Our Catalog How to Invest Financial information How to Order

Storyboards Pencil out what your Web site will look like Pencil out what your Web site will look likeor Generate a computer based document of what your Web site will look like. Generate a computer based document of what your Web site will look like. Illustrate everything that will appear on the Web site: Illustrate everything that will appear on the Web site: Text Text Graphics Graphics Color Schemes Color Schemes Links Links And menus And menus The storyboards will act as a blueprint for you to build your site.

Navigation Schemes Navigation Schemes How different Web pages relate to one another. How different Web pages relate to one another. Home page may link to pages for News, Products and Services, Mission Statement, Contact Information, and Ordering. Home page may link to pages for News, Products and Services, Mission Statement, Contact Information, and Ordering. Each web page may link to another page, or at least a link back to the home page. Each web page may link to another page, or at least a link back to the home page. Products and Services should link to the Ordering Page, but may not link to the other pages. Products and Services should link to the Ordering Page, but may not link to the other pages. Design your navigation so visitors can easily navigate and interact with your site. Design your navigation so visitors can easily navigate and interact with your site.

Navigation Schemes (cont.) Navigational Bar should be clear on the Home page. Navigational Bar should be clear on the Home page. Navigational Bar appears on every page. Navigational Bar appears on every page. Be Creative: Be Creative: Vertical Column Vertical Column Color-coded tabs Color-coded tabs Photos Photos Icons Icons Combination of elements. Combination of elements.

Communicating with Customers A means to contact you to establish good customer relations. A means to contact you to establish good customer relations. Include a contact us on your home page. Include a contact us on your home page. Provide a Guest List for customers to make comments and leave their own contact information. Provide a Guest List for customers to make comments and leave their own contact information. Other ways for customers to contact you, phone numbers and fax numbers, or Toll Free numbers. Other ways for customers to contact you, phone numbers and fax numbers, or Toll Free numbers.

Editing Your Site The design and functionality of major Web sites has not changed much of over the years. Google is still just a logo over a search window on a plain white screen. It offers more services now than it did when the company started, but the site doesn’t look much different. The design and functionality of major Web sites has not changed much of over the years. Google is still just a logo over a search window on a plain white screen. It offers more services now than it did when the company started, but the site doesn’t look much different. Improve your site but do not make radical changes that may surprise your customers. Improve your site but do not make radical changes that may surprise your customers.