webd121 assignment wk 3 and 4

Pronursingexperts.com empowers students by providing them with the tools they need to succeed. By alleviating the burden of homework assignments, students can focus on gaining a deeper understanding of their coursework, engaging in extracurricular activities, and developing essential life skills. Academic success is not solely about grades; it’s also about building confidence. When students receive well-researched and impeccably written assignments from Pronursingexperts.com, they gain confidence in their abilities. This newfound confidence often translates into improved performance in their classes. In the ever-evolving landscape of education, Pronursingexperts.com stands as a beacon of support, guiding students towards academic excellence. With its unwavering commitment to quality, individual attention, and timely delivery, Pronursingexperts.com has rightfully earned its reputation as the best academic writing company. By assisting students in their academic endeavors, this platform is not just completing homework; it’s building the foundation for a brighter, more successful future for students around the world.

Specific Instructions for Assignment 3:

For this assignment, you will add a second page to your website and create a navigation menu that links the two pages together.

1) You will create an “about” page for your website. This will be a second HTML page. Since the basic structure of an HTML file is the same for all pages, you can reuse some of the code from your home page (created in Assignment 1). Create a new HTML file in your text editor and name the file “about.html”. It should contain all of the same basic code that is in the head section of your home page. The body section should contain additional content. Your “about” page should contain information about your website and/or information about you (the author of the website). You can move some of the content from your home page to your “about” page, if it would be more appropriate on this new page, or you can write new content for this new page (or a combination of some existing content and some new content). Save your new file and validate it using the HTML validator: https://validator.w3.org/#validate_by_upload. Debug and fix any errors identified by the validator until your file passes validation.

2) Make sure the external CSS style sheet you created in Assignment 2 is linked into both your home page and your new “about” page with the <link> tag in the head section of each file. Your website should only have 1 CSS file, and that same file should be linked into all HTML pages on your website.

3) Create a navigation menu for your website. Your navigation menu can be as simple as a list of links, or you can explore some more advanced ways of creating a navigation menu if you wish. Make sure your navigation menu appears on all pages of your website (i.e., your home page and your “about” page). In future weeks of this course, as you add more pages to your website, you will need to edit your navigation menu on each page of your website to add links to the new pages you add to your website. Hint: Sample code for a simple navigation menu can be found in the Week 3 module in the Lessons area. You can also find links there to more advanced examples, if you wish to experiment with them.

Validation Requirements:

Before submitting your web site:

1. Validate all HTML files at https://validator.w3.org/#validate_by_upload, using the “Validate by File Upload” option, and fix any errors that the validator identifies before submitting your web site for grading.
2. Validate your CSS file at https://jigsaw.w3.org/css-validator/#validate_by_upload, using the “Validate by File Upload” option, and fix any errors that the validator identifies before submitting your web site for grading.

Note: It is critical that you debug and fix ALL errors identified by these two code validators before submitting your assignments. Contact your instructor for assistance if you are having difficulty debugging and fixing your errors because it is imperative that your code files pass validation.

Submission Instructions: Create a zip file containing all files related to your web page (.html files, .css file, image files, and/or multimedia files). 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.

Specific Instructions for Assignment 4:

For this assignment, you will add a third page to your website named “table.html” and code a table on that page. You will also add code to your CSS file to format your table.

1) Create a new HTML file in your text editor and name the file “table.html”. Just like last week, your new file should contain all of the same basic code that is in the head section of your home page. The body section will contain your new table, which you will create by following the remaining steps of this assignment. After coding all of the basic required HTML tags in your new file, save your new file and validate it using the HTML validator: https://validator.w3.org/#validate_by_upload. Debug and fix any errors identified by the validator until your file passes validation

.2) Make sure the external CSS style sheet you created in Assignment 2 is linked into your new “table.html” file with the <link> tag in the head section of the file. Your website should only have 1 CSS file, and that same file should be linked into all HTML pages of your website.

3) Modify your navigation menu on your home page and your “about.html” page by adding a link to this new page. Then add your navigation menu to your new “table.html” file, so that users can navigate to your other pages from this new page.

