Creating a Web Page Mockup

[display_podcast]

Creating a web site is very exciting.  How do the pro’s do it?  They create a template or mock up of the site’s look and feel first.  They usually do this in a graphic program like Adobe Illustrator.  It is like a story board of your plan for the site.  Once completed, a designer shows this to the client for revision and / or approval.

Where to start:

  1. Find a web site to copy, maybe from CSSZenGarden.com?
  2. Create a folder titled, “portfolio”
  3. Create a folder titled, “media”
  4. Create an Illustrator document titled, “my portfolio.ai”
  5. Save your “my portfolio.ai” document into the portfolio folder
  6. Place the web address of the site you are copying or emulating, example: http://www.csszengarden.com
  7. Place the images and text into your “my portfolio.ai” document

Published by scottleduc

I am the Educational Ninja!

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

%d bloggers like this: