General Instructions for your Assignments:
You must write the code files by hand for all assignments in this class. A simple text editor, such as Notepad or Notepad++ will suffice (or TextEdit on the Mac). DO NOT use GUI editors, such as FrontPage, Dreamweaver, etc. You must write the code for your web page files yourself. If you are using a PC, it is strongly recommended that you download the free Notepad++ text editor (https://notepad-plus-plus.org/) because it contains extra features which assist with debugging, such as line numbering and color coding of different elements of syntax. Mac users should use the TextEdit text editor that comes with the Mac OS. However, if you are a Mac user, make sure you set TextEdit to use Plain Text by default. You can find instructions for this here: https://www.tekrevue.com/tip/textedit-plain-text-mode/
Make sure all of your web pages comply with the HTML 5
standards and CSS standards. DO NOT use obsolete HTML elements and attributes from previous versions of HTML. By including the HTML 5 DOCTYPE declaration in your webpages, and validating all of your HTML files at https://validator.w3.org/#validate_by_upload, you can be sure that your code complies with HTML 5. Also, make sure that your external style sheet (.css file) passes validation at the W3C CSS Validation Service: https://jigsaw.w3.org/css-validator/#validate_by_upload. Make sure you use the “Validate by File Upload” option (and NOT the “Validate by Direct Input” option), on both of these validators since this is the way your instructor will check your pages when grading your assignments.
Specific Instructions for Assignment 3:
Perform all of the following steps to complete this assignment:
1) Begin by creating a new file in your text editor and include all of the basic HTML code like you did in your previous assignments. Or you can simply make a copy of your HTML file from last week and name the new copy LastFirstAssignment3.html (where “Last” is your last name and “First” is your first name), but be careful not to overwrite your file from last week because you will need it again when you do your Final Project during Week 8.
3) Upload the new file to the HTML validator to check for compliance with the HTML5 standards here: https://validator.w3.org/#validate_by_upload. Your file should pass validation. If you receive any errors or warnings, then go back through the previous steps of the assignment again until you have corrected all errors and your file passes validation.
4) Create another new file in your text editor and save it as Assignment3.css or make a copy of last week’s CSS file, being careful not to overwrite last week’s file.
5) In your CSS file, write code to set the background color of your page to #FFE6FF and write code to center the h1 element. Save your CSS file.
6) View your webpage again in your browser and confirm that your page has a light pink background and that the heading is centered. Upload your CSS file to the CSS validator to check for compliance with the CSS standards here: https://jigsaw.w3.org/css-validator/#validate_by_upload. Your file should pass validation. If you receive any errors or warnings, debug your CSS code until you have corrected all errors and your file passes validation.
7) Open your Assignment 3 HTML file for editing. Read the requirements below very carefully and make sure you understand what is being asked for. You should review Section 5.4 of your textbook carefully to make sure you understand “for loops”.
Create a “for loop”. Create a loop counter variable called i and set i to a value of 1. The loop should repeat while i is less than or equal to 75. You should increment i by 1 at the end of each iteration through the loop.
Inside the “for loop”, test the loop counter variable i. If i divided by 5 returns a remainder, invoke a continue statement. Otherwise, use a document.write() statement to output the value of i. The only numbers that should be output are those evenly divisible by 5.
Hint: Use the modulus operator (%) to perform this task.
Another Hint: Look at Lab 5-5 for an example that is similar to this one, but make sure you revise your code to fit the exact specifications given in this assignment.
Hint: Look at Lab 6-1 for an example that is similar to this one, but make sure you revise your code to fit the exact specifications given in this assignment, including the specific URL given.
9) Save your file and view it in the browser. When testing your page, if an article entitled, “Keep Ahead of the Information Technology Careers Game with These Top IT Trends for 2018” does not display in the new window, you either typed the URL incorrectly or have a coding error. Debug and fix.
11) Before submitting your assignment, validate your HTML and CSS files one last time at https://validator.w3.org/#validate_by_upload AND https://jigsaw.w3.org/css-validator/#validate_by_upload, using the “Validate by File Upload” option. Note: It is critical that you debug and fix ALL errors identified by the validator before submitting your assignments. Contact your instructor for assistance if you are having difficulty debugging and fixing your errors because it is imperative that all of your code files pass validation.
12) Create a zip archive containing all pages pertaining to your website (.html files, .css files, .js files, image files, etc). Make sure you maintain the necessary directory structure in your zip archive so that your webpages will view correctly when unzipped. In other words, if your images are in a sub-folder, in relation to the folder containing your .html file, then you need to maintain that same directory structure in your zip archive, too, including the sub-folder. Submit only the zip file for grading.
Before submitting your web site:
Submission Instructions: Create a zip file containing all files related to your web page (.html files, .css files, .js files, image files, etc). Make sure you maintain the necessary directory structure in your zip file so that your webpages will view correctly when unzipped. In other words, if your images are in a sub-folder on your computer, in relation to the folder containing your .html file, then you need to maintain that same directory structure in your zip file, too. Submit only the zip file for grading.
Rubric for Grading Assignment
HTML file(s) validate without errors at https://validator.w3.org/#validate_by_upload
CSS file(s) validate without errors at https://jigsaw.w3.org/css-validator/#validate_by_upload
All required HTML code is present.
All required CSS code is present.
Correctly coded “for loop” according to specifications given in assignment.
Correctly created button that opens a new window and displays the given URL.
Correctly named files, and correctly created zip archive that contains all files for webpage (maintaining original folder structure).
Please No Plagiarism
Please use APA formatting and in text cititation
NB: We do not resell papers. Upon ordering, we do an original paper exclusively for you.
The post webd241 week 3 assignment appeared first on Urgent Nursing Writers.