View your webpage again in your browser and confirm that your page has a light orange background and that the heading is centered.
1) Begin by creating a new file in your text editor and include all of the basic HTML code as 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 (UboguVictoryAssignment4.html), but be careful not to overwrite your file from last week because you will need it again when you do your Final Project.
2) Make sure you change the contents of the <title> tag to “Assignment 4” (just the words – not the quotation marks) and make sure your full name is inside of the <h1> heading, just like in your previous assignments. Also, delete the contents of the <script> tag — everything between the <!– and //–> tags, if you created your new file by making a copy of your previous file because you will be creating a brand new page with different JavaScript code for this assignment. Save your file.
3) Upload the new file to the HTML validator to check for compliance with the HTML5 standards. 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 Assignment4.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 #FFE6B3 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 orange background and that the heading is centered. Upload your CSS file to the CSS validator to check for compliance with the CSS standards. 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 4 HTML file for editing. Write JavaScript code to create an array of fruits stored in a variable called fruitArray. The array should include 5 of your favorite fruits (listed in random order, but make sure they are not listed in alphabetical order within the array).
Next, write JavaScript code to sort your fruitArray into alphabetical order and print the list of fruits to the webpage.
Hint: Look at Lab 7-4 for a similar example involving an array, but make sure to code yours to the specifications given in these instructions.
8) Use the Date object and the Array object to determine and diplay information about the current date on your webpage. Your output should look like the following (adjusted for the current date):
Today is Friday, the 29th day of June in the year 2018.
Hint: Lab 7-7 will give you most of the code you need. However, you will also need to create an array containing the days of the week (fully spelled out). You will use the getDay() function to determine the current day of the week. This function returns a numeric value, so you will need to access the corresponding element of your array to get the day of the week fully spelled out. You will also need to adjust your output statements to incorporate the day of the week into your output message.
9) You may add any additional HTML, CSS, or JavaScript content that you wish, to practice more of the features that you have learned about in your online textbook, as long as all of your code files still pass validation. However, do not add anything to your files that would make them invalid according to the standards. You can confirm this by making sure your files still pass validation.
10) Before submitting your assignment, validate your HTML and CSS files one last time at Validation Service AND W3C, 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.
11) 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 refer 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.
Validation Requirements:
Before submitting your website:
- Validate your HTML file at W3C, using the “Validate by File Upload” option, and fix any errors that the validator identifies before submitting your website for grading.
- Validate your CSS file, using the “Validate by File Upload” option, and fix any errors that the validator identifies before submitting your website for grading.
Collepals.com Plagiarism Free Papers
Are you looking for custom essay writing service or even dissertation writing services? Just request for our write my paper service, and we'll match you with the best essay writer in your subject! With an exceptional team of professional academic experts in a wide range of subjects, we can guarantee you an unrivaled quality of custom-written papers.
Get ZERO PLAGIARISM, HUMAN WRITTEN ESSAYS
Why Hire Collepals.com writers to do your paper?
Quality- We are experienced and have access to ample research materials.
We write plagiarism Free Content
Confidential- We never share or sell your personal information to third parties.
Support-Chat with us today! We are always waiting to answer all your questions.
