PR1100 Presentation Naomi Kobayashi NuCoolWeb.   All-night coffee bar in Downtown, St. John’s  It features events at night  Public arts by letting.

Slides:



Advertisements
Similar presentations
Webmasters Workshop Walt Howe Delphi.com Forums. Bells & Whistles?
Advertisements

WEB DESIGN TABLES, PAGE LAYOUT AND FORMS. Page Layout Page Layout is an important part of web design Why do you think your page layout is important?
Mobile Marketing Eric Eddings Gluttony NY. The world is moving towards mobile.
CREATING WEB PAGES INTERNET IN THE CURRICULUM MODULE 8:
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.
Kapi’olani Community College Art 128 Interface Programming 1 In-class Presentation Week 6B.
A Very Simple “How To” For Designing Mobile Page Templates Warning: These are not real phones. Yup, they’re fake. :^) These screen shots are taken from.
Project Two Art3870 fall Web Services Concept Selling web services to Art Galleries ◦ Our group sells web site development for art galleries: the.
Designing Basic Web Sites Week 12 Technical Communication Fall 2003, DAHMEN.
Interface Design 2 Week 9. Interface Design 2 :: Week 9 :: Calendar.
Interface Design 2 Week 10. Interface Design 2 :: Week 10 :: Calendar.
Chapter 8 Designing with Cascading Style Sheets. Chapter 8 Topics Building three different types of complete Web pages using CSS: Build a style sheet.
Using Frames in a Web Site
RESPONSIVE DESIGN Sources: Kadlec, T. (2012). Implementing responsive design. Berkeley, California: New Riders Publishing. MarcotteMarcotte, E. (2010).
RESPONSIVE DESIGN Sources: Kadlec, T. (2012). Implementing responsive design. Berkeley, California: New Riders Publishing. MarcotteMarcotte, E. (2010).
With Alex Conger – President of Webmajik.com FrontPage 2002 Level I (Intro & Training) FrontPage 2002 Level I (Intro & Training)
Web Design Basic Concepts.
GUI Design Concepts Purpose of meeting: 1.Kelly to present 2 GUI design concepts (as seen through the eyes of a user at a desktop computer with 1024x768.
© 2011 Delmar, Cengage Learning Chapter 2 Developing a Web Page.
Kathy E. Responsive Design and Twitter Bootstrap.
Problemsolving 2 Problem Solving: Designing a website solution Identifying how a solution will function Taking into account the technical constraints a.
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.
(1) User Interface Frameworks: Twitter Bootstrap 3.0 Philip Johnson Collaborative Software Development Laboratory Information and Computer Sciences University.
Web Design, 4 th Edition 4 Planning a Successful Web Site: Part 2.
Web Development Life Cycle from Beginning to End…and BEYOND!
Basic PlanSpecial planPremium plan Starts from 8000 And INR (6 Months) Starts from And INR (6 Months) starts from and 1,10,000.
Chapter 2 Developing a Web Page. A web page is composed of two distinct sections: –The head content –The body Creating Head Content and Setting Page Properties.
Copyright 2012 Adobe Systems Incorporated. All rights reserved. ® Copyright 2010 Adobe Systems Incorporated. All rights reserved. ® Copyright 2012 Adobe.
Chapter 2 Developing a Web Page. A web page is composed of two distinct sections: – The head content – The body Creating Head Content and Setting Page.
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.
Developed by Kelly J Howard.
Teachers Discovering Computers Integrating Technology and Digital Media in the Classroom 5 th Edition Let’s Review Lesson 2! Who Wants to Be a Computer.
Group 3: Art Gallery Monica Almendarez Content/Project Manager Willliam Egle Technology Manager Christina Pié Usability/ADA Compliance Manager Mirjana.
Making iServices Subscriber More Mobile Friendly `
Software. A web site is a collection of web pages on a particular topic. A web page is a document written in HTML code. Web pages are linked together.
Louisa Lambregts, Louisa Lambregts
Graphics for the Web AO2. Objectives  Become familiar with the unit.  Understand the importance of planning graphics  Know what is meant by file types.
DIY Website Creating an online presence for visual artists and their work. Courtney Mealy / Cattaraugus County Arts Council.
Jozef Goetz, STEM Summer Camp Dr. Jozef Goetz.
Louisa Lambregts, Louisa Lambregts
Creating & Building the Web Site Week 8. Objectives Planning web site development Initiation of the project Analysis for web site development Designing.
?. When designing, you should analyze your target audience. Design you webpage around your target audience Target Audience.
Browser Compatibility Testing, using different browsers Conditional Statements.
Fundamentals of Web DevelopmentRandy Connolly and Ricardo Hoar Textbook to be published by Pearson Ed in early Bootstrap.
COMP 143 Web Development with Adobe Dreamweaver CC.
Prizm Content Connect HTML5 Responsive Viewer. Responsive Design Designed for better workflow and usability Responsive Design - 1 viewer for all view.
Section 6.1 Section 6.2 Write Web text Use a mission statement
CSCI 1720 W3.CSS – Part 1 East Tennessee State University Department of Computing CSCI 1720 Intermediate Web Design.
Implementing Responsive Design UNIT I.
Free PowerPoint Templates Android Assignment Help BookMyEssay.
Implementing Responsive Design
With Microsoft FrontPage 2000
Chapter 2 Developing a Web Page.
3 Best Website Speed and Performance Checking Tools
Basic Introduction to Portal Designer
IS1500: Introduction to Web Development
Chapter 13 Web Editing © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,
Download CIW 1D0-621 Exam Latest Questions Answers - Updated 1D Braindumps - Realexamdumps.com
Objective % Explain concepts used to create websites.
IFPUG new site pilot March, 2014 CMC Committee.
Web Development Life Cycle from Beginning to End…and BEYOND!
Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%
Exploring the Internet
Exploring the Internet
Objective Explain concepts used to create websites.
Web Development Life Cycle from Beginning to End…and BEYOND!
Various mobile devices
17 RESPONSIVE WEB DESIGN.
Presentation transcript:

PR1100 Presentation Naomi Kobayashi NuCoolWeb

  All-night coffee bar in Downtown, St. John’s  It features events at night  Public arts by letting people mark walls and tables  The owner believes art and people helping people About Coffee Lounge

  Promoting the Coffee Lounge business  Providing information about the Lounge  The service, the features and the events at the Lounge  Offering an access point to local writers, poets, artists, musicians and comedians  Supporting the community and its people Statement of Purpose

  Promote monthly special, events, featured artists, band and NPO  Events Calendar  Online Order Form  Drink Menu  Art and music samples  Coffee/Cup Shell game Site Features

  Dropdown menu for larger screens  Site map for smaller screens  Contact information including Google Map  Ready to use template page  Meta information for keywords Additional Features

  Coffee Drinkers  Between 18 and 40 year old  Living or working in Downtown, St. John’s  English-Speaking Canadians  Highly educated and wealthy  Very high technical proficiency Target Users

 Flow Chart HomeMenu Order Form Order Confirmation Entertainment EventsArt1Art2GameCouponContactNPO

  Brown-gold, Non-Serif fonts  Coffee Cup logo and photographs  Coffee beans in back ground Site Concept

 Graphics Design  Graphics follow the same site concept

  Personal computers, tablets and cell phones  Major OS, including Mobile OS  Newer versions of five major browsers Target Systems

  Index.html uses iframe to ensure consistent user interface  Index.html has a roll-over logo, a horizontal navigation bar and a drop down menu or a site map  HTML5, CSS3 and JavaScript are used Site Template

Game

Coupon

  The site needs to be readable by mobile phones  Fluid width layout  Two different designs are used to fit small screens  Print screen layout  Data Validations for order form  Optimizing for Speed (56K modem) Challenges

 Thank you for watching Questions?