4) In your table.html file, add the following code:

Create a table using the <table> tag. Your table must have a row of headings and at least three rows and three columns of data. Use the <tr>, <th>, and <td> tags appropriately. You can see examples of the code for HTML tables here: https://www.w3schools.com/html/html_tables.asp

5) In your HTML file, give your table a caption, using the <caption> tag. You can read about adding a caption to your table here: https://www.w3schools.com/html/html_tables.asp

Open your CSS file in your text editor and complete the following steps:

6) In your CSS file, set the “width” property for the <table> element, using percentage rather than pixels. You can read about setting table width here: https://www.w3schools.com/css/css_table.asp

7) In your CSS file, give your table a background color that is different from the background color of the body of your webpage. Use the “background-color” property. You can read about table colors here: https://www.w3schools.com/css/css_table.asp

8) In your CSS file, set the “border-style”, “border-width”, and “border-color” properties for the <table>, <th>, and <td> elements. Remember that all three of these properties can be set in the same line of code using the “border” shorthand property. You can read about the CSS border properties here: https://www.w3schools.com/css/css_border.asp

9) To avoid double borders, set the “border-collapse” property to indicate that table borders should be collapsed into a single border. You can read more about collapsing table borders here: https://www.w3schools.com/css/css_table.asp

10) Set the CSS “padding” property for your table header <th> and table data <td> cells. You can read about adding cell padding here: https://www.w3schools.com/html/html_tables.asp

11) Set the horizontal alignment of your table header <th> and table data <td> cells, using the “text-align” property. Set the vertical alignment of your table header <th> and table data <td> cells, using the “vertical-align” property. Even if you like the default settings of these properties, make sure you explicitly set each of these properties for both your table header <th> and table data <td> cells in your CSS file, to demonstrate your understanding of how to set these properties. You can read about horizontal alignment and vertical alignment here: https://www.w3schools.com/css/css_table.asp

Hint: You can find examples of all of the HTML elements and CSS properties required for this assignment in the Week 4 module in the Lessons area of the classroom.

Before submitting your web site:

1. Validate all HTML files at https://validator.w3.org/#validate_by_upload, using the “Validate by File Upload” option, and fix any errors that the validator identifies before submitting your web site for grading.
2. Validate your CSS file at https://jigsaw.w3.org/css-validator/#validate_by_upload, using the “Validate by File Upload” option, and fix any errors that the validator identifies before submitting your web site for grading.

Note: It is critical that you debug and fix ALL errors identified by these two code validators before submitting your assignments. Contact your instructor for assistance if you are having difficulty debugging and fixing your errors because it is imperative that your code files pass validation.

Submission Instructions: Create a zip file containing all files related to your web page (.html files, .css file, image files, and/or multimedia files). 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.

Please use APA formatting and in text cititation

Please No Plagiarism

Pronursingexperts.com recognizes that students often encounter challenging assignments that may be beyond their current skill level or require more time than they can spare due to their busy schedules. The platform steps in to provide valuable academic support by offering assistance with a wide range of assignments. Whether it’s a complex research paper, a challenging math problem set, or a literary analysis, Pronursingexperts.com ensures that students receive the guidance they need to excel. Every student is unique, and so are their academic needs. Pronursingexperts.com recognizes this and offers customized solutions. Students can communicate directly with their assigned writers, providing specific instructions and guidelines. This personal touch ensures that each assignment reflects the student’s individual style and preferences. Meeting deadlines is a critical aspect of academic success. Pronursingexperts.com understands this and prioritizes punctuality. The platform is known for its ability to deliver assignments promptly, even when facing tight schedules. This reliability allows students to submit their work on time, relieving them of the stress associated with late submissions.

 

Do you need a similar assignment done for you from scratch? We have qualified writers to help you. We assure you an A+ quality paper that is free from plagiarism. Order now for an Amazing Discount!
Use Discount Code "Newclient" for a 15% Discount!

NB: We do not resell papers. Upon ordering, we do an original paper exclusively for you.