Assignment 4

.docx

School

Northeastern University *

*We aren’t endorsed by this school

Course

2010

Subject

Computer Science

Date

Apr 3, 2024

Type

docx

Pages

8

Uploaded by DukeElectron13719

Report
Assignment 4 Title HTML (Hypertext Markup Language) Purpose In this assignment you will explore how to create structured web pages using HTML. SLO/EO: 2a Instructions There are four steps to creating and hosting HTML pages. Use a programming editor to create HTML pages. Use FileZilla SFTP client to upload HTML pages to your web server. Load your pages in a browser to check for correctness. Validate your pages with the HTML5 validator. In addition to your textbook, the following internet sources are a great resource. W 3 Schools Mozilla Developer Network W 3 Resource Assignment Details 1. Setup the assignment folders on your server. Create folders on your server inside the /var/www/html/CS2010 folder for each assignment. Create folders “assignment4”, “assignment5”, “assignment6” up to “assignment13”. Also create a “final_project” folder. Make note of the case. Linux filesystems are case-sensitive, so case matters. All the folder names should be in lowercase. 2. Modify the “index.html” file in CS2010 that we created in a previous assignment so that it points to the new assignment folders. The page should look like the one below with an unordered list of hyperlinks to each folder.
Use “h1” for the title and replace “My Name” with your own. See document structure below for information that also applies to this “index.html” page. The HTML5 and CSS3 validator badges and links should be in the “footer” of every page that you write. Copy this code to the footer to get the badges/links to the validators so that you can click the images to easily validate your pages once they are uploaded to the web server. <p> <a href="javascript:void(location.href='https://html5.validator.nu/? doc='+encodeURIComponent(location.href))"> <img src="https://upload.wikimedia.org/wikipedia/commons/6/61/HTML5_logo_and_wordmark.svg " width="50" height="50" alt="Valid HTML 5" /></a> <a href="javascript:void(location.href='http://jigsaw.w3.org/css-validator/validator? uri='+encodeURIComponent(location.href))"> <img src= https://upload.wikimedia.org/wikipedia/commons/d/d5/CSS3_logo_and_wordmark.svg width="50" height="50" alt="Valid CSS 3" /></a> </p> 3. In your “assignment4” directory you will create an “index.html” file for this assignment and three other HTML files: “car1.html”, “car2.html” and “car3.html. You will also create an images folder where you will store the “cars_banner.png” and “Porsche911.jpg” files that will be supplied to you along with two other car images that you will find on your own.
4. Below is an outline of what the document structure should be for each of the “car” HTML pages. Even the “index.html” page should follow this structure but with different content in the “main” element and no “nav” element in the “header”. DOCTYPE html head title meta body header div img h1 nav a a a
Your preview ends here
Eager to read complete document? Join bartleby learn and gain access to the full version
  • Access to all documents
  • Unlimited textbook solutions
  • 24/7 expert homework help