HOW TO PUBLISH YOUR PERSONAL WEBSITE USING THE ANDREW FILE SYSTEM

Transcription

1 HOW TO PUBLISH YOUR PERSONAL WEBSITE USING THE ANDREW FILE SYSTEM ANN CHEN, RYAN FLOOD, MAGGIE YU WRITING FOR THE PROFESSIONS PROJECT 4

2 TABLE OF CONTENTS Topic Page Number(s) Introduction 2 Windows Instructions 3 Install the Required Software 4-5 Transfer Your Files 6 Deploy Your Website 7 Mac OS X Instructions 8 Install the Required Software 9 Transfer Your Files Deploy Your Files 12 1

3 INTRODUCTION We are going to show you how to deploy websites so that people can access your web page from anywhere in the world. Whether it is an electronic resume, a portfolio, or just a website for fun, you can easily create an HTML file for the website on your computer and access it locally. However, in order for others to be able to access your website, we need to put it on the Internet. Luckily, Carnegie Mellon University offers each student free web deployment as part of the computing services package. To take advantage of this, we will put our files on the Andrew File System (AFS), move them into the web deployment folder, and tell the Andrew servers that we are ready to publish our website. 2

4 WINDOWS INSTRUCTIONS 3

5 INSTALL THE REQUIRED SOFTWARE WINDOWS 1. Follow the link below and click on the Download button to download SSH Tectia On the next page, click the Agree button to begin downloading the installer. 4

6 INSTALL THE REQUIRED SOFTWARE WINDOWS 3. After SSH Tectia has finished downloading, open Tectia Secure File Transfer. Press either the Enter or Space key to be prompted for your connection information. This should look like the window below. For the Host Name field, type in unix.andrew.cmu.edu. For the User Name field, type in your Andrew ID (e.g. annchen ). You do not have to change the Port Number. 4. Click the connect button when you have completed these fields. You should then be prompted for your password, which is the password associated with your Andrew account. 5

7 TRANSFER YOUR FILES WINDOWS 5. Now your window should look like this. On the left side will be your directory, which you should open to the folder containing the file(s) you wish to transfer. On the right, click on the www folder indicated by the red outline in the picture below. 6. Drag the file you wish to transfer into the www folder on the right side of the screen. 6

8 DEPLOY YOUR WEBSITE WINDOWS 7. Once you are sure that everything has been set up correctly, follow the link below to publish your website Make sure that Personal Web Pages is selected, enter your Andrew ID into the text field, and then click on the Publish button. 9. When you receive the success message such as the one below, go to to view your live website. 7

9 MAC OS X INSTRUCTIONS 8

10 INSTALL THE REQUIRED SOFTWARE MAC OS X 1. Follow the link below and click on the Download button to download Fetch On the next page, click the Agree button to begin downloading the installer. This page also includes the serial number you will need to complete your installation of Fetch, so make sure you record this number somewhere. 3. After Fetch has finished downloading, open the application, and you will be prompted to enter a serial number name and number. 4. Enter the following: For the Serial Number Name field, type in Carnegie Mellon University. For the Serial Number field, type in the serial number you recorded from step 2. 9

11 TRANSFER YOUR FILES MAC OS X 5. Now your window should look like this. For the Hostname field, type in unix.andrew.cmu.edu. For the Username field, type in your Andrew ID (e.g. rflood ). You do not have to change the Connect using field. For the Password field, type in the password associated with your Andrew account. 6. Click on the Connect button to view your home directory. 10

12 TRANSFER YOUR FILES MAC OS X 7. You will now see your home directory like this. Click on the www folder to open it. 8. Click on the Put button with the globe icon in the top menu bar, select the file(s) you wish to transfer, and click on the blue Put button. 11

13 DEPLOY YOUR WEBSITE MAC OS X 9. Once you are sure that everything has been set up correctly, follow the link below to publish your website Make sure that Personal Web Pages is selected, enter your Andrew ID into the text field, and then click on the Publish button. 11. When you receive the success message such as the one below, go to to view your live website. 12