Jon Loar03/21/2011ITD210Carlotta Eaton Web Site Project.

10
Jon Loar 03/21/2011 ITD210 Carlotta Eaton Web Site Project

Transcript of Jon Loar03/21/2011ITD210Carlotta Eaton Web Site Project.

Page 1: Jon Loar03/21/2011ITD210Carlotta Eaton Web Site Project.

Jon Loar 03/21/2011 ITD210 Carlotta Eaton

Web Site Project

Page 2: Jon Loar03/21/2011ITD210Carlotta Eaton Web Site Project.

i. Client Information

ii. Existing Web Site

iii. Sites used for Inspiration

iv. Home Page Design Sketch

v. Color & Font Plan (use for CSS later)

vi. Outline (of content)

vii. Logical Site Diagram (site map or storyboard)

viii. Physical Site Diagram (files and folders)

Table of Contents3/21/2011Jon Loar ITD 210

Carlotta Eaton

Page 3: Jon Loar03/21/2011ITD210Carlotta Eaton Web Site Project.

Client for web project:

Shiloh Springs Lawn and Landscaping

Mike Luckett, Owner

7757 Neck Creek Road

Belspring, VA

(540) 731-0325

3/21/2011Jon Loar ITD 210 Carlotta Eaton

Page 4: Jon Loar03/21/2011ITD210Carlotta Eaton Web Site Project.

Existing Web Site

This is the extent of a web presence for Shiloh Springs:

http://maps.google.com

3/21/2011Jon Loar ITD 210 Carlotta Eaton

Page 5: Jon Loar03/21/2011ITD210Carlotta Eaton Web Site Project.

Sites Used for inspiration

http://www.landscapingsi.com/

3/21/2011Jon Loar ITD 210 Carlotta Eaton

Page 6: Jon Loar03/21/2011ITD210Carlotta Eaton Web Site Project.

Sites Used for inspiration

http://www.topazlandscape.com/

3/21/2011Jon Loar ITD 210 Carlotta Eaton

Page 7: Jon Loar03/21/2011ITD210Carlotta Eaton Web Site Project.

Site Font plan for css

• h1, h2, h3 {font-family: "Trebuchet MS", Arial, Helvetica, sans-

serif; font-weight: bold;}

• h1 {font-size: 4em; text-align:

center;}

• h2 {letter-spacing: -1px; font-size: 2.6em; line-

height:

1.1em; font-

weight: normal; color: #779e00;}

• h3 {font-size: 1.3em; margin: 0; padding: 0;}

• Body normal text {font-size: 1.2em}

3/21/2011Jon Loar ITD 210 Carlotta Eaton

Page 8: Jon Loar03/21/2011ITD210Carlotta Eaton Web Site Project.

3/21/2011Jon Loar ITD 210 Carlotta Eaton

Outline of Site

•Home Page• General Information• Links

• Design/Build• Landscape Design• Water Features• Outdoor Lighting• New sod/Seeding• Putting Greens

• Hardscapes• Paver Patios & Walkways• Retaining Walls

• Maintenance• Weekly Services/Lawn Care• Seasonal Services

• Testimonials• About Us• Careers• Contact Us

Page 9: Jon Loar03/21/2011ITD210Carlotta Eaton Web Site Project.

Logical Site Diagram

Home PageHome Page

Design/Build

Design/Build

Landscape Design

Landscape Design

Water Features

Water Features

Contact UsContact Us

Hardscapes

Hardscapes

Maintenance

Maintenance

Testimonials

Testimonials About UsAbout Us

Lawn Mowing

Lawn Mowing

Page 10: Jon Loar03/21/2011ITD210Carlotta Eaton Web Site Project.

Physical Site Diagram

ImagesPages

Springs.cssIndex.html

•Logo.jpg•?

•Home.html•Design/Build

•Landscape Design•Water Features•Outdoor Lighting•New Sod/Seeding•Putting Greens

•Hardscapes•Paver Patios & Walkways

•Maintenance•Testimonials•About Us•Careers•Contact Us