Presentation is loading. Please wait.

Presentation is loading. Please wait.

Validating Code Lesson 3.

Similar presentations


Presentation on theme: "Validating Code Lesson 3."— Presentation transcript:

1 Validating Code Lesson 3

2 Lesson 3, Validating Code
Learning Objectives The learning objectives for this lesson are: Explain what is meant by code validation Explain what is meant by deprecated elements Construct a code testing environment by installing Firefox with the Web Developer extension Compare the Brackets code validator with Pederick’s Firefox Web Developer 2/11/2017 Lesson 3, Validating Code

3 Lesson 3, Validating Code
Resources Use these resources to achieve the learning objectives: The SiteWizard article on HTML and CSS code validation at Chris Pederick’s Web Developer - World Wide Web Consortium article on “Markup Validation Service” - 2/11/2017 Lesson 3, Validating Code

4 Lesson 3, Validating Code
Collaboration There are two discussion forums for this lesson: Due by Wednesday night at midnight Reflect on the first three learning objectives and explain what HTML and CSS validation is and how the validators in Brackets and the Web Developer plugin for Firefox can help validate your code. The length of your posting should be about words. Be sure to cite your sources. Post 2 messages. (Learning objectives 1, 2, & 3) Due by Sunday night at midnight Peer-to-Peer Support. Support and learn from one another by posting questions about problems and solutions you have with this week's lesson. 2/11/2017 Lesson 3, Validating Code

5 Lesson 3, Validating Code
Assignment Validate two HTML files: Use the default index.html page that comes with Brackets and check that page for HTML validation using the Nu Markup Check for Brackets extension and the Web Developer extension for Firefox. Capture a screenshot of any error message or warning you see. With that same index.html file open, use Save As to save this file in the Lesson 3 shared Dropbox folder using the filename index-3.html. At the end of the code on line 1, press the ENTER key. On the new blank line 2, type the following: <html lang="en">. Rerun the validators and capture a screenshot of any error message or warning you see. Insert both screenshots in a Word document and then write a brief description of how the two validation tests turned out. 2/11/2017 Lesson 3, Validating Code

6 Lesson 3, Validating Code
2/11/2017 Lesson 3, Validating Code

7 Lesson 3, Validating Code
Test Due by Sunday night at midnight. Use the link found in Blackboard to take the test for this lesson. 2/11/2017 Lesson 3, Validating Code


Download ppt "Validating Code Lesson 3."

Similar presentations


Ads by Google