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.

Slides:



Advertisements
Similar presentations
Can you walk away from your current website? In short, yes. However how depends on whether you intend to remain with the same web host and use the same.
Advertisements

CS 300 Client Side Web Development
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.
Designing for Multiple Screen Resolutions Screen resolution is the width and height of the computer screen in pixels Most monitors have many screen resolutions.
HOW TO BUILD A WEBSITE In 5 easy steps. Overview ◦ Decide on the Website’s Purpose ◦ Sketch a Rough Draft ◦ Create Content ◦ Code and Assemble Assets.
Navigating Your Website. What is Navigation? Website navigation is what helps visitors find information on your site. Navigation can be images, links,
Digital Marketing Overview Tpugliese Adapted from Anton Koekemoer | April 2012.
Basic Web Design UVICELL Week 5 Choosing a Domain Name, Hosting and Marketing Your Web Site Week 5 Choosing a Domain Name, Hosting and Marketing Your Web.
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.
Navigation Design. From the Brookfield Zoo, IL  (from Zoo)
Chapter 12 Web Publishing Basics Key Concepts Copyright © 2013 Terry Ann Morris, Ed.D 1.
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 7 TH EDITION Chapter 10 Key Concepts 1 Copyright © Terry Felke-Morris.
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.
Blueprint for Planning & Designing a Website. A well-organized website doesn’t just happen A detailed blueprint will guide the decision-making.
Section 7.1 Identify presentation design principles Use a custom template Add pages to a navigation structure Section 7.2 Identify color scheme guidelines.
© 2011 Delmar, Cengage Learning Chapter 2 Developing a Web Page.
Chapter Objectives Discuss the relationship between page length, content placement, and usability Complete Step 4: Specify the website’s navigation system.
Designing for the Web 7 Useful Design Principles.
Presented by Chad Kafka This Month’s Topic: Wikispaces Advanced Today’s session is an introduction to what a WIKI is and how they can be used in education.
Planning a Web Site Unit Two Planning Steps 1. Determine the audience & objectives. 2. Sketch a storyboard or flowchart of the pages. 3. Create a folder.
CSI315CSI315 Building Web Sites. What is a website A website is just a bunch of web pages connected together with something called a link. In HTML there.
Web Development & Design Foundations with HTML5 7th Edition
Web Technologies Website Development Trade & Industrial Education
14 Publishing a Web Site Section 14.1 Identify the technical needs of a Web server Evaluate Web hosts Compare and contrast internal and external Web hosting.
Build a Free Website1 Build A Website For Free 2 ND Edition By Mark Bell.
Building a site on the World Wide Web requires more than simply learning the HTML language and starting out. You need to get a place to put your Web pages,
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.
Launching a Successful Online Business and EC Project.
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) ,
Using Dreamweaver Web Page Design. Introduction to Web Page Design Developing a New Site Building a web site involves creating individual pages and linking.
Web Page Design. Some Terms Cascading Style Sheet, (CSS) –a style sheet language used to describe the look and formatting of a document written in html;
An Introduction To Websites With a little of help from “WebPages That Suck.
UNIT 14 1 Websites. Introduction 2 A website is a set of related webpages stored on a web server. Webmaster: is a person who sets up and maintains a.
Objective Understand concepts used to web-based digital media. Course Weight : 5%
Guerrilla Marketing Tactics Building a proper web Presence March 24, 2010 Session 3.
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.
Web Design School Website Best Practices A Balance Between Professionalism and Creativity Professiona l.
1 After completing this lesson, you will be able to: Transfer your files to the Internet. Choose a method for posting your Web pages. Use Microsoft’s My.
Group 3: Art Gallery Monica Almendarez Content/Project Manager Willliam Egle Technology Manager Christina Pié Usability/ADA Compliance Manager Mirjana.
Negative ranking factors are things you do on your site that harm your rankings. Linking out to low trust websites. Duplicate Content Not Being Mobile.
Web Design Basics Creating Appealing Websites Basics of Web Design: HTML 5 and CSS3, Felke-Morris, T.c.

MODULE 3 Internet Basics © Paradigm Publishing, Inc.1.
Chapter 1 Getting Started With Dreamweaver. Exploring the Dreamweaver Workspace The Dreamweaver workspace is where you can find all the tools to create.
 Network  A _____ of computers that can _________ w/ each other  Examples of hardware  ______________ & communication lines  Internet  Hardware.
