Mt. San Jacinto College Computer Information Systems
Minimize header.

CSIS 125A: Web Development - Level 2

Getting Started

Before You Begin...

In order to complete this assignment you MUST have already completed the following steps:

  1. Downloaded and extracted the Data Files into your CSIS 125A folder.
  2. Opened your CSIS 125A Web site in Visual Studio or another IDE.
  3. Downloaded, installed, and configured Visual Studio or another IDE to publish files to your student folder on the Student Web server.

If you have not already completed the steps listed above then view & complete the following lessons as necessary:

If you have already completed the steps listed above then you are ready to complete this assignment, please continue reading below.

Opening Your Website and the Default.htm File

Note: In Visual Studio 2019 when you open the program you need to click at the bottom of the Get started section and click on "Continue without code" link first.

Step 1 To open a Website in Visual Studio, on the Menu bar, click or tap File to open the menu, in the menu that appears click or tap on the Open option, and then click or tap Website to choose it from the fly-out menu. The Open Website dialog box appears. Navigate to the location of your CSIS folder (depending on your course number - it's the data file you downloaded and unzipped previously), and click or tap the Open button.

The Visual Studio File Open Website sequence.
Solution Explorer with the CSIS125A Web site open in Visual Studio.
Figure 1.1

When you open your Website in Visual Studio its contents are displayed in the Solution Explorer window. You should be able to see all of the folders and files in your CSIS 125A folder (see figure 1.1). To open the default.htm file simply double-click on the default.htm file in the Solution Explorer window.

Modifying the default.htm file

Step 2 Once you have the default.htm file open in Visual Studio, you need to replace the text that reads "type your name" (see figure 1.2) with your full name (see figure 1.3). Then save the file by opening the File menu and choosing Save, or you can click on the Save button Save button. on the toolbar.

Week1 default.htm file open in Visual Studio.
Figure 1.2


Week 1 default.htm file with student name replaced.
Figure 1.3

Saving and Publishing the default.htm File

Folder List panel in Visual Studio.
Figure 1.4
Context menu with Publish selected file circled.
Figure 1.5

Step 3 After saving the changes you made to your default.htm file, locate it in the Solution Explorer window (see figure 1.4), and right-click on the default.htm file. Choose "Publish default.htm" from the context menu that appears (see figure 1.5) to publish the file to the Student Web server.

Please Note: Future assignments will require you to post the entire assignment folder to the Student Web server in order for your Web page to display correctly. For instance, after completing the step-by-step practice in your textbook's Tutorial 8, you will complete Review Assignment #8 (RA8). Once you have completed all of the RA8 assignment instructions you will need to right-click on the RA8 folder in the Solution Explorer window and then choose the "Publish RA8" option from the context menu that appears.

Once all of the files needed to display your Web page correctly have been published to the Student Web server you can continue to Step 4 below.

Checking the default.htm File

Step 4 After publishing your file to the Student Web server, you need to make sure you can view it over the Internet using a Web browser. Open a Web browser, Internet Explorer, Firefox, Chrome, or the like and type in the Web address to your student folder, http://IA.MSJC.EDU/1stinitial + lastname. Verify that you can see your default.htm file in your Web browser and that everything looks correct.

How to Submit Your Assignment URL for Scoring

In order to receive credit for assignments you have published to the Student Web server, you need to submit the Web address (a.k.a. URL) of your assignment using the Submit an Assignment URL link on the course home page in Canvas.

Once you understand how URLs work, submitting your assignment URL for grading should be simple. Each time you have completed an assignment and published it to the Student Web server using your IDE do the following:

  1. Click on the Submit an Assignment URL link in your Canvas course menu.
  2. On the Submit an Assignment URL page, locate the link for the assignment URL you want to submit and click or tap it.
  3. Click or tap the Submit Assignment button on the screen that appears.
  4. Then type or paste the URL for your assignment in the Website URL textbox provided.
  5. Click or tap the Submit Assignment button - and you're done!

TIP: Before posting your URL for scoring you should ALWAYS TEST YOUR URL to see if it works in your Web browser first. Just open your Web browser and type in the URL as described in this tutorial, if it works, then just copy and paste the URL you typed in your Web browser into the Website URL textbox in Canvas. If it doesn't work in your Web browser, it won't work in your instructor's Web browser either - in that case email your instructor for help and be sure to ALWAYS type your Course number and Section number into the subject field of ALL emails you send to your instructor.

That's it! Give yourself a pat on the back for a job well done and then, when your ready, move on to the next tutorial.

⇑Table of Contents