Mt. San Jacinto College Computer Information Systems
Minimize header.

CSIS 115A: Web Development - Level 1

Assignments

Prep Assignment

During the first day of a face-to-face or hybrid class, or during the first week of a fully-online class, you need to complete the Prep assignment for this class. In order to make sure you are prepared to complete the Prep assignment please read and complete the following steps:

  1. Read the Start Here page to learn about some of the basic features of how this course works (you'll find a link to it in the Canvas course menu).
  2. Read the Syllabus so you will know what assignments are due and when (you'll find a link to it in the Canvas course menu).
  3. Click Data Files in the Canvas course menu to download and extract the files you will be using throughout this course. You will also find help on extracting and saving your files to a Mac, PC, or to the MSJC RDS cloud.
  4. Learn how to access the Visual Studio application by reading the Visual Studio: How to Get It tutorial (Mac users and those of you who choose to use a different code editor can skip this step).
  5. Learn how to use FTP to get connected to the Student Web server for publishing your assignments by reading Using FTP to Publish.
  6. Learn how to submit the correct URL for scoring for each of your completed assignments by reading the Introduction to URLs and How Do You Submit Your Assignment URL For Scoring tutorials.
  7. Order your textbook, you will need it to complete Tutorial 1 and the Tutorial 1 Review Assignment (RA1) (see Syllabus for Due Date).

Be sure you take the time to read and fully understand each of the Web-based tutorials listed above. Once you complete these tutorials move on to the Prep assignment. Everything MUST be completed before 11:59 P.M. on the Due Date listed for the Prep assignment in the Syllabus.

Note: Student accounts on the Student Web server are not created until class enrollment is finalized. This means that if you are taking this class online, you will not have the ability to publish your Week1 assignment until Thursday of the first week of class.

If you have any questions at all, post them to the Help! discussion forum in Canvas or send them in an email to your instructor. Your instructor will respond to either method within 48 hours (M-Th).

Tutorial 1: Getting Started with HTML 5

Thumbnail image of tutorial 1 completed.
This is what your page should look like when you have completed all the steps in Tutorial 1.

This week you will be reading Tutorial 1 in your textbook and practicing the step-by-step instructions provided in the tutorial to get an understanding of basic HTML concepts and HTML lists. I have provided an additional tutorial for you to read on HTTP and I've included links to the two demos your textbook publisher shows in your textbook. You can access these items by clicking on the links below.

To help you learn the vocabulary of Web development you should read and know the Key Terms for this tutorial.

You also want to be sure that you take the Tutorial 1 Quiz several times in order to prepare for the Final Exam. You'll find theTutorial 1 Quiz by clicking on Assessments in the Canvas course menu.

Tutorial 1: Review Assignment 1

Thumbnail image of tutorial 1 completed.
This is what your page should look like when you have completed the Tutorial.01 Review assignment.

This week you will be completing your first Review Assignment (RA1) and publishing it to the Student Web server. You will find the files needed to complete this assignment in your RA1 folder.

Tips for successfully completing Review Assignment 1:
  • Be sure to open your data files folder as a Website in Visual Studio; File --> Open --> Website.
  • Be sure to open your Website from the root folder, the folder that contains all of the tutorial and RA# folders.
  • Complete all of the items in Sajja's list, on pages HTML 71 through HTML 73.
  • Publish your entire RA1 folder to the student Web server.
  • Validate your assignment displays correctly on student Web server. The URL for this assignment should be:
    http://ia.msjc.edu/1stinitial+lastname/ra1/mp_index.html
    if it's not you did something wrong — in that case email your instructor about the problem.
  • Post assignment URL to Canvas using the Submit An Assignment URL link.

Within one week after the Due Date for the assignment (usually sooner), I will evaluate your assignment, give you a score based on the scoring rubric and if necessary leave a comment on what is not correct in the assignment Comments section on  Canvas .

As long as you have published your assignment to the Student Web server and posted the URL for this assignment to Canvas by the due date listed in the Syllabus you will be able to fix any issues identified in my comments and re-submit your URL, if necessary, and still receive full credit for the assignment. This process will repeat until I don't find any mistakes in your assignment or you stop submitting your URL for re-evaluation.

 If you do not submit your URL before the Due Date listed in the Syllabus, you will lose 10 points per week that your  submission is late and will have no opportunity to correct your errors to achieve a higher score.

Be sure you take the Tutorial 1 Quiz several more times in order to prep for the Final Exam. The Tutorial 1 Quiz can be accessed using the Assessments link in the Canvas course menu.

Tutorial 2: Getting Started With CSS

Thumbnail image of tutorial 1 completed.
This is what your page should look like when you have completed Tutorial.02.

This week you will be reading Tutorial 2 in your textbook and practicing the step-by-step instructions provided in the tutorial to get an understanding of how to create HTML hypertext links as well as absolute and relative paths.

To help you learn the vocabulary of Web development you should read and know the Key Terms for this tutorial.

You also want to be sure that you take the Tutorial 2 Quiz several times in order to prepare for the Final Exam. You'll find the Tutorial 2 Quiz by clicking on Assessments in the Canvas course menu.

Tutorial 2: Review Assignment 2

Thumbnail image of tutorial 1 completed.
This is what your page should look like when you have completed RA2.

This week you will be completing your second Review Assignment (RA2) and publishing it to the Student Web server.  You will find the files needed to complete this assignment in your RA2 folder.

As long as you publish your assignment to the Student Web server and post the URL for this assignment by the due date listed in the Syllabus you will be able to re-submit your URL, if necessary, and still receive full credit for the assignment even if I find any mistakes in your assignment. If I do find any mistakes I will notify you of them via email within one week of the due date for the assignment. Otherwise, you will lose 10 points per week that your assignment is submitted late and will have no opportunity to correct your errors to achieve a higher score.

Note: Regarding the RA2 instructions in your textbook, for step 10b you need to swap the values for the color and background-color properties and remove the extra 5 digit in the value 255. Obviously RGB values can't have four digits. The blockquote should have an orange background with semi-transparent white text on the inside.

I have posted a Scoring Rubric for you to review. This rubric will tell you how many points you will receive for each correctly completed item in your Web page.

You also want to be sure you take the Tutorial 2 Quiz several more times in order to prep for the Final Exam. The Tutorial 2 Quiz can be accessed using the Assessments link in the Canvas course menu.

Tutorial 3: Developing a Web Page Layout

Thumbnail image of tutorial 1 completed.
This is what your page should look like when you have completed Tutorial.03.

This week you will be reading Tutorial 3 in your textbook and practicing the step-by-step instructions provided in the tutorial to get an understanding of how Cascading Style Sheets (CSS) work as well as an understanding of color and how to apply it. I have provided an additional color tutorial for you to read which you can access by clicking on the link below.

To help you learn the vocabulary of Web development you should read and know the Key Terms for this tutorial.

Be sure you take the Tutorial 3 Quiz several times in order to prep for the Final Exam. The Tutorial 3 Quiz can be accessed using the Assessments link in the Canvas course menu.

Tutorial 3: Review Assignment 3

Thumbnail image of tutorial 1 completed.
This is what your page should look like when you have completed RA3.

This week you will be completing your third Review Assignment (RA3) and publishing it to the Student Web server.  You will find the files needed to complete this assignment in your RA3 folder.

As long as you publish your assignment to the Student Web server and post the URL for this assignment by the due date listed in the Syllabus you will be able to re-submit your URL, if necessary, and still receive full credit for the assignment even if I find any mistakes in your assignment. If I do find any mistakes I will notify you of them via email within one week of the due date for the assignment. Otherwise, you will lose 10 points per week that your assignment is submitted late and will have no opportunity to correct your errors to achieve a higher score.

I have posted a Scoring Rubric for you to review. This rubric will tell you how many points you will receive for each correctly completed item in your Web page.

You also want to be sure you take the Tutorial 3 Quiz several more times in order to prep for the Final Exam. The Tutorial 3 Quiz can be accessed using the Assessments link in Canvas the course menu.

Tutorial 4: Graphic Design with CSS

Thumbnail image of tutorial 1 completed.
This is what your page should look like when you have completed Tutorial.04.

This week you will be reading Tutorial 4 in your textbook and practicing the step-by-step instructions provided in the tutorial to get an understanding of how to create effects using Cascading Style Sheets (CSS).

To help you learn the vocabulary of Web development you should read and know the Key Terms for this tutorial.

Be sure you take the Tutorial 4 Quiz several times in order to prep for the Final Exam. The Tutorial 4 Quiz can be accessed using the Assessments link in the Canvas course menu.

Tutorial 4: Review Assignment 4

Thumbnail image of tutorial 1 completed.
This is what your page should look like when you have completed RA4.

This week you will be completing your fourth Review Assignment (RA4) and publishing it to the CIS Web server.  You will find the files needed to complete this assignment in your RA4 folder.

As long as you publish your assignment to the Student Web server and post the URL for this assignment by the due date listed in the Syllabus you will be able to re-submit your URL, if necessary, and still receive full credit for the assignment even if I find any mistakes in your assignment. If I do find any mistakes I will notify you of them via email within one week of the due date for the assignment. Otherwise, you will lose 10 points per week that your assignment is submitted late and will have no opportunity to correct your errors to achieve a higher score.

I have posted a Scoring Rubric for you to review. This rubric will tell you how many points you will receive for each correctly completed item in your Web page.

You also want to be sure you take the Tutorial 4 Quiz several more times in order to prep for the Final Exam. The Tutorial 4 Quiz can be accessed using the Assessments link in the Canvas course menu.

Tutorial 5: Designing for the Mobile Web

Thumbnail image of tutorial 1 completed.
This is what your page should look like when you have completed Tutorial.05.

This week you will be reading Tutorial 5 in your textbook and practicing the step-by-step instructions provided in the tutorial to get an understanding of how to create HTML tables.

To help you learn the vocabulary of Web development you should read and know the Key Terms for this tutorial.

Be sure you take the Tutorial 5 Quiz several times in order to prep for the Final Exam. The Tutorial 5 Quiz can be accessed using the Assessments link in the Canvas course menu.

Tutorial 5: Review Assignment 5

Thumbnail image of RA5 completed. Thumbnail image of RA5 print view completed.
This is what the mobile, desktop, and print versions your page should look like when you have completed RA5.

This week you will be completing your fifth Review Assignment (RA5) and publishing it to the Student Web server.  You will find the files needed to complete this assignment in your RA5 folder.

As long as you publish your assignment to the Student Web server and post the URL for this assignment by the due date listed in the Syllabus you will be able to re-submit your URL, if necessary, and still receive full credit for the assignment even if I find any mistakes in your assignment. If I do find any mistakes I will notify you of them via email within one week of the due date for the assignment. Otherwise, you will lose 10 points per week that your assignment is submitted late and will have no opportunity to correct your errors to achieve a higher score.

I have posted a Scoring Rubric for you to review. This rubric will tell you how many points you will receive for each correctly completed item in your Web page.

Be sure you take the Tutorial 5 Quiz several more times in order to prep for the Final Exam. The Tutorial 5 Quiz can be accessed using the Assessments link in the Canvas course menu.

Tutorial 6: Working with Tables and Columns

Thumbnail image of tutorial 1 completed.
This is what your page should look like when you have completed Tutorial.06.

This week you will be reading Tutorial 6 in your textbook and practicing the step-by-step instructions provided in the tutorial to get an understanding of how build HTML forms.

To help you learn the vocabulary of Web development you should read and know the Key Terms for this tutorial.

Be sure you take the Tutorial 6 Quiz several times in order to prep for the Final Exam. The Tutorial 6 Quiz can be accessed using the Assessments link in the Canvas course menu.

Tutorial 6: Review Assignment 6

Thumbnail image of RA6 completed.
This is what your page should look like when you have completed RA6.

This week you will be completing your sixth Review Assignment (RA6) and publishing it to the Student Web server.  You will find the files needed to complete this assignment in your RA6 folder.

As long as you publish your assignment to the Student Web server and post the URL for this assignment by the due date listed in the Syllabus you will be able to re-submit your URL, if necessary, and still receive full credit for the assignment even if I find any mistakes in your assignment. If I do find any mistakes I will notify you of them via email within one week of the due date for the assignment. Otherwise, you will lose 10 points per week that your assignment is submitted late and will have no opportunity to correct your errors to achieve a higher score.

I have posted a Scoring Rubric for you to review. This rubric will tell you how many points you will receive for each correctly completed item in your Web page.

Be sure you take the Tutorial 6 Quiz several more times in order to prep for the Final Exam. The Tutorial 6 Quiz can be accessed using the Assessments link in the Canvas course menu.

Tutorial 7: Designing a Web Form

Thumbnail image of tutorial 7 completed.
This is what your page should look like when you have completed Tutorial.07.

This week you will be reading Tutorial 7 in your textbook and practicing the step-by-step instructions provided in the tutorial to get an understanding of how to add multimedia components to your Web pages.

To help you learn the vocabulary of Web development you should read and know the Key Terms for this tutorial.

Be sure you take the Tutorial 7 Quiz several times in order to prep for the Final Exam. The Tutorial 7 Quiz can be accessed using the Assessments link in the Canvas course menu.

Tutorial 7: Review Assignment 7

Thumbnail image of RA7 completed.
This is what your page should look like when you have completed RA7.

This week you will be completing your seventh Review Assignment (RA7) and publishing it to the Student Web server.  You will find the files needed to complete this assignment in your RA7 folder.

As long as you publish your assignment to the Student Web server and post the URL for this assignment by the due date listed in the Syllabus you will be able to re-submit your URL, if necessary, and still receive full credit for the assignment even if I find any mistakes in your assignment. If I do find any mistakes I will notify you of them via email within one week of the due date for the assignment. Otherwise, you will lose 10 points per week that your assignment is submitted late and will have no opportunity to correct your errors to achieve a higher score.

I have posted a Scoring Rubric for you to review. This rubric will tell you how many points you will receive for each correctly completed item in your Web page.

Be sure you take the Tutorial 7 Quiz several more times in order to prep for the Final Exam. The Tutorial 7 Quiz can be accessed using the Assessments link in the Canvas course menu.