Web Design Fall 2011.
+ Web Design Terminology Digital Communications III- Frameworks-2.1 Terminology HTML Domain Name Hot Spot Site Maps.
?. 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.
+ Publishing Your First Post USING WORDPRESS. + A CMS (content management system) is an application that allows you to publish, edit, modify, organize,
Web page layout in elegance.  Specific Designs for Target Audiences Consider your audiences tastes when creating your website.
Copyright © Terry Felke-Morris Learning Outcomes  In this chapter...  common types of website organization  principles of visual design  your target.
ADVANCED COMPUTERS S.Y.B.M.M. LECTURE SERIES - PART 1 - KANISHKA KHATRI m.
Search Engine Optimization Presented By:- ARKA Softwares Effective! Affordable! Time Groove
COMP 143 Web Development with Adobe Dreamweaver CC.
12 Most important points to remember before Designing a Website. 12 Most important points to remember before Designing a Website. Webline Infosoft Pvt.
Copyright © Terry Felke-Morris Web Development & Design Foundations with HTML5 8 th Edition CHAPTER 10 KEY CONCEPTS 1.
1 Web Technologies Website Publishing/Going Live! Copyright © Texas Education Agency, All rights reserved.
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.
Web Development & Design Foundations with HTML5 7th Edition
Section 6.1 Section 6.2 Write Web text Use a mission statement
Pre-Production Meet with the client to create a project plan:
Westmidland Websites Birmingham Office
15 Basic Web Designing Tips
Objective % Explain concepts used to create websites.
Research in a Digital Media Environment
HTML5 Level III Responsive Web Design (RWD) and Front-End Frameworks
Web Design 1 Website Construction.
Objective Explain concepts used to create websites.
Designing a Web Site.
Presentation transcript:

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 PLAN! PLAN! PLAN!

1. D EFINE THE P URPOSE Define the purpose of the website. – Why do you need a web presence? – What are you hoping to accomplish?

2. I DENTIFY YOUR AUDIENCE Identify your target audience and focus on it. The website isn’t about YOU? Ask questions: – How old are they? – Men, women, children? – What are their expectations? – What is their level of education? – Where do they live? – Are they web savvy?

3. D OMAIN N AME Choose your domain name and register it with a domain name registrar – You can pay extra for private registration, which will keep your name and contact information private—otherwise it is public knowledge An exact name match with your company is the best choice Avoid hyphens Keep it short, easy to remember and easy to type Remember the copyright law Some use the “radio” test. How will your website name sound in a radio ad?

4. B UDGET Set a budget and plan accordingly. – It isn’t just about how much it will cost to build it. – You also have to consider the time it takes to build it PLUS what it will cost to maintain it Web hosting fees and domain registration

5. G OALS Prioritize your goals. Determine what needs to go on the website first—and what can be added as time and money allow. – Draw a simple diagram of all the pages you want and how they will connect to each other Plan the navigational structure

6. D ESIGN THE LAYOUT Design the layout of the website – Research other websites and make note of the things that you like – Decide on the color scheme There are 216 web-safe colors that are guaranteed to display properly on both Windows and Mac operating systems.web-safe colors

6. D ESIGN THE LAYOUT Determine screen resolution – Designing web sites to fit all resolutions is very important, but it is difficult to create a site that will look exactly the same at different resolutions. – The most common resolutions are: 800 x 600, 1024 x 768 and 1280 x 1024 The most commonly used in the U.S. now is 1024x768

7. F ILE NAMING CONVENTIONS Use a simple naming convention for all files to improve search engine optimization (increasing the number of visitors to your site by ranking high in the search results of a search engine) – Only using letters, numbers and dashes (or hyphens); do not use spaces or special characters – Names should be logical, clear and to the point. – Examples: Poor: 11-Aug_lowres.pdf Better: Wilson-Newsletter-2011.pdf

8. C REATE THE SITE Create navigational structure – Include a link back to home on every page in a consistent location Use menus (navigation bars) or tabs Create a site map – Keep it clean—not cluttered and cramped; include plenty of white space – Use small blocks of text

9. P LAN A CCESSIBILITY Accessibility means that your site can be viewed by all, regardless of the device used or the abilities of the visitor. – Color blind? Other vision problems? – Assistive technologies? – Navigate without a mouse? – Mobile device?

10. T EST THE SITE Test the site to make sure everything works properly before you go live: – Spelling/grammar check, hyperlinks, browser compatibility, etc.

11. P UBLISH THE SITE Publish your website through your web hosting service Check to see if your service automatically registers your site with the major search engines like Google, Yahoo, etc. – If not, register it yourself. Registration is free and improves search engine optimization (SEO).

12. M ONITOR AND EVALUATE Monitor and evaluate your site over time. – Some web hosting services provide analysis to help you know if you are meeting your goals.