| 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 1 - Your first web page
-20 if the CSS Validation Service or Markup Validation Service report errors. No further grading will be done.
Criteria Points
DOCTYPE is specified and correct. 1
Correct html structure. 1
Correct head with required elements. 3
Correct body structure. 1
Correct header, article, aside and footer structures. 10
All content related to the subject. 2
HTML is well formatted and follows lab requirements. 2
Total: 20
Do not add any additional code or styling other than what is required by the lab.
I will deduct points for additional code or styling that are added or cause problems.
-20 Work submitted incorrectly.
Your .zip file was empty.
=e
-20 Work submitted incorrectly.
Your CST1021_JeffreyVolby_Lab01.zip was not a zip file containing your files.
It was an html document with a .zip extension.
-0 Work submitted incorrectly. Your files are not contained in a Lab01 folder as required.
Points will be deducted in later submissions for this type or error.
-0 Work submitted incorrectly. You misnamed your `Lab01` folder as `LAB01`.
Points will be deducted in later submissions for this type or error.
-0 Work submitted incorrectly. You misnamed your css file.
Points will be deducted in later submissions for this type or error.
-0 Work submitted incorrectly. You misnamed your html file.
Points will be deducted in later submissions for this type or error.
-0 Work submitted incorrectly. Your submission contains an extra file.
Points will be deducted in later submissions for this type or error.
-3 Work submitted incorrectly.
The Lab01.css file is misnamed `Lab01.css.css`.
-5 Work submitted incorrectly. The Lab01.css file is missing.
-0 Second and subsequent submission of work for grading. Points may be deducted on later submissions.
Lab01.css:
-20 The CSS Validation Service at https://jigsaw.w3.org/css-validator/validator.html.en reports errors in your css.
=e
-5 Work submitted incorrectly.
You did not include the Lab01.css file in your submission.
-3 Work submitted incorrectly.
Your Lab01.css file was misnamed `Lab01.css.css`. It was not loaded by the browser.
Lab01.html:
-20 The Markup Validation Service at https://validator.w3.org/ reports errors in your html.
=e
Take a look at your !DOCTYPE tag.
You are missing the !DOCTYPE tag, have text content in your head section, content below the end of the body, and are missing the stop html tag.
You have content after your stop body tag.
-1 Work submitted incorrectly.
Your "StudentName_Lab01.html" file was mis-named "StudentName_Lab01.html..txt".
-1 You did not include the Lab01.css file in your submisssion.
It should have been in your Lab01 folder and therefore included in your zip file.
Because of this the css is not loaded.
-1 You did not include the Lab01.css file in your submisssion.
It is mis-named as 'Lab01 (1).css'.
Because of this the css is not loaded.
-1 Your zip file contains an additional file not required. Please clean those out before re-submission.
-1 You have extra files and folders in your submission. Please clean those out before re-submission.
-6 You added p elements to your file. The notes specified that they not be used.
!DOCTYPE:
-1 Missing !DOCTYPE tag.
-0 You have whitespace before your <!DOCTYPE html> tag.
-1 You have text before your !DOCTYPE tag. It must be the first thing in an html document.
-20 You did not follow the instruction as to page content.
The elements are mostly there but their required content is not.
Also, you only have one article/aside pair. See step 6.5.
You have an image of a page with some content, but that is not what you submitted.
You may not use p tags in your page.
=e
html:
-1 Incorrect value the the lang attribute. You used en-US while I required en.
-1 Step 3.2; Line 2; Your html element does not include the required lang attribute. See Notes.
Step 3.
-2 Step 3; You had no subject for this lab as required.
-1 Your page subject seems to be about Lorem Ipsum but your h2 and h3 headings are simply copies of the example and not related to your subject.
head Step 5
-1 Step 5.1; Incorrect title.
-0 Step 5.1; Line 5; There should not be any spaces before or after the title content.
-1 Missing meta tag from step 5.3.2.
-1 Step 5.3; Line 7; Incorrect value for link tag type attribute. The external css file does not load.
-1 Step 5.3; Line 6; Your link to Lab01.css has an incorrect rel value. You misspelled stylesheet.
-0 Step 5.3; Line 6; The type attribute is no longer required for css files.
-1 Step 5; Lines 7-13; Added a style element to the head.
Because of the error above the browser does not load the stylesheet.
Fix that error and remove the style element.
-1 Step 5; You did not close your head section.
While this is allowed by HTML 5 if the body section begins right away, it is not allowed by me.
-0 Step 5; Line 5; You added a meta tag for viewport not required by the lab.
<meta name="viewport" content="width=device-width, initial-scale=1.0" />.
h1 Step 6.1
-3 Step 6.1; You are missing the h1 element required.
-0 Line 11; There should not be any spaces before or after the content of a heading.
-1 Step 6.1; Line:9; The content of your h1 tag is not as required.
-1 Step 6.1; Line 8; You did not place the h1 element at the beginning of the body as required.
header Step 6.2
-3 Step 6.2; You are missing the header element required.
You have an h2 and content after the h1, but it is not in a header element.
-4 Step 6.2; You have your article and aside elements inside your header element.
They should follow it.
-1 Step 6.2.1; Line 10; All of the content for your header section is contained in the h2 element.
Heading tags like h2 should not be used for lots of content.
What you need is a shorter h2 element followed by two or more sentences of text.
-0 Line 14; There should not be any spaces before or after the content of a heading.
-4 Step 6.2; You have your article and aside elements in your header when they must follow it.
-5 Step 6.2; You have your article, aside, and footer elements in your header when they must follow it.
-1 You have content in your header section before the h2 tag.
-0 line 13; The header tag should not be capitalized.
-1 Step 6.2.1 Line 11; Your h2 heading is before instead of inside the header element as required.
-1 Step 6.2.1 Line 11; You did not place your h2 heading in the header element as required.
-1 Step 6.2.1 Line 15; You used an h1 heading instead of an h2 as required.
-1 Step 6.2.2; The h2 in the header element should be followed by two or more sentences of text that describes your subject.
-2 Step 6.2.2; The h2 in the header element should be followed by two or more sentences of text that describes your subject.
You have only one, and it is outside the header instead of in it.
-2 Step 6.2.2; Line 13; This content should be contained in the header element.
-0 Line 17; You added an image to your page. This was not required by the instructions. I do not believe this will cause problems when used again in Lab 7.
-1 Line 18; You have content between the header and the article elements.
article Step 6.3.
-3 Step 6.3; Missing the article element required.
The content on lines 11-12 should be enclosed in an article element.
-1 Step 6.3.2; Missing h3 heading in the first article.
-1 Step 6.3.2; Missing h3 heading in the first article. You have a h3 heading before your article instead.
-1 Step 6.3.2 Line 16; Your h3 heading is before instead of inside the article element as required.
-1 Step 6.3.2; You have content in your first article section before the h3 tag.
-1 Step 6.3; All of the content for your first article is contained in the h3 element.
Heading tags like h3 should not be used for lots of content.
What you need is a shorter h3 element followed by three or more sentences of text on the topic.
-1 Step 6.3; Heading tags like h3 should not be used for lots of content.
What you need is a shorter h3 element followed by three or more sentences of text on the topic.
-1 Step 6.3.3. The article must contain three or more sentences of text.
-1 Step 6.3.3. Not enough content. Three or more sentences are required.
-0 Step 6.3; You are using paragraph elements. This changes the bottom margin of the article.
aside Step 6.4.
-1 Step 6.4; Your first aside does not contain enough content.
The aside must contain at least as much content as the article above.
-3 Step 6.4 Missing the aside element required.
-1 Step 6.4. The aside must contain two or more sentences of text.
-2 Step 6.4; Line nn; You placed your aside INSIDE of your article tag, not after the article as required.
-1 Step 6.4; Line 21; The aside should not have a h3 element.
The content should simply be in the aside element.
second article Step 6.5.
-3 Step 6.5. Missing the second article element required.
The content on lines 11-12 should be enclosed in an article element.
-1 Step 6.5.1; Missing h3 heading in the second article.
-1 Step 6.5.1; Missing h3 heading in the first article. You have a h3 heading before your article instead.
-1 Step 6.5.3; Not enough content. Three or more sentences are required.
-1 Step 6.5; Line 28; All of the content for your second article is contained in the h3 element.
Heading tags like h3 should not be used for lots of content.
What you need is a shorter h3 element followed by three or more sentences of text on the topic.
-1 Step 6.5; Heading tags like h3 should not be used for lots of content.
second aside Step 6.6.
-3 Step 6.6; Missing the second aside element required.
-1 Step 6.6. The article must contain three or more sentences of text.
-2 Step 6.6; Line nn; You placed your second aside INSIDE of your second article tag, not after the article as required.
-1 Step 6.4; Line 39; The aside should not have a h3 element.
The content should simply be in the aside element.
footer Step 6.7.
-3 Step 6.7; Missing the footer element required.
-1 Missing stop bogy tag.
While this is allowed by HTML 5, it is not allowed by me.
-1 Missing stop html tag.
While this is allowed by HTML 5, it is not allowed by me.
-2 All content other than the h1 heading must be inside of the header, article, aside, or footer elements.
You have br tags between your elements.
They may cause problems you will have to solve when used in Lab 7.
-2 All content other than the h1 heading must be inside of the header, article, aside, or footer elements.
You have br tags between some of your elements.
They may cause problems you will have to solve when used in Lab 7.
-2 You added paragraph elements in your code.
They are not needed as the header, article, aside, and footer elements are containers also.
The use of the p tags will also change the top and bottom margins of these elements and change how the page is rendered by the browser.
They may cause problems you will have to solve when used in Lab 7.
-2 You added line break elements between some of the other elements in your code.
The use of the br tags will also change spacing when the page is rendered by the browser.
They may cause problems you will have to solve when used in Lab 7.
-0 The use of the pre tag may also cause problems when used in Lab 7.
We can wait and see what needs to be done when you do Lab 7.
-1 Sentences start with a capital letter and end with a period/full stop, a question mark or an exclamation mark.
-1 Your sentence structure does not follow grammar rules so I am having trouble counting them.
Sentences begin with a capital letter and end with a period/full stop, a question mark or an exclamation mark.
-0 There are some issues with spelling and grammar.
e.g. `` instead of `` on line 14, the comma after `` on line 14, etc...
-0 Your code is a very hard to read without ANY indenting. You will have points deducted in future lab submissions.
-0 Your code is a little sloppy and hard to read.
Look at the indent level of your start/stop tags.
Points will be deducted in later submissions for this type or error.
-0 Your code is a little sloppy and hard to read.
Look at the indent level of your tags. The are inconsistent.
Points will be deducted in later submissions for this type or error.
-0 Your code indenting is a little uneven.
All elements in the body should have the same indenting.
Great job formatting your code. It is very easy to read and understand.
Nice job formatting your code. It is very easy to read and understand.
The formatting in the document makes it very easy to read. Well done.
Your code was well written and well formatted. Well done. (It that enough wellness?)
The formatting in the document makes it very easy to read, though I would have indented the elements in the head.
While your content obeyed the letter of the instructions, it did not follow its spirit. You should add more content. Also, a sentence like `And main villains.` is not really a sentence, just a fragment of one.