Presentation is loading. Please wait.

Presentation is loading. Please wait.

SLATE CREEK BUILDERS DESIGN AND CONSTRUCTION SERVICES WEB SITE By Lila Lamanna March 23, 2011 ITD 210 - Carlotta Eaton.

Published bySidney Breedlove Modified over 9 years ago

Similar presentations

Presentation on theme: "SLATE CREEK BUILDERS DESIGN AND CONSTRUCTION SERVICES WEB SITE By Lila Lamanna March 23, 2011 ITD 210 - Carlotta Eaton."— Presentation transcript:

1 SLATE CREEK BUILDERS DESIGN AND CONSTRUCTION SERVICES WEB SITE By Lila Lamanna March 23, 2011 ITD 210 - Carlotta Eaton

2 Table of Contents 3. Client Information 4. Existing Web Site 5. Sites and More used for Inspiration 5. Home Page Design Sketch 6. Color & Font Plan (use for CSS later) 7. Outline (of content) 8. Logical Site Diagram (site map or storyboard) 9. Physical Site Diagram (files and folders) Lila Lamanna - ITD 2103/23/11

3 Client Information  Email:  Carol Beliveau: beliveau1@aol.com  Sean Beliveau: seanbeliveau@yahoo.com  Phone: (540) 449-3284 Lila Lamanna - ITD 2103/23/11

4 Existing Web site NOT APPLICABLE Lila Lamanna - ITD 2103/23/11

5 Site Used for Inspiration www.greenvalleybuildersinc.com Lila Lamanna - ITD 2103/23/11

6 Site Used for Inspiration www.brtw.com Lila Lamanna - ITD 2103/23/11

7 Other Inspirations Lila Lamanna - ITD 2103/23/11

8 Home Page Design Sketch Lila Lamanna - ITD 2103/23/11

9 Color and Font Plan  Heading 1 Sample Palatino, Book Antiqua, 26px, #06323D, bold, small caps  Heading 2 Sample Palatino, Book Antiqua, 20px, #06323D  Body Normal Text Palatino, Book Antiqua, 16px, #000000 Lila Lamanna - ITD 2103/23/11

10 Outline of Site  Home Page  About  Project Photos  Residential Photos  Commercial Photos  Services  Contact Lila Lamanna - ITD 2103/23/11

11 Logical Site Diagram Home PageAbout Project Photos Residential Photos Commercial Photos ServicesContact Lila Lamanna - ITD 2103/23/11

12 Physical Site Diagram Index.html Slatecreek.css Images Pages  About.html  Photos.html  Residential.html  Commercial.html  Services.html  Contact.html  Header.jpg  Carol.jpg  Sean.jpg  Family.jpg  Sample1.jpg  Sample2.jpg  Sample3.jpg  Sample4.jpg Residential Photos Commercial Photos Lila Lamanna - ITD 2103/23/11

Download ppt "SLATE CREEK BUILDERS DESIGN AND CONSTRUCTION SERVICES WEB SITE By Lila Lamanna March 23, 2011 ITD 210 - Carlotta Eaton."

Similar presentations

Brandy McCoy ITD 210 March 29, 2010 Carlotta Eaton.

Brandy McCoy ITD 210 March 29, 2010 Carlotta Eaton.
 Review ◦ DMACC  P drive ◦ password: stem2014 first line  always put your  Club Web site :

 Review ◦ DMACC  P drive ◦ password: stem2014 first line  always put your  Club Web site :
Making Things Look Nice: Visual Appearance and CSS CMPT 281.

Making Things Look Nice: Visual Appearance and CSS CMPT 281.
Unit 20 - Client Side Customisation of Web Pages

Unit 20 - Client Side Customisation of Web Pages
Dreamweaver Cheat Sheet CSCI 100 – JW Ryder. CSCI 1002JW Ryder - Dreamweaver Notes Initial Site Set Up Goto W:\ drive – This is your web root directory.

