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.

Slides:



Advertisements
Similar presentations
An in-class debugging exercise. All based upon real errors.
Advertisements

CSS CSS Precise Aesthetic Control. Cascading Style Sheets Though they can be put in HTML header, usually a separate page that the HTML links to Contains.
Cascading Style Sheets. CSS stands for Cascading Style Sheets and is a simple styling language which allows attaching style to HTML elements. CSS is a.
Advance CSS (Menu and Layout) Miftahul Huda. CSS Navigation MENU It's truly remarkable what can be achieved through CSS, especially with navigation menus.
กระบวนวิชา CSS. What is CSS? CSS stands for Cascading Style Sheets Styles define how to display HTML elements Styles were added to HTML 4.0 to.
Unit 20 - Client Side Customisation of Web Pages
Cascading Style Sheets Please use speaker notes to get complete information! Cascading Style Sheets.
Html Karl W Broman Department of Biostatistics Johns Hopkins University
Basics of Web Design Chapter 6 More CSS Basics Key Concepts 1.
Cascading Style Sheets SP.772 May 6, CSS Useful for creating one unified look for an entire web site. Helps to seperate style from content. Can.
Web Design & Development Cascading Style Sheets (CSS)
Beginning Web Site Creation: Dreamweaver CS4. XHTMLCSS  Describes the structure  Content  Collection of styles  Formatting body { background-color:
CSE CASCADING STYLE SHEETS CSS Faculty of Computer Science and Engineering.
Cascading Style Sheet (CSS) Instructor: Dr. Fang (Daisy) Tang
Selectors thru Borders. CSS – Cascading Style Sheets – is a way to style HTML HTML is the content base of a web page CSS provides the presentation qualities.
Kick It Up a Notch: Enhance your web page with Cascading Style Sheets Kathy Fletcher Manager, Training & Publications Support Services Office of Information.
Principles of Web Design 6 th Edition Chapter 4 – Cascading Style Sheets.
Principles of Web Design 6 th Edition Chapter 10 – Data Tables.
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
Today’s objectives  Presentational | Inline | Block | Validate  CSS | Rules | Declarations.
Web Development & Design Foundations with XHTML
Basics of Web Design 1 Copyright © 2016 Pearson Education, Inc., Hoboken NJ.
Cascading Style Sheets Class 1, Lecture 1 Rachel A Ober
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.
CSS My favourite ICT lesson By Federico Boschi Cascading Style Sheets.
Just A Few More Fun Objectives 1 Having Some Fun With Java Script 2 Using Style Sheets.
XHTML/CSS Week 3. This Week  Quiz to revise last week (XHTML and DW)  CSS - Part 2  Using HTML Tables.
Cascading Style Sheets Dave Edsall IAGenWeb County Coordinator’s Conference June 30, 2007.
CO1552 – Web Application Development Cascading Style Sheets.
Tutorial #3 Cascading Style Sheets. Tutorial #2 Review - Anchors Links to Site DMACC Internal Links Go to Top Mail To me Local.
Introduction to CSS. What is CSS?  Cascading Style Sheets  Used for styling HTML  Also important in javascript and jquery for selectors  External.
Cascading Style Sheets Class 2, Lecture 2 Rachel A Ober
COMP213 – Web Interface Design
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:
Ch 10 HTML and CSS Web Standards Solutions A Web Standardistas’ Approach.
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.
More CSS.
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.
So far, we have looked at CSS selectors that correlate with HTML tags Now, we’ll see how you can define your own selectors using class and ID selectors.
Week 8 – Part 2 Page Layout Basics Key Concepts 1.
CSS with XHTML Please use speaker notes for additional information!
Cascading Style Sheets
CSS Cascading Style Sheets. Cascading Style Sheet (CSS) A cascading style sheet (CSS) is a set of rules that define styles to be applied to entire Web.
Cascading Style Sheets (CSS). A style sheet is a document which describes the presentation semantics of a document written in a mark-up language such.
3.2 Cascading Style Sheets. 2 Positioning Elements Normally, elements are laid out on the page in the order that they are defined in the XHTML document.
Microsoft Expression Web-Illustrated Unit F: Enhancing a Design with CSS.
Web Design (12) CSS Introduction. Cascading Style Sheets - Defined CSS is the W3C standard for defining the presentation of documents written in HTML.
Cascading Style Sheets Web Design Fairport High School.
5 th ed: Chapter 4 4 th ed: Chapter 5 SY306 Web and Databases for Cyber Operations Slide Set #4: CSS.
Introduction to CSS Layout
Html Karl W Broman Department of Biostatistics Johns Hopkins University
CSS Cascading Style Sheets *referenced from
Web Technology (NCS-504) Prepared By Mr. Abhishek Kesharwani Assistant Professor,UCER Naini,Allahabad.
OV Copyright © 2008 Element K Content LLC. All rights reserved. Working with Web Pages  An Introduction to Cascading Style Sheets  Format a Web.
Review First – on your own... Go to Day 5 Grab the contents of position review file Place in DW Add styles to recreate – get something close to
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.
PERSPECTIVES: TUTORIAL 4 CREATING PAGE LAYOUTS WITH CSS.
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.
HTML & CSS Contents: the different ways we can use to apply CSS to The HTML documents CSS Colors and Background CSS Fonts CSS Text CSS box model: padding,
Unit 3 - Review. Topics 1. Tag, Attribute, Value 2. CSS Rule Syntax + link 3. Categories of Selectors 4. Inline vs Block Tags 5. CSS Layout 6. CSS Box.
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.
CONFIGURING COLOR AND TEXT WITH CSS Chapter 3. Cascading Style Sheets (CSS) Used to configure text, color, and page layout. Launched in 1996 Developed.
Debugging exercise. Debugging exercise A few problems? funny.jpg
Presentation transcript:

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 owner should be aware. Identification Your dog should wear a collar at all times. </p? :

Alex B Cook Alex Having a dog can be a very rewarding experience. However, there are a few challenges that any canine owner should be aware. Identification Your dog should wear a collar at all times. :

American Bobtail Burmese Egyptian Mau Manx Sphynx

American Bobtail Burmese Egyptian Mau Manx Siamese Sphynx End li tags are not required American Bobtail Burmese Egyptian Mau Manx Sphynx

Visit the Vet Your dog should be checked with a local veterinarian. He should be fully vaccinated. Booster vaccination will be required yearly. It is especially important that your dog is neutered before he comes in contact with other dogs. Neutering will prevent many of the dogs more anti-social habits. The First Day Home It is best to keep him on a leash. :

Visit the Vet Your dog should be checked with a local veterinarian. He should be fully vaccinated. Booster vaccination will be required yearly. It is especially important that your dog is neutered before he comes in contact with other dogs. Neutering will prevent many of the dogs more anti-social habits. The First Day Home It is best to keep him on a leash. :

Alex B Cook

Alex B Cook

funny.jpg The image files riley.jpg funny.jpg and sm-funny.jpg are in the same folder as the page with this code.

 removed images When you click on the thumbnail it should show the bigger image. funny.jpg The image files riley.jpg funny.jpg and sm-funny.jpg are in the same folder as the page with this code.

The penalty for killing a cat, 4,000 years ago in Egypt, was death. 95% of cat guardians admit they talk to their cats. A cat can be either right-pawed or left-pawed. A cat can jump as much as seven times its height. A cat has 230 bones in its body. A human only has 206 bones. A cat has four rows of whiskers. Source:

The penalty for killing a cat, 4,000 years ago in Egypt, was death. 95% of cat guardians admit they talk to their cats. A cat can be either right-pawed or left-pawed. A cat can jump as much as seven times its height. A cat has 230 bones in its body. A human only has 206 bones. A cat has four rows of whiskers. Source:

td { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; } h1, h2, h3, h4, p { font-family: Verdana, Arial, Helvetica, sans-serif; } #mainnav { background: skyblue: text-align: center; margin: 0; padding: 0.25em; } #info { background-color: #8BB381; }

td { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; } h1, h2, h3, h4, p { font-family: Verdana, Arial, Helvetica, sans-serif; } #mainnav { background: skyblue;  change colon to semicolon text-align: center; margin: 0; padding: 0.25em; }.info {  a class should have a period before its name background-color: #8BB381; }

#contact { width: 12.5; margin; }.slant font-weight: italic; link { color: #42210; } visited { color: white; }

#contact { width: 12.5; margin; }.slant font-weight: italic; link { color: #42210; } visited { color: white; } #contact { width: 12.5em; margin: 0; <-- missing value }.slant { font-style: italic; } a:link color: #422100; Colors need 6 digits } a:visited { color: white; } invalid html comment

| Project 3 | Project 4 | Unit E | Dog Rescue | Bottom of Page

| Project 3 | Project 4 | Unit E | Dog Rescue | Bottom of Page | Project 3 | Project 4 | Unit E | Dog Rescue | Bottom of Page

: Be Consistent Your new dog must learn a whole set of new rules. Be patient and be consistent. If you want him off the furniture, don't allow him to sit on the couch "sometimes". Don't allow him to do something one time and forbid it another. Your name: Alex b Cook Your section number: HTML5,CSS3 Unit Z Project 0

: Be Consistent Your new dog must learn a whole set of new rules. Be patient and be consistent. If you want him off the furniture, don't allow him to sit on the couch "sometimes". Don't allow him to do something one time and forbid it another. Your name: Alex b Cook Your section number: HTML5,CSS3 Unit Z Project 0

Style sheet for TASK h2 h3 { text-align: center; h4 { text-align: right } #resp { margin left: auto; margin-right; auto; border style: solid; border width: 0.1em; padding: 1; }

/* Style sheet for TASK */ h2, h3 { text-align: center; } h4 { text-align: right; } #resp { margin-left: auto; margin-right; auto; border-style: solid; border-width: 0.1em; padding: 1em; }  Missing comment tags  Missing comma  Missing }  Missing ;  Missing –  ; should be a :  Missing -  Missing –  Missing em

Alex B Cook Alex Having a dog can be a very rewarding experience. However, there are a few challenges that any canine owner should be aware. Identification :

Alex B Cook Alex Having a dog can be a very rewarding experience. However, there are a few challenges that any canine owner should be aware. Identification :