Week 1

Getting Started

Setting up your Rutgers website

  1. Sign in to your station using your Rutgers username and password
  1. Let’s take a look at your server folders
Your <username> folder is your general desktop storage folder.

The www folder is for personal web storage. This is the folder we’ll be working out of primarily. Let’s open this folder up.

  • Create a folder titled “projects”
  • Create another folder titled “assets” inside of this folder create 3 more folders titled “css” “imgs” “js”

We’re going to be using this folder every week, so you might want to create a shortcut. To do so…

Now let’s open up a text editor. I use Sublime Text, but you’re welcome to use brackets or atom

Create a new document by either pressing ⌘N or by going File → New Document. Type something into the editor and save (⌘S) the file inside of your “www” folder as index.html

This is what your file structure should look like:

Your first website

The index.html file is the main page of any website. All websites start with an index.html file. When you create a new project, you’ll have a new index.html file inside of a new project folder. The “.html” ending signifies that the text is written in HTML, or Hyper Text Mark Up Language. HTML is not a programming language; it is a a markup language that provides the means to create content and structure from text.

Paste the following into your text editor:
<!DOCTYPE html>
<html lang="en-US">
<head>
  <meta charset="UTF-8">
  <title>Nikas Page</title>
</head>
<body>
  <p>Hello World!</p>
</body>
</html>


Open up your index.html file by opening web browser Chrome and dragging the index file into the window.

️Additionally, enter the following into a tab in chrome: