Debugging the mastery test

25
Debugging By: Engr. Esmeraldo T. Guimbarda Jr.

description

debbugging

Transcript of Debugging the mastery test

Page 1: Debugging the mastery test

Debugging

By: Engr. Esmeraldo T. Guimbarda Jr.

Page 2: Debugging the mastery test

Correct output:

Page 3: Debugging the mastery test

Step 1: Encode the source code

Filename: hailmary.html

Page 4: Debugging the mastery test

Filename: mary.css

Page 5: Debugging the mastery test

Step 2: Test the code- on Notepad++ click Run and click Launch in Chrome. Note: make sure the document open is the html file and not the css file.

Page 6: Debugging the mastery test

Incorrect output:

Page 7: Debugging the mastery test

Step 3: Debugging

Page 8: Debugging the mastery test
Page 9: Debugging the mastery test
Page 10: Debugging the mastery test

Relaunch in Chrome:

Page 11: Debugging the mastery test

Lets try: Ourfather.html & style.css

Page 12: Debugging the mastery test

Correct output:

Page 13: Debugging the mastery test

Step 1: Encode the source code

Filename: ourfather.html

Page 14: Debugging the mastery test

Filename: style.css

Page 15: Debugging the mastery test

Step 2: Test the code- on Notepad++ click Run and click Launch in Chrome. Note: make sure the document open is the html file and not the css file.

Page 16: Debugging the mastery test

Incorrect output:

Page 17: Debugging the mastery test

Step 3: Debugging

Page 18: Debugging the mastery test
Page 19: Debugging the mastery test
Page 20: Debugging the mastery test
Page 21: Debugging the mastery test

Relaunch in Chrome:

Page 22: Debugging the mastery test

Activity:

Redo oufather.html & hailmary.html using only one css code.

Page 23: Debugging the mastery test

filename:hailmary.html

Page 24: Debugging the mastery test

filename:ourfather.html

Page 25: Debugging the mastery test

filename:style.css