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. 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.
  2. 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).
  3. Learn how to use FTP to get connected to the Student Web server for publishing your assignments by reading Using FTP to Publish.
  4. 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.
  5. 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.

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

Before jumping into learning about HTML 5, you will first learn the fundamentals of how the World Wide Web (WWW) works.

Session 1.1a: Exploring the World Wide Web

In addition to reading Session 1.1 of your textbook, pages 4 - 8, view the video below and the link for Tutorial 1.1a to supplement what you are learning in your textbook.

Session 1.1b: Introducing HTML

This next tutorial will provide you with a good introduction to the HTML language and also provides a good supplement for what you are learning in your textbook.

Once you reach page 8 in your textbook you will begin the process of learning how to write HTML step-by-step. In order to follow the steps provided in your textbook, you will want to open your CSIS115A folder in your IDE. Be sure to open it from the root, CSIS115A, folder. Once you have your Website open in your IDE, open the HTML01 folder and then open the tutorial folder inside of the HTML01 folder as it contains the files you will need to complete the step-by-step instructions.

Most likely there will be a few steps in the textbook instructions that you will need help with. View tutorial 1.2a to help you to complete the Tutorial 1 step-by-step instrucitons.

Sessions 1.2 - 1.3

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

From this point forward you should be able to complete the rest of the Tutorial 1 step-by-step instructions. You may notice while viewing the supplemental tutorials 1.1a, 1.1b, and 1.2a that there is also a 1.2b and a 1.3 supplemental tutorial. They are pretty much summaries of what you'll be reading in Sessions 2 and 3 of Tutorial 1 in your textbook. You might find that they come in handy to help reiterate what you are learning in the remainder of Tutorial 1.

In addition, there are a couple of demonstration files that your textbook will refer to; the demo links are provided for you below to quickly access those demonstrations. You will also notice that there is an image that shows you what the completed home page of the tutorial should look like if you have done everything correctly.

Remember, DON'T publish your Tutorial files to the student Web server. You also don't post a URL for it in Canvas.

Once you have completed Tutorial 1 you will want to read the instructions on page 71 to complete Review Assignment 1 (RA1), see below.

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

Tutorial 1: Review Assignment 1

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

In addition to completing Tutorial 1, this week you will be completing your first Review Assignment (RA1) and publishing it to the Student Web server. You will find the files you need for completing RA1 in the RA1 folder of your student Web site folder (CSIS115A).

Don't try just opening the RA1 folder in your IDE and publishing it from there. ALWAYS open your student Web site folder from the root (CSIS115A) anytime you work on a tutorial or a review assignment. That's the only way your files will be published correctly to the student Web server. Be sure to publish the entire RA1 folder to the Student Web server once you have completed the Review assignment.

Also, remember to check to see that your Review Assignment can be reached on the Student Web server and is working correctly in your Web browser. The URL http://ia.msjc.edu/1stinitial+lastname/RA1/mp_index.html should work if you have opened your Website from the root before publishing your RA1 folder to the student Web server.

Thumbnail image of tutorial 1 completed.
mp_menu - click for larger image.
Thumbnail image of tutorial 1 completed.
mp_events - click for larger image.
Thumbnail image of tutorial 1 completed.
mp_catering - click for larger image.

If it's all working okay, then copy the URL and post it in Canvas for scoring. Use the Submit an Assigment URL link (on the CSIS 115A Canvas Home page). On the Submit an Assignment page, click the Review Assignment 1 link. Paste your URL in the textbox that appears and click the Submit Assignment button to complete the submission. If you have a problem, post it to the Help! forum.

View this video for help getting started with Review Assignment 1.

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.

Both the Review Assignment 1 URL post and completion of Quiz 1 at least one time, are due by the DUE DATE listed in the Syllabus.

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.

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 to 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.