How to Create A Tasty Restaurant Website

How to Create A Tasty Restaurant Website
  • 28 December 2010
  • Tutorials, Web Design
  • This post was written exclusively for PV.M Garage by Ben
  • Comments (11)»

Hi Today we’ll be creating a Restaurant Website .

Step one

Create a document 1000 wide by 1250 long then create a footer area fill with a light blue gradient.

Step 2

add a header at the top with the same gradient

Step 3

add a bar for the menu and add a two pixel black stroke

Step 4

create a box with a fine one pixel stroke – use 50% opacity and use the same gradient

Step 5

add in a gradient in the remaining space

Step 6

add a white box in the footer lowered the opacity use a gradient

Step 7

add a leaf shape from the custom shape tools use a green gradient

Step 8

from Google maps screen grab an area and place it in the footer

Step 9

download this font and install it then type out “find us” in the footer next to the map.

Step 10

add another bar between the footer and the main page use the same layer style as the menubar.

Type out” nothing would be more tiresome than eating and drinking if God had not made them a pleasure as well as a necessity “Voltaire

Step 11

Use this Lorem Ipsum generator  and paste them into the three boxes and the footer.

Step 12

type out the words you see in the menu bar in the image

Step 13

type out digital art Empire restaurant and put it a green gradient box behind it

Step 14

download these images image 2 place them in the document resize them to the same size

step 15

Final Image

type out”best with virtual restaurant ever”in a cursive font and that’s it were  done.

Author: Ben

website design and development


  1. ferret

    Sorry but this is really amateur looking

    • Ben

      ty for your input – Its really to show the how to side rather than a style guide – happy xmas btw :) and a merry new year :D



      • ferret

        thanks you too :)

  2. Daniel Neves



  3. Jerome

    I’m following your blog but this post looks like a joke Ben ;)
    “Chuc Mung Nam Moi” btw


    Finding a web designer can be a total pain….I’ve spent 5 hours searching for a decent one and ended up here!

  5. Agatha Mcinerny

    Very interesting entry, I look forward to the next!

  6. laptop i5

    Excellent post. I was checking constantly this blog and I’m impressed! Extremely helpful info particularly the last part :) I care for such information much. I was seeking this particular info for a long time. Thank you and good luck.

  7. laptop i5

    I do not even know how I ended up here, but I thought this post was good. I do not know who you are but certainly you’re going to a famous blogger if you are not already ;) Cheers!

  8. weight loss for idiots

    wow!I think you are amazing

  9. csabi

    Hi! I just love your tutorial! Congratulations!
    I know this is not the best way to say it, but I`we just opened a tutorials indexing website and I would like to ask you to submit your tutorials or to publish using our Publishing system, it will bring you some extra traffic
    Please give a chance for my website:



Leave your comment

You must be logged in to post a comment.


This website is proudly powered by WordPress, hosted by Suite48. Icons by WeFunction, KomodoMedia and DezinerFolio.
Contents and resources released under Creative Commons License.
Design and code by PVM Garage - Copyright © 2010 PV.M Garage Theme - All Rights Reserved.