| Server IP : 134.29.175.74 / Your IP : 216.73.216.160 Web Server : nginx/1.10.2 System : Windows NT CST-WEBSERVER 10.0 build 19045 (Windows 10) i586 User : Administrator ( 0) PHP Version : 7.1.0 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : C:/nginx/html/JimMartinson/Classes/CST1021/Labs/ |
Upload File : |
Lab 6 - Text with Style
Grading Criteria
Total possible points: 10
-10 if the CSS Validation Service or Markup Validation Service report errors or warnings. No further grading will be done.
Deductions for any elements required by the lab that are not present or correct:
-1 for each missing element or like group.
-1 for each incorrect element or like group.
-1 for any additional css declarations or html elements that have errors.
There are some things I expect. If they are incorrect you will lose the following:
Work submitted incorrectly: -1 pt. This covers errors such as incorrect files names, incorrect file formats, poor formating, etc.
Second and subsequent submission of work for grading: -1 pt.
Work submitted late: -1 pt per week.
I reserve the right not to apply the deduction points at my absolute discretion.
-1 Work submitted late.
-1 Work submitted incorrectly. Your files were not contained in a Lab06 folder.
If you need help correcting this, please contact me.
-1 Work submitted incorrectly. Your `Lab06` folder is misnamed `Lab_06`.
-1 Work submitted incorrectly. Your html file has the wrong file name.
-1 Work submitted incorrectly. Your css file has the wrong file name.
-10 Work submitted incorrectly. Your CST1021_JoelleMalacko_Lab06.zip file was empty.
-10 Work submitted incorrectly. Your css and html files were empty.
Lab06.css:
-10 The CSS Validation Service at https://jigsaw.w3.org/css-validator/validator.html.en reported errors.
You really must validate your css before submitting your assignment.
The charset value must be enclosed in quotes.
=e
Lab06.html:
-10 The Markup Validation Service at https://validator.w3.org/ reported errors.
You really must validate your html before submitting your assignment.
=e
Lab06.css:
OK.
html or body {font-family: arial, helvetica, sans-serif;}
??? .spacing {letter-spacing: 3px;}
??? .indent {text-indent: 25px;}
??? .shadow {text-shadow: 3px 2px dodgerblue;}
??? .transform {text-transform: lowercase;} or uppercase or capitalize
??? .variant {font-variant: small-caps;}
??? .weight {font-weight: 600;} or bold or bolder.
??? .decoration {text-decoration: line-through;}
-0 line 4; CSS style declarations should end with a ;.
-0 lines 6,7,8; CSS style declarations should end with a ;.
-1 Lines 7-9; You styled a p2 element. There is no such HTML 5 element.
Step 2.3;
-1 The css declarations are not in the order required.
Step 2.3.1;
html or body {font-family: arial, helvetica, sans-serif;}
-0 Step 2.3.1; Since font-family is inherited it is more usual to style the body instead of using the everything wildcard *.
-1 Step 2.3.1; You did not set the family of the page to Arial with backups of Helvetica and sans-serif.
You only styled h1 elements.
You only styled p elements.
Instead you styled a page element. There is no page element in html 5. Search for `css style the entire page`.
Instead you styled only the a element.
Instead you styled only a class of para1.
Search for css style entire page.
Step 2.3.2;
??? .spacing {letter-spacing: 3px;}
-1 Step 2.3.2; You did not style letter spacing as required.
Instead you styled word spacing.
Step 2.3.3;
??? .indent {text-indent: 25px;}
-1 Step 2.3.3; Line 10; Incorrect selector.
The p does not have a target. Did you mean to select the class?
Step 2.3.4;
??? .shadow {text-shadow: 3px 2px dodgerblue;}
Step 2.3.5;
??? .transform {text-transform: lowercase;} or uppercase or capitalize
Step 2.3.6;
??? .variant {font-variant: small-caps;}
-2 Step 2.3.6; You are missing the use of a font variant required by this step.
Instead you styled a font-family.
Step 2.3.7;
??? .weight {font-weight: 600;} or bold or bolder.
-2 Step 2.3.7; You are missing the use of font weight required by this step.
Step 2.3.8;
??? .decoration {text-decoration: underline wavy lawngreen;}
-1 Step 2.3.8; Line 24; Your text-decoration declaration is missing a property.
When you use the short form of the tag you need to also tell it what type of text-decoration line you want.
As written this rule has no visible effect.
See https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration for examples.
-2 Step 2; You used an internal style instead of the external style sheet required.
Lab07.html:
-10 The Markup Validation Service at https://validator.w3.org/ reported errors.
You really must validate your html before submitting your assignment.
=e
Lab06.html:
OK.
Lab06.html:
-1 You are missing the lang attribute and value in your html tag.
-0 Did not show an element using the style from step 2.3.7.
-1 You are missing the stop body tag. While the validator allows this, I do not.
-1 You are missing the stop html tag. While the validator allows this, I do not.
-0 Your indenting is a bit uneven.
Element start and stop tags should have the same indenting.
+1 You code is well formatted and very easy to read. I am giving you a point back for this.
Good work.
You code is well formatted and very easy to read.