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

 Who Needs Planning! The Key to a Successful Web Site….

Advertisements

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

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

Start -> All Programs -> Classes -> Web Expressions -> Dreamweaver.

How do I create a Web Dilemma in PowerPoint? Start Tutorial Use Black Boxes for Navigation.

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 - Review Layout using tables. Table exmaple James 11/08.

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.

+ Introduction to Wireframing. + Overview Storyboarding and wireframing your site before you start to code is another step in the website design process.

Developing Content and Layout Lesson 6. Creating Web Site Content Online users scan a page, read key words of text, and check out graphics Reading from.

WEBiT Adding a new page. 1. View a page like the one you wish to create a. Navigate to a page with a similar layout to the new page you wish to create.

Planning a website by Jacob McCormack There are lots of things to think about when deciding about creating a website…

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

MarNet Café Internet Services How to search the internet Click on one of the buttons below: How to select a search engine Benefits of a search engine Find.

Planning a website by Jake Snoad There are lots of things to think about when deciding about creating a website…

Planning a website by Tom Kirk There are lots of things to think about when deciding about creating a website…

Planning a website by Katie Hardaker There are lots of things to think about when deciding about creating a website…

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.

Welcome to the PowerPoint on how to use PowerPoint 2007 Neil Hecht Instructional Technology Facilitator Onslow County Schools.

Committee and Section Site Demonstration For Committee and Section Leaders 1.

Adobe Certified Associate Objectives 1 Setting Project Requirements.

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.

Year 8 Web Design Project Your task is to design a 3 page website for a school extra-curricular club of your choice. It maybe one you attend such as rugby,

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.

Committee and Section Site Demonstration For Committee and Section Members 1.

Web Site Development - Process of planning and creating a website.

Web Site Architecture Crunch Bakery Group #1 Nzingah Gross William Hellela Jose Merino.

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.

What makes a Good Website?. Examples of Bad Websites For more really.

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.

Sample Text for Poster Title

LESSON 4 Module 4: Working with Images Navigation Tools.

Unit 17 Website Development

BAYOU ADVERTISING AGENCY

How to make a website in dreamweaver a website

Introduction to Wireframing

Your Title Here Your Title Here

Layout - you need to understand that a simple navigation bar:

Page plans A01 Design.

Web Site Architecture Crunch Bakery

A01 DESIGN To be completed Your proposal  Your House style 

FRC Parts Exchange Guide to the site.

Dreamweaver Basics.

Place your Project Logo Here

Template Eposter for scientific paper

Place your Project Logo Here

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

Common Page Design Elements

Place your Project Logo Here

Sample Text for Poster Title

Template Eposter for scientific paper

Sample Text for Poster Title

Sample Text for Poster Title

E – POSTER COMPETITION “INNOVATIONS IN THE TREATMENT OF ALZHEIMERS”

Sample Text for Poster Title

Sample Text for Poster Title

Title Introduction: Discussion & Conclusion: Methods & Results:

Place your Project Logo Here

Place your Project Logo Here

PowerPoint Template.

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é Frames Not chosen Top Frame Left Frame Main Frame

6 Navigation Buttons Navigation Links Title Pannel Logo and Graphs Main Information 20 % 60 % 620 PIxels Layout Mohammed Marouf Bon Appetite Café Tables ( OK)

7 Mohammed Marouf Bon Appetite Café

8 Home Page Mohammed Marouf Bon Appetite Café

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

10 Site Description Mohammed Marouf Bon Appetite Café Test Conclusion