Presentation is loading. Please wait.

Presentation is loading. Please wait.

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

Published by Modified over 8 years ago

Similar presentations

Presentation on theme: "1 Grundlæggende Web Design Final Project Bon Appetite Café Website By Mohammed Marouf Course Manager Michael Hammel Mohammed Marouf Bon Appetite."— Presentation transcript:

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

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

3 3 Introduction Mohammed Marouf Bon Appetite Café Target Groups Goals

4 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 5 Layout Mohammed Marouf Bon Appetite Café Navigation Buttons Navigation Links Title Pannel Logo and Graphs Main Information 20 % 60 % 620 PIxels

6 6 Mohammed Marouf Bon Appetite Café

7 7 Home Page Mohammed Marouf Bon Appetite Café

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

9 9 Site Description Mohammed Marouf Bon Appetite Café Test Conclusion

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

Similar presentations

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

1 Grundlæggende Web Design Final Project Bon Appetite Café Website By Mohammed Marouf Course Manager Michael Hammel Mohammed Marouf Bon Appetite.
 Who Needs Planning! The Key to a Successful Web Site….

 Who Needs Planning! The Key to a Successful Web Site….
Certificate in Digital Applications – Level 02 Website Design and Creation.

Certificate in Digital Applications – Level 02 Website Design and Creation.
Individual Web Site Part I – Flowchart Ruba Jeshi UOP July, 26, 2009.

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.

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: 11371823 URL

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.
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.

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.

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.

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.

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.

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 273-5051.

Dreamweaver Basics Randy Graff
Using Adobe ® Dreamweaver ® and Photoshop ® An Introduction PART ONE The design phase before launching Dreamweaver.

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.

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.

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.

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.

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.

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.

Similar presentations

Ads by Google