Your browser doesn't support the features required by impress.js, so you are presented with a simplified version of this presentation.

For the best experience please use the latest Chrome, Safari or Firefox browser.

CIS 115

Programming for the Web

Tim Berners-Lee

Image Source: Wikipedia

HTML Versions

Image Source: Wikipedia


Blog 4: The Internet's Influence

The internet has been a major force in our lives for several decades now. Write about how the internet has influenced you as a person. Try and think about ways that you would be a different person if you didn’t have the internet. Things you can think about:The internet is a very influential part of our modern culture. Because of this, most of us have been impacted by the internet in some way throughout our lives. For this blog article, write about how the internet has impacted you as an individual, but also how you believe the internet has impacted us as a society in general. (Food for thought: - read about the Filter Bubble or Cyberculture for ideas: and As you are writing, here are some things you can think about:

Creating your own Website

Creating your own Website

Connecting to the Server
Windows Users - PuTTY

Host Name:

Server Security

Linux Terminal

Connecting to the Server
Mac/Linux Users - Terminal

Applications > Utilities > Terminal

SSH on Terminal

ssh <your_eID>

Simple Linux Commands

Creating your own Website

Editing Files

nano <file>

cd ~
mkdir public_html
cd public_html
nano index.html

Nano Text Editor

Creating your own Website

Your First HTML Page

<!DOCTYPE html>
    Hello World!


Creating your own Website

Saving in Nano

Visiting your Webpage<your_eID>


File Access Permissions:

Creating your own Website


HTML Lists

  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>

  1. Item 1
  2. Item 2
  3. Item 3

Cascading Style Sheets

Adding CSS to a Page

Add the following to your page header

<link rel="stylesheet" href="fancy.css" type="text/css" />

Sample CSS

a {
    text-decoration: none;
    padding: 0 0.1em;
    background: rgba(220,212,231,0.5);
    text-shadow: -1px -1px 2px rgba(100,100,100,0.9);
    border-radius: 0.2em;

a:focus {
    background: rgba(189,169,207,1);
    text-shadow: -1px -1px 2px rgba(100,100,100,0.5);

Add Some Style