Webpage Creating Guide
Some general tips for creating an html webpage:
- Almost anything you want to know about html can be found here: w3schools.com.
- In most browsers, Ctrl+u (Cmd+u on macOS) will show you the html source code of a webpage. This is useful if you want to replicate a feature you found on another page.
- Official CSU branding information is given here. If you want to match school colors correctly, or get official versions of any CSU logos, this is where you will find them.
Hosting on the Math Department ServerGraduate students have the option of putting a webpage on the department server. The URLs of these pages are
https://www.math.colostate.edu/~yourusername/. Besides creating the actual html documents, hosting a page on the department server requires a bit of computing knowledge. Here is a short guide on how to set this up:
On macOS or LinuxThe server is *nix based, so it is easy to access from other *nix operating systems through the terminal.
- Open a terminal window. The terminal is a text-based way of navigating your computer's file structure (and much more). Basic commands to know are
pwd(present working directory) which will tell you what directory you are currently in,
lswhich lists all files in the current directory, and
cd(change directory) which will change your working directory. In particular,
cd ..moves up one level in the file structure and
cd ~will return you to your home directory.
sshis Secure Shell, a program for connecting to remote computers). You will be prompted for your password. This is connecting you to the server. Once connected, your terminal will be navigating through the server's file structure! By default you will land in your home directory.
lsto see what is in your home directory. If there is not already a folder titled
mkdir public_htmlto create one (
mkdir= make directory).
- If you like, you can navigate to the
public_htmldirectory and edit your website there directly. However, it is probably faster and easier to make your webpage locally and upload it. The next few steps will describe how to do that. For now, you can type
exitto end your ssh session.
- The minimum required to have a webpage is a file titled
public_htmldirectory. When creating your webpage, make sure this is the name of your homepage.
- Once you have a functioning website on your local computer, you can transfer it to the server using Secure Copy. Navigate (in you terminal) to the local folder containing your
scp index.html email@example.com:~/public_html/. You will be prompted for you password.
- Repeat the previous for any other files needed for your webpage (replacing
index.htmlwith the appropriate filename in the scp command).
- Lastly, you will need to set permissions so that your files can be viewed publicly. SSH into the server as described above, navigate into
chmod 0644 index.htmlto set it publicly visible. Also, navigate up to the directory containing
chmod 0755 public_htmlto make it publicly openable. Repeat for any other files.
- Open a web browser and view your website!