multimedia web technology

TEC 5343 Multimedia Web Technology

NOTE: THIS ASSIGNMENT IS TO BE COMPLETED IN INDIVIDUALLY (THIS IS NOT A GROUP PROJECT)

NOTE: THIS ASSIGNMENT CONTAINS 5 TOTAL STEPS ON TWO TOTAL PAGES.BE SURE TO READ EVERYTHING

Step

☐

Instructions

Complete?

(1)

Download the “WebDevelopmentLabProject3.txt” file included in the D2L Dropbox alongside these instructions.

Step

☐

Instructions

Complete?

(2)

Launch Brackets and create a new document.Save this document on your computer under the name “index.html.”

Step

☐

Instructions

Complete?

(3)

Within your newly created “index.html” document, write all of the minimally necessary code to create an HTML document (Slide 6 from this week’s slide deck and lecture cover this).

Step

☐

Instructions

Complete?

(4)

Open the “WebDevelopmentLabProject3.txt” file available from the Web Development Lab Project 3 Dropbox in D2L.Copy the text from the file and paste it into the proper place within your “index.html” in Brackets.Add the proper HTML tags and attributes necessary to complete the instructions you find inside.

Step

☐

Instructions

Complete?

(5)

(a) Using FileZilla, connect to your web space and upload your completed “lab3.html” document inside your “lab3” folder (DO NOT FORGET TO ADD YOUR RANDOM SALT TO YOUR FOLDER NAME, SEE THE WEEK 1 & INTRODUCTION VIDEO FOR DETAILS ON HOW TO DO THIS!). (b) Ensure that it works by visiting “pen.eiu.edu/YourEIUNetID/lab3-YourSalt/lab3.html.” HINT: If the link you place in the D2L Dropbox looks like this, you are trying to submit the file from your desktop, which will not work: file:///C:/Users/YourEIUNetID/Documents/index.html The link you submit to the D2L Dropbox *MUST* work when I click it to receive full credit for the assignment.Submissions that are not uploaded to your webspace (when the instructions require you to do so) will lose 25% of the total possible points for the assignment, and you will be asked to resubmit properly (if you are submitting your index.html file and CSS files directly into the D2L Dropbox, you are subject to this penalty – make sure you are submitting a weblink directly to your site).Submissions that do not include a direct link to your submission (when the instructions require you to do so) are subject to a 10% reduction in total possible points for the assignment (basically, if I have to “guess around” your webspace for your site after you submit, this penalty applies).Properly uploading your web documents and being able to create a link to them are essential components to being a web developer. If you experience difficulties in uploading your submissions to your webspace where appropriate to complete Lab Projects, I urge you to book a Zoom or Teams meeting with me so that we can resolve this problem.I am not doing this to be arbitrarily punitive, this will be a minimum expectation in any web development job you apply for.I want to help you overcome these problems, so please reach out. (c) Submit a working link to your “lab3.html” document to the “Web Development Lab Project 3” D2L Dropbox no later than 11:59p on Sunday.

Remember that the Coding Watercooler is a resource available to you if you become lost or stuck.Also remember to help out your classmates there if you can!

