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

Slides:

Advertisements

Similar presentations

Brandy McCoy ITD 210 March 29, 2010 Carlotta Eaton.

Advertisements

Unit 20 - Client Side Customisation of Web Pages

Session Objectives Setting the font family Setting the font size Working with Web fonts Setting font faces and sizes Setting font and text appearances.

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

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

Chapter 6 Web Typography

Week 7 Web Typography. 2 Understanding Type Design Principles.

Web Development & Design Foundations with HTML5

Technologies for web publishing Ing. Václav Freylich Lecture 6.

Beginning Web Site Creation: Dreamweaver CS4. XHTMLCSS  Describes the structure  Content  Collection of styles  Formatting body { background-color:

Cascading Style Sheet (CSS) Instructor: Dr. Fang (Daisy) Tang

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.

CSS Properties on Parade PropertyValid valuesExample font-familylist of fonts (separate with commas, end with generic font: serif, sans-serif, fantasy,

An in-class debugging exercise.. Alex B Cook Alex Having a dog can be a very rewarding experience. However, there are a few challenges that any canine.

Drboots presents. Web 101 Utility links | Join SWIFT | Pylons Navigation links Some place Another place Links Nothinghere Content goes here This is content…seriously.

HTML - Quiz #2 Attendance CODE:

Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 Chapter 3 Key Concepts 1 Copyright © Terry Felke-Morris.

Chapter 7 Web Typography Principles of Web Design, 4 th Edition.

Tutorial #3 Cascading Style Sheets. Review: Last Class Image sizing Pathnames Project Default Path Relative Path Absolute Path Blackboard Homework Submission.

Today’s objectives  Complete web page  Using xhtml & CSS  Adding CSS to documents Embed url(File);  CSS.

Web Page Basics XHTML & CSS 1. Planning Decide on topic or research the topic given to you. Decide on your colour scheme. Use

Typography.  Introduction to Typography  Font Collections ▪ Serif ▪ They have small strokes at the end of the character strokes ▪ Ex: Times New Roman,

Chapter 6 Web Typography. 2 Principles of Web Design Chapter 5 Objectives Understand principles for type design on a Web site Use the element Understand.

Web Design I Spring 2009 Kevin Cole Gallaudet University

18 People Surveyed HTML (HyperText Markup Language) HTML “tags” Describes structure Building blocks Headings, paragraphs, lists, links, images, quotes,

Cascading Style Sheets Class 1, Lecture 1 Rachel A Ober

Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 7 TH EDITION Chapter 3 Key Concepts 1 Copyright © Terry Felke-Morris.

HTML, Third Edition--Illustrated Introductory 1 HTML, Third Edition Illustrated Introductory Unit E Formatting with Cascading Style Sheets.

CIS67 Foundations for Creating Web Pages Professor Al Fichera Rev. September 14, 2010—All HTML code brought to XHTML standards. Reference for CIS127 and.

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.

Cascading Style Sheets Tom Osman. Keep the content of a webpage separate from the formatting of the page. Structure (of content)  Headings  Sub headings.

XHTML/CSS Week 3. This Week  Quiz to revise last week (XHTML and DW)  CSS - Part 2  Using HTML Tables.

Class three: CSS review, backgrounds, font formatting, the box model.

Tutorial #3 Cascading Style Sheets. Tutorial #2 Review - Anchors Links to Site DMACC Internal Links Go to Top Mail To me Local.

Personal Design Portfolio First, you should select a theme for your web site. This theme can be your own design work, or the designs of another person.

Cascading Style Sheets (css) HTML and css 2012 Brian Davison.

The Web Wizard’s Guide To DHTML and CSS Chapter 1 A Review of CSS1.

Introduction to Programming the WWW I CMSC Winter 2003 Lecture 7.

Text and Fonts in CSS. Customizing fonts In CSS, fonts are divided into “font families” Only certain fonts are commonly installed on most computers Therefore.

CSS Cascading Style Sheets. CSS Advantages Greater typography and page layout control Style is separate from structure Styles can be stored in a separate.

HTML - Quiz #2 Attendance CODE:

Files you will need ... Black Goose Bistro Summer Menu

Cascading Style Sheets (CSS) Within the Enterprise Architecture Framework (EAF) Wes Ziegeler August 3, 2006.

Lesson 03 // Cascading Style Sheets. CSS Stands for Cascading Style Sheets. We’ll be using a combination of Html and CSS to create websites. CSS is a.

Basics of Web Design Chapter 6 More CSS Basics Key Concepts.

Cascading Style Sheets Robin Burke ECT 270. Outline Midterm The Layout Debate CSS properties Fonts Alignment Color CSS selection selectors pseudo-classes.

Creating Your Own Webpage COSC Cascading Stylesheets Think of: HTML: content of your webpage HTML has tags CSS: presentation and appearance of your.

CSS with XHTML Please use speaker notes for additional information!

Cascading Style Sheets

Cascading Style Sheets CSS.  Standard defined by the W3C  CSS1 (released 1996) 50 properties  CSS2 (released 1998) 150 properties (positioning)  CSS3.

OV Copyright © 2008 Element K Content LLC. All rights reserved.  Format Text  Format Lists  Format Images  Modify Page Background Applying Styles.

Microsoft Expression Web-Illustrated Unit F: Enhancing a Design with CSS.

Cascading Style Sheets Web Design Fairport High School.

Cascading Style Sheets Primary readings Presentations Explain & review projects with class mates.

 HTML, CSS, JavaScript – enormously successful  SASS has all the tools we need! INTRO.

Style Sheets. Coding Style Sheets  Style sheets use RULES to create the style  A selector (a tag or user-defined style name)  and then declarations.

CSS Cascading Style Sheets *referenced from

OV Copyright © 2008 Element K Content LLC. All rights reserved. Working with Web Pages  An Introduction to Cascading Style Sheets  Format a Web.

Cascading Style Sheet Fix the Errors Lesson 4. / Pat Learner / h1, h2, h3, h4 { font-family: tahoma, arial, helvetica, sans-serif text-align: left; }.skyblue.

JavaScript and Ajax (JavaScript Dynamic HTML (DHTML)) Week 7 Web site:

CS 120: Introduction to Web Programming Lecture 10: Extra Features and Website Design Part 1 Tarik Booker CS 120 California State University, Los Angeles.

Blended HTML and CSS Fundamentals 3 rd EDITION Tutorial 3 Introducing Cascading Style Sheets.

CSS Cascading Style Sheets. Session Checklist ► Learn why style sheets are needed and their advantages and disadvantages ► Learn the format of a style.

CSS Introductions. Objectives To take control of the appearance of a Web site by creating style sheets. To use a style sheet to give all the pages of.

Cascading Style Sheets Robin Burke ECT 270. Outline CSS properties Fonts Alignment Color CSS selection selectors.

Creating Web Documents CSS examples (do more later) Lab/Homework: Read chapters 15 & 16. Work on Project 3, do postings.

Cascading Style Sheets (CSS) is a simple mechanism for adding style (e.g., fonts, colors, spacing) to Web documents Dr. Irwan Sembiring,ST.,M.Kom.

CONFIGURING COLOR AND TEXT WITH CSS Chapter 3. Cascading Style Sheets (CSS) Used to configure text, color, and page layout. Launched in 1996 Developed.

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.

Presentation transcript:

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 Contents 3/21/2011Jon Loar ITD 210 Carlotta Eaton

Client for web project: Shiloh Springs Lawn and Landscaping Mike Luckett, Owner 7757 Neck Creek Road Belspring, VA (540) /21/2011Jon Loar ITD 210 Carlotta Eaton

Existing Web Site This is the extent of a web presence for Shiloh Springs: 3/21/2011Jon Loar ITD 210 Carlotta Eaton

Sites Used for inspiration 3/21/2011Jon Loar ITD 210 Carlotta Eaton

Sites Used for inspiration 3/21/2011Jon Loar ITD 210 Carlotta Eaton

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

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

Logical Site Diagram Home Page Design/Build Landscape Design Water Features Contact Us Hardscapes Maintenance Testimonials About Us Lawn Mowing

Physical Site Diagram Images Pages Springs.css Index.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