Assignment 4
.docx
keyboard_arrow_up
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
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
Related Questions
Design webpage using html, css
arrow_forward
help here please
arrow_forward
HTML
could you please how to do this table with html code thanks?
arrow_forward
Computer Science
Your final script will scrape a website
IMPORTANT you will not follow any links that veer outside of the Virtual Environment
IMPORTANT you are allowed to use standard python libraries and any 3rd party library
Your script will generate a report that contains the following information.
1) Unique URLs of all the pages found on the website
2) Unique URL links to images found on the website
3) Extract and phone numbers found on the website
4) Extract all text content from each of the pages and store them in a string variable
5) Extract any Zip Codes
NOTE for Items 6-8 you will be utilizing NLTK to process all the text found on the web site, using the text content you extracted during item 4 above.
6) A list of all unique vocabulary found on the website
7) A list of all possible verbs
8) A list of all possible nouns
arrow_forward
language: HTML
Create a responsive webpage for food items. there are three requirements
1: when the user hovers over the item name ('item 1') the details of the item should be displayed. the text should return back to the original (aka from the food description to the food name ) after the mouse pointer moves away
2. When the user clicks 'add to cart' for an item, the 'cart total' is updated, and the button to add the item to the cart is disabled so that it cannot be added twice.
3. the user can input an amount into the 'confirm purchase' section and click the button. If the amount is less than the 'cart total', the following alert should be shown:
"payment amount is less than cart total"
otherwise:
"payment complete"
arrow_forward
please help me for this assagnment #
introduction to web design
HTML
and seperate the html coding and the css, styling
arrow_forward
Making a webpage with a text editor with these criteria being met.
arrow_forward
HTML CODE WITH DESIGN.,
arrow_forward
HTML/CSS JAVASCRIPT please help me answer this question I will give you a good rating Thank you!
TRUE OR FALSE
this.innerHTML when employed for accessing an HTML element must be preceded by a getElementById statement which accesses the same element?
arrow_forward
How to Create the Product webpage of Chapter 11 working with images and icons.
Halloween 11 Create a product page In this exercise, you’ll create a product page that uses a variety of features for working with images. When you’re through, the page should look similar to this:
Specifications
• To create the product page, you can copy the index.html file you worked on in exercise 7 to the products folder and rename it cat.html. Then, you can delete the content from the section, modify the URLs on the page as necessary, and add the content shown above.
• Create a new style sheet named product.css for the product page, and copy the styles you need from the main.css file to this style sheet. Then, modify the link element for the style sheet in the cat.html file so it points to the correct style sheet.
• Modify the horizontal navigation menu so it indicates that no page is current.
• In the section, float the image to the left of the text. In addition, set the left margin for the text so…
arrow_forward
HTML – Creating a Simple Web Page
“HTML or HyperText Markup Language as it is formally known is the main markup language for creating web pages and other information that can be displayed in a webbrowser”. It was created by Tim Berners-Lee in 1989 as a user friendly way of sharing information on the Internet.
http://en.wikipedia.org/wiki/HTML
Assignment Instructions - Create a simple HTML Web Page that includes hyperlinks to three of your favorite websites. Use the online HTML Tryit Editor linked below to prototype your page using Steps 1 to 4 to get you started.
http://www.w3schools.com/html/tryit.asp?filename=tryhtml_basic
Your completed HTML Web Page for this assignment should incorporate elements from each of the four Steps below. When you are finished simply submit you HTML code via the designated assignment link. The content and design of your web page is up to you. It does not need to be elaborate or complicated. We are suggesting a simple web page with links to your three…
arrow_forward
Use Visual Studio Code
Create two html webpage login.html and user.html
arrow_forward
Html web
Please adhere to the design in the picture all the requests are in the pictures
arrow_forward
a little help here
arrow_forward
Create a HTML form with at least 4 text boxes and access them in PHP, display their contents, and if possible perform some PHP operations on them.
arrow_forward
SEE MORE QUESTIONS
Recommended textbooks for you
Programming with Microsoft Visual Basic 2017
Computer Science
ISBN:9781337102124
Author:Diane Zak
Publisher:Cengage Learning
COMPREHENSIVE MICROSOFT OFFICE 365 EXCE
Computer Science
ISBN:9780357392676
Author:FREUND, Steven
Publisher:CENGAGE L
Related Questions
- Computer Science Your final script will scrape a website IMPORTANT you will not follow any links that veer outside of the Virtual Environment IMPORTANT you are allowed to use standard python libraries and any 3rd party library Your script will generate a report that contains the following information. 1) Unique URLs of all the pages found on the website 2) Unique URL links to images found on the website 3) Extract and phone numbers found on the website 4) Extract all text content from each of the pages and store them in a string variable 5) Extract any Zip Codes NOTE for Items 6-8 you will be utilizing NLTK to process all the text found on the web site, using the text content you extracted during item 4 above. 6) A list of all unique vocabulary found on the website 7) A list of all possible verbs 8) A list of all possible nounsarrow_forwardlanguage: HTML Create a responsive webpage for food items. there are three requirements 1: when the user hovers over the item name ('item 1') the details of the item should be displayed. the text should return back to the original (aka from the food description to the food name ) after the mouse pointer moves away 2. When the user clicks 'add to cart' for an item, the 'cart total' is updated, and the button to add the item to the cart is disabled so that it cannot be added twice. 3. the user can input an amount into the 'confirm purchase' section and click the button. If the amount is less than the 'cart total', the following alert should be shown: "payment amount is less than cart total" otherwise: "payment complete"arrow_forwardplease help me for this assagnment # introduction to web design HTML and seperate the html coding and the css, stylingarrow_forward
- Making a webpage with a text editor with these criteria being met.arrow_forwardHTML CODE WITH DESIGN.,arrow_forwardHTML/CSS JAVASCRIPT please help me answer this question I will give you a good rating Thank you! TRUE OR FALSE this.innerHTML when employed for accessing an HTML element must be preceded by a getElementById statement which accesses the same element?arrow_forward
- How to Create the Product webpage of Chapter 11 working with images and icons. Halloween 11 Create a product page In this exercise, you’ll create a product page that uses a variety of features for working with images. When you’re through, the page should look similar to this: Specifications • To create the product page, you can copy the index.html file you worked on in exercise 7 to the products folder and rename it cat.html. Then, you can delete the content from the section, modify the URLs on the page as necessary, and add the content shown above. • Create a new style sheet named product.css for the product page, and copy the styles you need from the main.css file to this style sheet. Then, modify the link element for the style sheet in the cat.html file so it points to the correct style sheet. • Modify the horizontal navigation menu so it indicates that no page is current. • In the section, float the image to the left of the text. In addition, set the left margin for the text so…arrow_forwardHTML – Creating a Simple Web Page “HTML or HyperText Markup Language as it is formally known is the main markup language for creating web pages and other information that can be displayed in a webbrowser”. It was created by Tim Berners-Lee in 1989 as a user friendly way of sharing information on the Internet. http://en.wikipedia.org/wiki/HTML Assignment Instructions - Create a simple HTML Web Page that includes hyperlinks to three of your favorite websites. Use the online HTML Tryit Editor linked below to prototype your page using Steps 1 to 4 to get you started. http://www.w3schools.com/html/tryit.asp?filename=tryhtml_basic Your completed HTML Web Page for this assignment should incorporate elements from each of the four Steps below. When you are finished simply submit you HTML code via the designated assignment link. The content and design of your web page is up to you. It does not need to be elaborate or complicated. We are suggesting a simple web page with links to your three…arrow_forwardUse Visual Studio Code Create two html webpage login.html and user.htmlarrow_forward
arrow_back_ios
SEE MORE QUESTIONS
arrow_forward_ios
Recommended textbooks for you
- Programming with Microsoft Visual Basic 2017Computer ScienceISBN:9781337102124Author:Diane ZakPublisher:Cengage LearningCOMPREHENSIVE MICROSOFT OFFICE 365 EXCEComputer ScienceISBN:9780357392676Author:FREUND, StevenPublisher:CENGAGE L
Programming with Microsoft Visual Basic 2017
Computer Science
ISBN:9781337102124
Author:Diane Zak
Publisher:Cengage Learning
COMPREHENSIVE MICROSOFT OFFICE 365 EXCE
Computer Science
ISBN:9780357392676
Author:FREUND, Steven
Publisher:CENGAGE L