Dreamweaver Cheat Sheet CSCI 100 – JW Ryder. CSCI 1002JW Ryder - Dreamweaver Notes Initial Site Set Up Goto W:\ drive – This is your web root directory.
John Vile Website Development for Loud-N-Clear Car Stereos & Custom March 22, 2011 ITD 210 Web Design II Mrs. Eaton.

John Vile Website Development for Loud-N-Clear Car Stereos & Custom March 22, 2011 ITD 210 Web Design II Mrs. Eaton.
Kim Merrell CPA Hannah Ratcliffe March 22,2011 ITD 210 Mrs. Eaton.

Kim Merrell CPA Hannah Ratcliffe March 22,2011 ITD 210 Mrs. Eaton.
DIVISIONS FOR ALL WEB PAGES Web Page Elements.  All Web Pages should have the following 4 elements (Also called divisions).  header  navigation  content.

DIVISIONS FOR ALL WEB PAGES Web Page Elements.  All Web Pages should have the following 4 elements (Also called divisions).  header  navigation  content.
ICT for IGCSE – Syllabus Cambridge IGCSE ® Information and Communication Technology0417 Microsoft Expression and More about working with web sites.

ICT for IGCSE – Syllabus Cambridge IGCSE ® Information and Communication Technology0417 Microsoft Expression and More about working with web sites.
Creating a Web Site Back to Table of Contents. Creating a Web Site Conceiving a Web Site Planning a Web Site 2 Creating a Web Site Section 9-1 Section.

Creating a Web Site Back to Table of Contents. Creating a Web Site Conceiving a Web Site Planning a Web Site 2 Creating a Web Site Section 9-1 Section.
Web Page Introduction. What is a web page? A web page is a text file containing markup language tags. –A markup language combines text and extra information.

Web Page Introduction. What is a web page? A web page is a text file containing markup language tags. –A markup language combines text and extra information.
COMPUTATIONAL THINKING FOR INFORMATION TECHNOLOGY HOMEHOME | OBJECTIVES | TASK 1 | TASK 2 | TASK 3 | TASK 4 | TASK 5 | TASK 6 | TASK 7 | HELPOBJECTIVESTASK.

COMPUTATIONAL THINKING FOR INFORMATION TECHNOLOGY HOMEHOME | OBJECTIVES | TASK 1 | TASK 2 | TASK 3 | TASK 4 | TASK 5 | TASK 6 | TASK 7 | HELPOBJECTIVESTASK.
Copyright © Texas Education Agency, 2011. All rights reserved. 1 Web Technologies Website Development with Dreamweaver.

Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.
Links in HTML. Hyperlinks or links Millions of linked web pages make up the World Wide Web Used to connect a web page to another web page on the same.

Links in HTML. Hyperlinks or links Millions of linked web pages make up the World Wide Web Used to connect a web page to another web page on the same.
Web Technologies Website Development Trade & Industrial Education

Web Technologies Website Development Trade & Industrial Education
Pre-Coding Web Design – Sec 3-1 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I” Course materials.

Pre-Coding Web Design – Sec 3-1 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I” Course materials.
Learning HTML. HTML Attributes HTML elements can have attributes Attributes provide additional information about an element Class – specifies a class.

Learning HTML. HTML Attributes HTML elements can have attributes Attributes provide additional information about an element Class – specifies a class.
CHAPTER 3 USING HYPERLINKS TO CONNECT CONTENT. LEARNING OBJECTIVES How to use the and anchor tag pair to create a text-based hyperlink. How to use the.

CHAPTER 3 USING HYPERLINKS TO CONNECT CONTENT. LEARNING OBJECTIVES How to use the and anchor tag pair to create a text-based hyperlink. How to use the.
Website Development with Dreamweaver

Website Development with Dreamweaver
Web Page Introduction. What is a web page? A web page is a text file containing markup language tags. –A markup language combines text and extra information.

Web Page Introduction. What is a web page? A web page is a text file containing markup language tags. –A markup language combines text and extra information.

Similar presentations

Ads by Google