Mt. San Jacinto College Computer Information Systems
Minimize header.

CSIS 115A: Web Development - Level 1

Data Files

Download Student Data Files

Link to Download Data Files

In order to complete the textbook tutorials, and the review assignments you'll be publishing for grading, you will need to download a set of data files using the link below.

Using the Edge Web Browser on Windows 10 to Access Downloaded Data Files
 

If you are using Windows 10 and the Edge Web browser, in order to quickly access the Downloads folder, after clicking on the Data Files for ALL Users link above, you can do the following:

  1. Click on the Hub menu in the group of tools to the right of the address bar. Once the Hub opens on the right,

  2. Click on the Down Arrow icon (Downloads) to view Downloads in the Hub.

  3. Finally, click on the Open folder link to view the Downloads folder in the Windows 10 File Manager. From there you can follow the instructions below for extracting the downloaded zip file.

What To Do After Data Files Are Downloaded

After you have downloaded the data files, they will need to be extracted (unzipped). The instructions are slightly different depending on the computer type you will be using to edit your files on. Read the step-by-step instructions below for downloading and extracting your data files based on the computer platform you will be using in this class, they will explain the download and extraction process for that platform.

HTML/CSS Editor Options

In order to compete the textbook tutorials and the assignments in this class you will need to have access to an HTML/CSS code editor. Although it is not absolutely necessary, it is recommend that you use an integrated development environment (IDE). Microsoft's Visual Studio is the preferred IDE of the MSJC CIS department, but other IDEs like Dreamweaver, Sublime, Notepad Plus, or even a Mac's Text Editor program can be used for creating, editing and coding HTML and CSS files.

It is assumed that most students who enroll in the Web Development Level 1 class will be using either an Apple Mac (desktop or laptop) computer or a Microsoft Windows-based (desktop or laptop) computer. Most tablet computers are not really a good option for building HTML Web pages. 2-in-1 computers which are both a tablet and a personal computer can be used, although the screens can be small and a mouse is pretty much a necessity to navigate around modern IDEs.

To learn what HTML/CSS editor options you have available, read the instructions below for the type of computer you plan on using to complete the tutorials and review assignments in this class.

If you are using Mac-based computer, Microsoft offers a free download of Visual Studio which would be one option you could use to complete your assignments (FYI - the interface in the MAC is different than it is on the PC and all of our Visual Studio tutorials are currently written for the PC), the MSJC remote desktop system (RDS) would be another option (see more below); to view other options that are available to you, skip these instructions and read our MAC tutorials.

If you are using a Windows-based computer you can run the CIS department's recommended IDE, Visual Studio, using one of two methods, either the MSJC Remote Desktop Services (RDS) or from your home computer, read the instructions which are appropriate for the access method you will be using.

Instructions for Using Visual Studio from Remote Desktop Services (RDS)

Step 1 First, access the MSJC RDS using a Web browser by clicking on this link http://apps.msjc.edu. Then, login to the RDS using these login instructions. If you or having problems please review the RDS System Requirements.

Step 2 Once you are logged into the RDS, open any available Web browser like Internet Explorer, Firefox, or Chrome by clicking on the Web browser's icon in the RDS "MSJC Applications" window, if a RemoteApp dialog box opens, click on the "Connect" button. When the Windows Security dialog box opens type in your login information again, DON'T FORGET TO TYPE: "msjc\" before your Username, e.g. if your name was Chuck Berry you would type: msjc\ + CBerry + the last 3-digits of your student ID (msjc\CBerry123) - your password is the same as your Blackboard password. Be patient while you are authenticated and wait for Internet Explorer to open.

Step 3 In the Web browser address bar type http://msjc.instructure.com and log into Canvas when the Web site appears.

Step 5 Click on the link for the CSIS 115A course in your Canvas Dashboard. Once you are viewing the CSIS 115A course, click on Data Files in the course menu. You should now be viewing the Data Files page in your Web browser on the RDS.

Step 6 Click on the Data Files for All Users link at the top of this page. The data files should begin downloading immediately to the Downloads folder in the RDS. Once the download is completed, open the Downloads folder on the RDS and locate the CSIS115ADataFiles.zip file. Right-click on the CSIS115A.zip file and choose Extract All.

Save As dialog box displaying content sof My Documents on the RDS.

Step 7 From the list of folders in My Documents click on the My Web Sites folder, and then click on the Open button. The Save As dialog box now displays the contents of your My Web Sites folder on the RDS. Click on the Save button.

The Save As dialog box displaying the contents of the My Web Sites folder.

Step 8 Once the file is done downloading, click on the Close button in the Download Complete dialog box. Also close the Internet Explorer window which has the CSIS 115A Data Files page open in it.

Download complete dialog box.

Step 9 Now that your data files are downloaded into your Web Sites folder you need to unzip them. To do this, open My Documents by clicking on its icon in the RDS Applications window.

The My Documents icon in the RDS Applications window.

Step 10 In the My Documents window double-click on the My Web Sites folder. You should now see the CSIS115A zip file you just downloaded. Right-click on the icon for the CSIS115ADataFiles.zip file and choose Extract all.

Context menu with Extract All highlighted.

When the Extract Compressed (Zipped) Folders dialog box opens, click on Extract.

RDS Extract Compressed (Zipped) Folders dialog box.

You should now see a new CSIS115A folder created in your My Websites folder. Double click on the CSIS115A folder to open it and view the data files you will be using for this class.

The contents of the CSIS115A folder.

That's it, you've finished downloading and unzipping your Data Files. Next you need to configure Visual Studio to use these Data Files as your class Web site, see the Visual Studio instructions for information on how to do this.

Instructions for Using Visual Studio from Your Home Computer

If you will be using Visual Studio installed on your home computer, I recommend you save the Data Files to your My Documents/My Web Sites folder. If you don't already have a My Web Sites folder you can create it while downloading the Data Files.Context menu with Save target as... highlighted.

Step 1 Right-click on the link for the Data Files at the top of this page.

Step 2 Click on Save target as... from the context menu that appears.

Step 3 When the Save As window opens it will most likely already be opened to your My Documents folder. If it is not displaying the contents of your My Documents folder then you will need to navigate to your My Documents folder and open it. In your My Documents folder look for a folder named My Web Sites. If you have such a folder double-click on it to open it. If you don't already have a My Web Sites folder you will need to click on the New Folder button. button and type My Web Sites as the name of the new folder and then open it. Once you have navigated to the My Web Sites folder click on the Save button at the bottom-right of the Save As window and the Data Files will begin downloading to your computer.

Save As window displaying the My Documents > My Web Sites folder.

Step 4 Once the download is complete click on Open Folder in the Download complete dialog box.

Download Complete dialog box.

Context menu with Extract All highlighted.Step 5 Right click on the icon for the CSIS115ADataFiles.zip file you just downloaded and choose Extract All... from the context menu that appears.

Step 6 Click Extract in the Extract Compressed (Zipped) Folders dialog box and a new CSIS115A folder will be created in your My Websites folder with all of the files you need to complete the tutorials and review assignments for this course.

That's it, you've finished downloading and unzipping your Data Files. Next you need to configure Visual Studio to use these Data Files as your class Web site, see the Visual Studio How to Open A Website tutorial for instructions on how to do this.