1 Grundlæggende Web Design Final Project Bon Appetite Café Website By Mohammed Marouf Course Manager Michael Hammel Mohammed Marouf Bon Appetite.

Slides:



Advertisements
Similar presentations
1 Grundlæggende Web Design Final Project Bon Appetite Café Website By Mohammed Marouf Course Manager Michael Hammel Mohammed Marouf Bon Appetite.
Advertisements

 Who Needs Planning! The Key to a Successful Web Site….
Certificate in Digital Applications – Level 02 Website Design and Creation.
Individual Web Site Part I – Flowchart Ruba Jeshi UOP July, 26, 2009.
DIVISIONS FOR ALL WEB PAGES Web Page Elements.  All Web Pages should have the following 4 elements (Also called divisions).  header  navigation  content.
Neil Sayers - Student Number: URL
What colour will the background be? What style will the title be? What style will the body text be? What hyperlinks will there be? What transitions/animations.
What colour will the background be? What style will the title be? What style will the body text be? What hyperlinks will there be? What transitions/animations.
Web Design Planning Next Bottom. Topics Plan your Web Site Web site content Web site Structure Web site common layout Using MS Publisher MS Publisher.
Banner Home Page Text Image Picture Image JavaScript Hyperlink text Animated image Navigation link To a different webpage Date and time.
Website Design CLA – Transportation. Defining a Site Select: Site – New - Site Click Next.
Slide 1 Consider the page layouts for: Layout design – does it look balanced and even Size of box relative to its importance – the Heading (or title) of.
Developing A Website. Reminder 1 You want your website to be _______? 1)Artistic 2)Easy to use 3)Interactive 4)Multimedia-driven.
Dreamweaver Basics Randy Graff
Using Adobe ® Dreamweaver ® and Photoshop ® An Introduction PART ONE The design phase before launching Dreamweaver.
End of Day Tasks!. THE CHALLENGE…. Select either a list or a library to create Add x3 items or documents one item or document inside of.
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.
7/8/04 1 Web Project Phase 3 - Sketches Use pencil and paper to sketch the layout of the pages in your web site Considerations – Placement of text? – Placement.
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.
Unit 13- Assignment 2C By Danny Lamborn. Image 1 of the park Worden Park – title Welcome to this glorious website based all about the fantastic national.
Planning and Designing a Website Index Page Use it as a way to introduce yourself, and describe your website. Use it as a way to introduce yourself,
Title Authors Introduction Text, text, text, text, text, text Background Information Text, text, text, text, text, text Observations Text, text, text,
Kypros-net Website : Greek Tutorial Program SI 622 Evaluation of Systems and Services M. Elledge P. Zaphiris.
UNIT 3 – WEB DESIGN FINAL PROJECT – DAY 2 Exploring Computer Science – Lesson 3-11.
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.
Title of your site Title of your page Text and images arranged on the page in the design of your choice. Page 2 Page 3 Page 4 Page 5 Page 6 Page 7 Page.
Making the website. Get your folders sorted first Create a new folder in “N” called “My hockey website” Create folders inside called “Documents”, “images”
Department of Information Technology e-Michigan Web Development.
Home page. Fonts and colours Menus and sub-menus.
1. Storyboarding a Website. How to start a storyboard: Have Blank Squares!
Home page button Nokia link button Samsung link button Apple link button Blackberry link button Phone Accessories button Feedback button Contact us button.
Contents 1 Introduction 2 Strategy 3 Challenges Forward 4 Conclusion.
LESSON 4 Module 4: Working with Images Navigation Tools.
Your Title Here Your Title Here
TITLE Authors Institution RESULTS INTRODUCTION CONCLUSION AIMS METHODS
PowerPoint Template.
Page plans A01 Design.
PowerPoint Template
PowerPoint Template.
PowerPoint Template.
PowerPoint Template
PowerPoint Template.
A01 DESIGN To be completed Your proposal  Your House style 
This Scientific Poster Template Is Provided By MakeSigns
FRC Parts Exchange Guide to the site.
Place your Project Logo Here
This Scientific Poster Template Is Provided By MakeSigns
This Scientific Poster Template Is Provided By MakeSigns
Template Eposter for scientific paper
PowerPoint Template
PowerPoint Template
Place your Project Logo Here
This Scientific Poster Template Is Provided By MakeSigns
How to add a page… You will need to add new pages to your website depending on the brief. You do this by: Click on the Add new page button Write the new.
Place your Project Logo Here
In today's lesson you will…
This Scientific Poster Template Is Provided By MakeSigns
Place your Project Logo Here
Template Eposter for scientific paper
E – POSTER COMPETITION “INNOVATIONS IN THE TREATMENT OF ALZHEIMERS”
This Scientific Poster Template Is Provided By MakeSigns
Your Poster Title Goes Here

Title Introduction: Discussion & Conclusion: Methods & Results:
Place your Project Logo Here
This Scientific Poster Template Is Provided By MakeSigns
Place your Project Logo Here
PowerPoint Template.
PowerPoint Template.
Add Your Company Slogan
Presentation transcript:

1 Grundlæggende Web Design Final Project Bon Appetite Café Website By Mohammed Marouf Course Manager Michael Hammel Mohammed Marouf Bon Appetite Café

2  Schedule  Introduction  Goals and Target Group  Planning the Site  Site description  Test  Conclusion Mohammed Marouf Bon Appetite Café

3 Introduction Mohammed Marouf Bon Appetite Café Target Groups Goals

4 Planning the Site  Flow Chart Mohammed Marouf Bon Appetite Café Bon Appetit Classic Deserts Drinks Dinner Lunch Brunch Home Wine Cocktails Contact Us On Map Luxuxry Beer

5 Layout Mohammed Marouf Bon Appetite Café Navigation Buttons Navigation Links Title Pannel Logo and Graphs Main Information 20 % 60 % 620 PIxels

6 Mohammed Marouf Bon Appetite Café

7 Home Page Mohammed Marouf Bon Appetite Café

8 Design Challenges Mohammed Marouf Bon Appetite Café  Navigation  Colour selection  Image slection  Text selection

9 Site Description Mohammed Marouf Bon Appetite Café Test Conclusion