TEC 5343 Multimedia Web Technology
Web Development Lab Project 3 Instructions – Due @ 11:59p on Sunday
NOTE: THIS ASSIGNMENT IS TO BE COMPLETED IN INDIVIDUALLY (THIS IS NOT A GROUP PROJECT)
NOTE: THIS ASSIGNMENT CONTAINS 5 TOTAL STEPS ON TWO TOTAL PAGES. BE SURE TO READ EVERYTHING
Step Instructions
Complete?
(1)
Download the “WebDevelopmentLabProject3.txt” file included in the D2L Dropbox
☐
alongside these instructions.
Step Instructions
(2)
Launch Brackets and create a new document. Save this document on your computer
under the name “index.html.”
Complete?
Step Instructions
(3)
Within your newly created “index.html” document, write all of the minimally necessary
code to create an HTML document (Slide 6 from this week’s slide deck and lecture cover
this).
Complete?
Step Instructions
(4)
Open the “WebDevelopmentLabProject3.txt” file available from the Web Development
Lab Project 3 Dropbox in D2L. Copy the text from the file and paste it into the proper
place within your “index.html” in Brackets. Add the proper HTML tags and attributes
necessary to complete the instructions you find inside.
Complete?
Step Instructions
(5)
(a) Using FileZilla, connect to your web space and upload your completed “lab3.html”
document inside your “lab3” folder (DO NOT FORGET TO ADD YOUR RANDOM SALT TO
YOUR FOLDER NAME, SEE THE WEEK 1 & INTRODUCTION VIDEO FOR DETAILS ON
HOW TO DO THIS!).
Complete?
☐
☐
☐
(b) Ensure that it works by visiting “pen.eiu.edu/YourEIUNetID/lab3YourSalt/lab3.html.”
HINT: If the link you place in the D2L Dropbox looks like this, you are trying to submit
the file from your desktop, which will not work:
file:///C:/Users/YourEIUNetID/Documents/index.html
☐
The link you submit to the D2L Dropbox *MUST* work when I click it to receive full
credit for the assignment. Submissions that are not uploaded to your webspace
(when the instructions require you to do so) will lose 25% of the total possible points
for the assignment, and you will be asked to resubmit properly (if you are submitting
your index.html file and CSS files directly into the D2L Dropbox, you are subject to this
penalty – make sure you are submitting a weblink directly to your site). Submissions
that do not include a direct link to your submission (when the instructions require you
to do so) are subject to a 10% reduction in total possible points for the assignment
(basically, if I have to “guess around” your webspace for your site after you submit,
this penalty applies). Properly uploading your web documents and being able to
create a link to them are essential components to being a web developer.
If you experience difficulties in uploading your submissions to your webspace where
appropriate to complete Lab Projects, I urge you to book a Zoom or Teams meeting
with me so that we can resolve this problem. I am not doing this to be arbitrarily
punitive, this will be a minimum expectation in any web development job you apply
for. I want to help you overcome these problems, so please reach out.
(c) Submit a working link to your “lab3.html” document to the “Web Development Lab
Project 3” D2L Dropbox no later than 11:59p on Sunday.
Remember that the Coding Watercooler is a resource available to you if you
become lost or stuck. Also remember to help out your classmates there if you
can!
Assign a Level 1 Heading element to this line of text.
Assign a Level 3 Heading element to this line of text.
Assign a Level 6 Heading element to this line of text.
Assign a Paragraph element to this paragraph of text. This report is maybe 12 years old. The Parliament buried it, and it stayed buried until River dug it up. This is what they feared she knew and they were right to fear, because there is a whole universe of folk that’re gonna know too. They’re gonna see it. Somebody has to speak for these people. Ya’ll got on this boat for different reasons, but you’ve all come to the same place. So now I’m asking more of you than I have before, maybe all. As sure as anything I know this: they will try again. Maybe on another world, maybe on this very ground swept clean a year from now, ten? They’ll swing back to the belief that they can make people…better. But I do not hold to that. So no more running. I aim to misbehave.
Assign Line Break elements to separate this text into a common mailing address: Eastern Illinois University 600 Lincoln Avenue Charleston, IL 61920
Assign an element to bold this line of text.
Assign an element to italicize this line of text.
Assign a Horizontal Rule element to separate the text above from the rest of the document with a horizonatal line.
Assign an Ordered List to the below items:
List Item 1
List Item 2
List Item 3
List Item 4
List Item 5
Assign an Unordered List to the below items:
Dr. Peter Venkman
Dr. Raymond Stantz
Dr. Egon Spengler
Winston Zeddemore
Assign an Anchor element turning this text into a link to the EIU home page.
Assign an Anchor element turning this text into a link to your favorite website that opens in a new tab.
Assign an Image element to display the image stored at https://pen.eiu.edu/jscranstoun/lab3/caesarspalace.jpg and use an HTML attribute to provide a description of the contents of the image to a screen reader.
Assign an Image element to display the image stored at https://pen.eiu.edu/jscranstoun/lab3/claytonfountaingag.jpg and adjust its size with HTML attributes to make it more reasonable.
In FileZilla, create a subfolder within your “lab3” folder named “images” and place an image of your choosing into it. Use a relative src attribute to display it below this sentence, resizing it appropriately and providing a description of its contents for use by a screen reader.