Kelli Jo Isaak
(605) 877-1823
Blind.Geek81@gmail.com


Web Design Dictionary

  • E-portfolio: A miniature website created specifically to obtain a job and sell yourself.

Layouts

  • Fixed Layout: The various pieces and parts of fixed layouts are sized using pixels. Fixed usually refers to the width of the page. (i.e. fixed-width laoyut)
  • Liquid Layout: Divs are sized using percentages rather than pixels. This allows them to be adjusted easily when text is enlarged or shrunk.

    This site uses a liquid layout; press CTRL+ (the plus sign is beside the underscore) to enlarge the text on this page, or CTRL- to decrease the font size.
  • Blog Style: Can be either two or three column. Either way, each division is equally-sized. You have seen this before in newsletters and other periodicals you have recieved in the mail.

Website Parts

  • Div: A.K.A. a division, or part of the website. You may have as many divs as you want on your site; I have five; a Header, Footer, Side Content, Main Content, and a Menu.
  • Header: a division of the page set aside for a logo, an image, or any other information you may want displayed on every page
  • Footer: another division at the bottom of a website that is similar to a header and normally contains copyright information or links to other important parts of the site not displayed in the menu
  • Menu: A menu contains the main pages you want users to check out. I believe there are four basic pages:
    1. Home page - what goes here depends on what you want here and how often you want to change it. Home pages can have sale ads, basic information about your product or service, etc.
    2. About page - information about you and/or your business
    3. Business page - what specifically about your business do you want to share? This page has more detailed information than the home page
    4. Contact page - How do you want your customers to contact you? I can either create a simple e-mail form (see my Contact page for an example) or display your business's email address, phone number, and street address

Color Schemes

  • Monochromatic Scheme: a color scheme in which all of the colors are of the same hue, but vary in tints and shades.
  • Complementary Scheme: a scheme containing two colors that are on opposite sides of the color wheel.
  • Triadic Scheme: a scheme containing three colors that are equally spaced throughout the color wheel.
  • Tetradic Scheme: a scheme containing four colors whose hues are equally spaced throughout the color wheel.
  • Analogous Scheme: contains colors that are next to one another on the color wheel (i.e. red, orange, yellow, green...).
  • Accented Analogic Scheme: an anologous color scheme plus one complementary (opposite) color.

Tips & Tricks for Building an Awesome Website

I may be able to put together an awesome website for you and put it online, but you are the only one who can reach your clients. Don't worry; I won't make you do any coding, but I will make you choose your layout, color scheme, and content.

Layout

CSS layouts can either be fixed or liquid. Common layouts include, but are not limited to Two-Column, Three Column, Blog Style, and Stacked.

Most layouts also include a Header and/or a Footer.

Color Scheme

Color schemes can be fun! All you have to do is pick your two, three, or even four favorite colors. Then you choose which color you want to apply to each element (divs, icons, text, even the background color) of your site. Some of my favorite color scheme designers are:

  1. PerBang (my favorite!)
  2. Adobe© Kuler
  3. Color Scheme Designer 3

Top 10 Color Scheme Resources according to SpeckyBoy.com.

Content

When I begin placing your content into the appropriate pages of your website, I may do some spelling and grammar corrections, but that's it; your words are your own. Just make sure it is clean and unoffensive to potential customers.

Back to Top