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

Slides:



Advertisements
Similar presentations
Brandy McCoy ITD 210 March 29, 2010 Carlotta Eaton.
Advertisements

 Review ◦ DMACC  P drive ◦ password: stem2014 first line  always put your  Club Web site :
Making Things Look Nice: Visual Appearance and CSS CMPT 281.
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.
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.
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.
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.
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, 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.
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.
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.
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.
ICT for IGCSE – Syllabus Cambridge IGCSE ® Information and Communication Technology0417 Using a web-editor To set up a web site.
Applications for Web Development (CIS 162) Intro to Web Design.
Insert Title Here An electronic book on topic. Developed by creators.
Language Club KompoZer Design View. Files you will need  Images  pages  Templates  Text.
CPSC 203 Introduction to Computers Lab 33 By Jie Gao.
7/8/04 1 Web Project Phase 3 - Sketches Use pencil and paper to sketch the layout of the pages in your web site Considerations – Placement of text? – Placement.
WILLY’S STRAWBERRY FACTORY Website Proposal. WEBSITE CONTENT Photo galleries of the factory Directions via Google Maps embedded on the website Pricing.
Adobe Dreamweaver CS3 Developing a Web Page. Planning the Page Layout Use White SpaceUse White Space Limit media objectsLimit media objects KISSKISS Use.
Jon Loar03/21/2011ITD210Carlotta Eaton Web Site Project.
Will Earnshaw Chicken Inn website storyboard.. Will Earnshaw Chicken Inn – Hotel and Restaurant Logo of cartoon chicken Links Home Book a room Reserve.
To be completed Your proposal  Your House style  Your site plan  Page plans (a draft layout for each of your five pages)  A design mock-up -  All.
Links in HTML What you need to know….. Hyperlinks or links Millions of linked web pages make up the World Wide Web Used to connect a web page to another.
1 After completing this lesson, you will be able to: Understand the basics of HTML coding. Use HTML tags. Plan an HTML site. Create a table with HTML.
Web Authoring with Dreamweaver. Unit Objectives  Be able to define keywords: HTML, HTTP (protocol), browser, web server, client/server, tag, attribute,
1 Creating the Home Page. 2 Creating a Table Table attributes  Two rows and two columns  No border  Left-aligned Change the vertical alignment of the.
HTML Comprehensive Concepts and Techniques Second Edition Project 2 Creating a Web Site with Links.
Research on the Internet Preparing for a PowerPoint Presentation.
1 Preparation for site Create a folder in MyDocuments: beavercheese. Create a subfolder, images Classes, career, DW beginner Download.
Introduction to MIS1 Copyright © by Jerry Post Introduction to MIS Appendix 3 Creating Web Pages.
Mr. Rouda’s CSCI 101 sections. Format of Every Page my page this is the body.
ITD 210 Ai Fukushima March, 23,  Contact Person: Dr. Dave Filer  Address: NRCC mall Office 125 Christiansburg, VA 
Home logo Home contact This is your content. contact sample sample home This is some more content dawg!!! Contact logo.
Planning and Creating a Web Site. Stages in planning a web site planning the project decide on the purpose and audience for the web site create mind map.
Create Your Own Website Senior Year Experience Class of 2012 by Dr. Yun Xia Department of Communication and Journalism Rider University October 13, 2011.
1 Week 4 Expression Web, WinSCP, Introduction to CSS Mini-Project (MP1) & Quiz 1 Advanced Web Development IT225 Fall Term 2016 Marymount University School.
1 Web Technologies Planning and Designing Client Websites Copyright © Texas Education Agency, All rights reserved.
1. Storyboarding a Website. How to start a storyboard: Have Blank Squares!
Objective % Select and utilize tools to design and develop websites.
Pre-Coding Web Design – Sec 3-1
Unit 17 Website Development
Objective % Select and utilize tools to design and develop websites.
HOME PAGE PHOTO SLIDESHOW
Dreamweaver MX 2004 Basics Diane Millican 9/19/2018.
DESIGN PROJECT PRODUCTION PHASES DEFINE, STRUCTURE, DESIGN, BUILD AND TEST, DELIVERY ® Copyright 2012 Adobe Systems Incorporated. All rights reserved.
Design template | Single version
11/19/2018 Crystal Davis Delp’s Photography Site Design 3/22/11 ITD 210-Mrs. Eaton Crystal Davis-ITD210 11/19/2018 Crystal Davis-ITD210.
5.2.3 Be able to use HTML and CSS to construct web pages
Back to Table of Contents
DESIGN PROJECT PRODUCTION PHASES DEFINE, STRUCTURE, DESIGN, BUILD AND TEST, DELIVERY ® Copyright 2012 Adobe Systems Incorporated. All rights reserved.
A01 DESIGN To be completed Your proposal  Your House style 
Poster Title Authors Addresses
Exam1 Review CSE111 B.Ramamurthy 1/1/2019 B.Ramamurthy.
Strategies for Technical Communication in the Workplace
Insert Your Institution’s
Type a caption for your photo
Exam1 Review CSE111 B.Ramamurthy 4/6/2019 B.Ramamurthy.
Unit 10 The Web Book Test.
Text Features.
Presentation transcript:

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

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

Client Information   Carol Beliveau:  Sean Beliveau:  Phone: (540) Lila Lamanna - ITD 2103/23/11

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

Site Used for Inspiration Lila Lamanna - ITD 2103/23/11

Site Used for Inspiration Lila Lamanna - ITD 2103/23/11

Other Inspirations Lila Lamanna - ITD 2103/23/11

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

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, # Lila Lamanna - ITD 2103/23/11

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

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

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

Feedback: Privacy Policy Feedback
Do Not Sell My Personal Information
About project: SlidePlayer Terms of Service

© 2025 SlidePlayer.com. Inc. All rights reserved.