Web Project Topic Approval

Slides:



Advertisements
Similar presentations
Fresh Air, Air Conditioners Website Designed by Wilber Cortez.
Advertisements

New Semantic Elements (Part 2)
Web Development & Design Foundations with XHTML Chapter 7 Key Concepts.
Session 4: CSS Positioning Fall 2006 LIS Web Team.
D4912 – Website Rebranding, Day 1 Impact clarification June 2006 V4.0.
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.
CREATE A WEBPAGE WEB DESIGN. EXAMPLE LAYOUT 2 WEB COMPONENTS Header Banner and logo Footer Copyright information or Address Horizontal Navigation For.
DIVISIONS FOR ALL WEB PAGES Web Page Elements.  All Web Pages should have the following 4 elements (Also called divisions).  header  navigation  content.
Questions What can you see? What is your first impression of the logo? Are there any words / pictures in the logo? Why does the company include them in.
Website Development Presentation for Project 1 and 2 Pavel Florea.
LETTERHEADS PURPOSE OF A LETTERHEAD
Business Definition Analysis & Design Phase. Development Team Smit Shah (System Analyst, Web Developer) Harsha Balagere (Web Designer) Abdullah Alsubaiei.
MM1950 Project Three – Team Development Group Members Calvin Canning Cara Eustace – Recorder Mei Butler – Facilitator Nadine Green - Presenter.
Creating A Simple Web Page. Step 1- Open Dreamweaver & Create A New Page (File New) and blank.
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.
Website Development. Internet Internet (Net) – Global network connecting millions of computers. Network – Group of computers and associated devices that.
Developing A Website. Reminder 1 You want your website to be _______? 1)Artistic 2)Easy to use 3)Interactive 4)Multimedia-driven.
Continued BrokersLink Redesign. General Changes All Headlines, Main Nav options and Sub Nav options will be in the Google font Roboto Slab (Normal 400.
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 7 TH EDITION Chapter 6 Key Concepts 1 Copyright © Terry Felke-Morris.
Name- Cam’s Website Purpose- The purpose to give out personal information about myself along with giving people the chance to view my past assignments.
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 7 TH EDITION Chapter 6 Key Concepts 1 Copyright © Terry Felke-Morris.
How To Use This Template
Website St. Augustine A Technical Viewpoint Deja Vu anyone?
Top App Logo Designs. Analysis Questions: What Stands out? What do you think it represents? What Symbols are being used? What Colors are being used? Would.
Your logo. There’s no doubt you understand the importance of your logo when it comes to branding. Your website should display your logo prominently, and.
Desktop Publishing Notes: Letterhead Stationery Understand business publications.2 Letterhead Stationery Examples.
Website Design Presentation to Members Of The American Morgan Horse Association By Bill Lere August 22, 2012 Copyright, Bill Lere, 08/22/2012, Minneapolis,
Tools For State and Local Web Sites Web Style, Site Headers and Promotion Banners.
Web Design I Spring 2009 Kevin Cole Gallaudet University
Chapter 20 Web Design. Copyright © Houghton Mifflin Company. All rights reserved.20 | 2 Chapter overview Gives an introduction to Web design Examines.
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 Chapter 7 Key Concepts 1 Copyright © Terry Felke-Morris.
PROJECT PLAN BY TRISHA COMER.  The customer base will be anyone who likes to buy and wear jewelry  The only one who can make changes to the site is.
WILLY’S STRAWBERRY FACTORY Website Proposal. WEBSITE CONTENT Photo galleries of the factory Directions via Google Maps embedded on the website Pricing.
Content Administration 08/19/13 & 08/20/13.
3/30/15.  Who is Tim Berners-Lee? 1. Assessing needs 2. Determining content structure 3. Determining site structure 4. Determining navigation structure.
Chapter 5 questions 1. To inform customers about the services we provide, give a way for them to contact us, examples of our work and testimonials from.
Final Exam Notes Fall What to Expect Given a page layout similar to the one to the left, use Dreamweaver to implement the page. A directory structure.
Final Project Presentation TlaKOAche Camp Website.
Name: Unit21 A01 - Research. Website 1 Name: Website: Target Audience:
Navigation grid – Wide desktop 1 Main navigation bar maximum width 890 px (= 4 content columns) 3 text columns, each 256 px wide 51 px margins in between.
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.
Small Business Logo Design Service
Kapi’olani Community College Art 249 Interface Design 2 In-class Presentation Week 7A.
Web Development & Design Foundations with HTML5 7th Edition
SETTING UP OF E-COMMERCE WEBSITE
Basics of Website Development
Responsive Design Optimizing the browsing experience
CS3220 Web and Internet Programming Page Layout with CSS
Shop for High Quality Candle Making Kits - Cozyourscandlemaking.com
Annoying Web Design Problems 7 Menomonie Web Design Agency.
eCommerce Website Design Company
 The home of the website have the logo of the punjab college.
Amazing Ways to Improve Your Website Usability
Mrs. Quick’s Graphic Design Class
City Travel Project Brochure examples
Fixed Positioning.
“Semantic” Tags Semantic markup describes what the content contains as opposed to what it looks like! Examples include: div, nav, article, header, footer.
Session I Chapter 18 - How to Design a Web Site
1-Product or Service Slide #1:
Web Development & Design Foundations with HTML5 8th Edition
Web Development & Design Foundations with H T M L 5
HTML5 Level III Responsive Web Design (RWD) and Front-End Frameworks
Web Design 1 Website Construction.
New Semantic Elements (Part 2)
HTML 5 SEMANTIC ELEMENTS.
D4912 – Website Rebranding, Day 1 Impact clarification
Essay 2 project Samples: likes and dislikes
ICT – Y11GCSE Unit 4 – Web Site Design – Practical Task (3 lessons)
Is my group’s news presentation conventional?
Final Project Questions Site Map Desk top wireframe layout design
Presentation transcript:

Web Project Topic Approval Purpose: The purpose is to provide customers with a place to research and purchase craft beers and microbrews that may not be available where they are located. Goal: The goal is to be the online shop that beer connoisseurs go to research, discuss, and purchase quality craft beers and microbrews. It will only be a success if it can become an amazon.com/Wikipedia.org hybrid that specializes in craft beer and microbrews. Target Audience: The target audience will mostly likely be men and women between age 25 and 45, living close to metropolitan cities like Portland, New York, Los Angeles, etc. Opportunity: On top of providing a place to purchase quality beers, the website will also provide the opportunity to see information about a specific beer, along with other beer connoisseurs’ reviews. Content: The website will have a basic, readable font. Images and colors will be related to the characteristics of beer; pictures of brewers, beers, hops, barley; and using different variations of brown and red colors. Similar Websites: http://www.amazon.com http://www.Wikipedia.org

#centerwrap – width: 900px to 1200px – Desktop display <header> - width: 100% Company name, logo <nav> - width: 25% #rightcol – width: 75% Main content information w/images <footer> - width: 100% Copyright, 2nd navigation

#centerwrap – width: 480px to 899px – Tablet display <header> - width: 100% Company name, logo <nav> - width: 100% #leftcol – width: 40% Images #rightcol – width: 60% Main content information <footer> - width: 100% Copyright, 2nd navigation

#centerwrap – width: 0px to 479px – Desktop display <header> - width: 100% Company name, logo <nav> - width: 100% #leftcol– width: 100% Main content information w/images <footer> - width: 100% Copyright, 2nd navigation

Home U P D Beers U P D Brewers Beer Blog Store About Us Contact