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…
Right/control+click the grey area to the left of the search bar
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>
<htmllang="en-US">
<head>
<metacharset="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:
Getting Started
Setting up your Rutgers website
Your first website
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>Nikas Page</title>
</head>
<body>
<p>Hello World!</p>
</body>
</html>