Purpose
The purpose of this web development assignment is to create, upload, and
Purpose
The purpose of this web development assignment is to create, upload, and validate a website while learning basic skills in web development.
Website development, quality assurance, and sight designers are all positions available for those who desire to work for companies or for state/local government in web development. Web pages are viewed across several platforms including computers, smartphones, smart televisions, and other devices. Because of the various platforms that websites are viewed by it is essential that web design is considered with the end users in mind.
Every computer both Mac and the standard personal computer has a form of text editor which allows students to create Hypertext Markup Language (HTML). The Mac uses “TextEdit”
and a PC uses “Notepad”. HTML is the standard language used for web creation.
Directions
1. You are required to read and work through the ITE-152 HTML Tutorial Download ITE-152 HTML TutorialBEFORE working on this assignment.
2. Please check ITE 152 Web Development Project Direction Download ITE 152 Web Development Project Directionfor detailed directions.
3. This project utilizes two “Instructor Provided” files. You will need to download and unzip the zip files below in order to access
VideoSample.mp4 and
AudioSample.mp3 files.
VideoSample-AudioSample.zipDownload VideoSample-AudioSample.zip
Submission
Before you submit the URL for this assignment, please verify that the following files have been correctly uploaded to MyDrive.
ite152.html
Image file of your choice (.jpg or .png extension)
AudioSample.mp3
VideoSample.mp4
styles.css (you created this file in the ITE-152 HTML Tutorial Download ITE-152 HTML Tutorial)
Note: The directions on how to upload your files to MyDrive are included in the ITE-152 HTML Tutorial.Download ITE-152 HTML Tutorial.
One alternative to MyDrive is using Repl.it Links to an external site to develop and host your website –Repl.it works like Google Docs for programming, but please consult with your instructor to see if they prefer another web development tool. The instructions below assist users who are using Repl.it.
For the project submission, you simply have to submit the URL of your “Repl” (a ‘Repl’ is what a project hosted on Repl.it is called).
In addition, Mac users sometimes have default settings that need to be changed for TextEdit. Here is a video showing how to change these default settings and if needed, how to download Brackets as a better text editor for Macs.
https://drive.google.com/file/d/1gCF20uJBxFDX6bmRe… to an external site.
Once you have completed all requirements for the assignment, click the Submit Assignment button at the top of the page to submit your assignment.
Ensure the Website URL tab is selected.
Enter your URL for submission.
Select Submit Assignment to submit the URL for grading.
Grading and Useful Resources
HTML Tutorial by Professor Judi Miller: https://html.tutorial.ammonsdatasolutions.com/Links to an external site.
Professor Bartlett Repl.it/CSS: https://vccs.instructuremedia.com/embed/9605661b-2ff7-427c-9f95-e577f9f8b8c8Links to an external site.
Replit Tutorial by Professor Ryan Ammos: How to get started in Replit and how to submit in Replit
Mac Users: https://drive.google.com/file/d/1jG06c9l2IXb5AJSDpwrUyqAGg3CczKv3/view?Links to an external site.
MyDrive Tutorial: https://www.nvcc.edu/ithd/students/mydrive.htmlLinks to an external site.
W3Schools Tutorials: https://www.w3schools.com/htmlLinks to an external site.
W3Validator: https://validator.w3.org/
This project is worth 60 points.
Rubric
ITE152 Module 10 Web Technologies
ITE152 Module 10 Web Technologies
CriteriaRatingsPts
This criterion is linked to a Learning OutcomeTitle your Web page
3 ptsFull Marks
0 ptsNo Marks
3 pts
This criterion is linked to a Learning OutcomeInclude two heading levels – h1 and h2 somewhere on the page.
4 ptsFull Marks
0 ptsNo Marks
4 pts
This criterion is linked to a Learning OutcomeInclude one ordered list which contains at least 5 of your favorite movies.
5 ptsFull Marks
0 ptsNo Marks
5 pts
This criterion is linked to a Learning OutcomeInclude one unordered list which contains at least 5 of your favorite actors.
5 ptsFull Marks
0 ptsNo Marks
5 pts
This criterion is linked to a Learning OutcomeAdd an image to the page. Make sure to include the alt tag with an appropriate description for the image.
5 ptsFull Marks
0 ptsNo Marks
5 pts
This criterion is linked to a Learning OutcomeAdd a video file to the page
5 ptsFull Marks
0 ptsNo Marks
5 pts
This criterion is linked to a Learning OutcomeAdd an audio file to the page.
5 ptsFull Marks
0 ptsNo Marks
5 pts
This criterion is linked to a Learning OutcomePlace a paragraph below the video which describes what will be seen in the video.
3 ptsFull Marks
0 ptsNo Marks
3 pts
This criterion is linked to a Learning OutcomePlace a paragraph below the audio file which describes what will be heard in the audio
3 ptsFull Marks
0 ptsNo Marks
3 pts
This criterion is linked to a Learning OutcomeInclude at least one external link.
5 ptsFull Marks
0 ptsNo Marks
5 pts
This criterion is linked to a Learning OutcomeOrganize the content on the page in a way that is easy to read.
5 ptsFull Marks
0 ptsNo Marks
5 pts
This criterion is linked to a Learning OutcomeSave the Web page as ite152.html
2 ptsFull Marks
0 ptsNo Marks
2 pts
This criterion is linked to a Learning OutcomeValidate the Web page using the World Wide Web Consortium validation site. Apply HTML5 validation.
2 ptsFull Marks
0 ptsNo Marks
2 pts
This criterion is linked to a Learning OutcomeLink the instructor provided CSS file to your web page
5 ptsFull Marks
0 ptsNo Marks
5 pts
This criterion is linked to a Learning OutcomeSubmit the proper URL (http://mydrive.nvcc.edu/username/public/) for grading. OPTIONAL (not required if you use Repl.it): The index.html, about.html, style.css, and all image files (.jpg, .png, .gif) are published to MyDrive.OPTIONAL (not required if you use Repl.itLinks to an external site.):
You will be able to use the URL for Repl.itLinks to an external site. opposed to MyDrive
The index.html, about.html, style.css, and all image files (.jpg, .png, .gif) are published to MyDrive.
3 ptsFull Marks
0 ptsNo Marks
3 pts
Total Points: 60
Leave a Reply