UNIX CONTINUED & Intro to WEB

Class 7

Introduction to Web Design & Computer Principles CSCI-UA.0004-003

What is an Operating System?

The software that supports a computer's basic functions, such as scheduling tasks, executing applications, and controlling peripherals.

Introduction to Web Design & Computer Principles CSCI-UA.0004-003

Operating Systems

Introduction to Web Design & Computer Principles CSCI-UA.0004-003

CLI vs GUI
• •
CLI: Command Line Interface = issues commands to an OS by typing lines of code GUI (“gooey”): Graphical User Interface = interacting with the OS by manipulating images rather than text commands

Introduction to Web Design & Computer Principles CSCI-UA.0004-003

TERMINAL
• • •
Terminal is a Mac application that works with the UNIX shell program, allowing you to type commands to the OS directly Uses Command Line Interface You can find terminal under Applications > Utilities > Terminal

Introduction to Web Design & Computer Principles CSCI-UA.0004-003

• • •

Use Command + or Command - to shrink or grow the window Use up and down arrows to see previous commands Type exit or close window to end

COMMAND LINE PROMPT USER

Introduction to Web Design & Computer Principles CSCI-UA.0004-003

COMMAND STRUCTURE

COMMAND

OPTIONS

ARGUMENTS

Introduction to Web Design & Computer Principles CSCI-UA.0004-003

COMMAND STRUCTURE
COMMAND PASSWD MV OLDFILENAME NEWFILENAME OPTIONS ARGUMENTS

MAKEDIR RM ls * -l

DIRECTORYNAME

Introduction to Web Design & Computer Principles CSCI-UA.0004-003

Introduction to Web Design & Computer Principles CSCI-UA.0004-003

PERMISSIONS: CHMOD
• • • •
All files and folder on a computer have three permissions: READ, WRITE & EXECUTE Three types of users: USER, GROUP & WORLD

Introduction to Web Design & Computer Principles CSCI-UA.0004-003

PERMISSIONS: CHMOD

Introduction to Web Design & Computer Principles CSCI-UA.0004-003

HISTORY OF THE INTERNET

http://www.youtube.com/watch?v=9hIQjrMHTv4
Introduction to Web Design & Computer Principles CSCI-UA.0004-003

WHAT IS A WEB PAGE?

?
Introduction to Web Design & Computer Principles CSCI-UA.0004-003

WHAT IS A WEB PAGE?
FILES BROWSER WEBPAGE

Introduction to Web Design & Computer Principles CSCI-UA.0004-003

HYPERTEXT MARKUP LANGUAGE

CASCADING STYLE SHEETS

Used for organizing and formatting CONTENT

Used for defining and assigning styles PRESENTATION

Introduction to Web Design & Computer Principles CSCI-UA.0004-003

PROGRAMS FOR WRITING HTML/CSS

Introduction to Web Design & Computer Principles CSCI-UA.0004-003

INTERNET & WEB
• • • •
Network of connected computers vs. a system of hyperlinked documents on that network Everything works via shared protocol Free for everyone to use As of March 2009, the indexable web contains at east 25.21 billion pages

Introduction to Web Design & Computer Principles CSCI-UA.0004-003

CLIENTS & SERVERS

Communicate vis Hypertext Transfer Protocol (HTTP) through a series of Requests and Responses

Introduction to Web Design & Computer Principles CSCI-UA.0004-003

CLIENTS & SERVERS

Introduction to Web Design & Computer Principles CSCI-UA.0004-003

FINDING YOUR WAY AROUND THE WEB
• • •
IP (Internet Protocol) Addresses: 128.122.119.209 Domain Names: nyu.edu URL (Uniform Resource Locator): http://www.cims.nyu.edu/classes/spring2013/003

Introduction to Web Design & Computer Principles CSCI-UA.0004-003

BROWSERS
• • •
Software application on a client machine Sends requests, receives files Displays documents, images, sound and video

Introduction to Web Design & Computer Principles CSCI-UA.0004-003

GETTING STARTED
• • •
Make a folder and give it a unique name Open a text editor and paste in content. DO NOT use a word processing program like Microsoft Word or Pages. Safe your file with .html extension (ie: home.html) in your folder

Introduction to Web Design & Computer Principles CSCI-UA.0004-003

START WITH CONTENT

Introduction to Web Design & Computer Principles CSCI-UA.0004-003

DEFINE ELEMENTS ON A PAGE

Introduction to Web Design & Computer Principles CSCI-UA.0004-003

TAGS
• • • •
Use “<“ and “>” to write tags Opening and closing tag pairs: use a backslash to close a tag <p> content goes here </p> All content inside the pair of tags gets “marked up”

Introduction to Web Design & Computer Principles CSCI-UA.0004-003

BASIC WEBSITE STRUCTURE
<html> <head> <title> </title> </head> <body> </body> </html>

Introduction to Web Design & Computer Principles CSCI-UA.0004-003

BASIC WEBSITE STRUCTURE

Introduction to Web Design & Computer Principles CSCI-UA.0004-003

BASIC WEBSITE STRUCTURE

Introduction to Web Design & Computer Principles CSCI-UA.0004-003

FTP
• •
FTP - File Transfer Protocal Software application that allows you to add files onto your web server

Introduction to Web Design & Computer Principles CSCI-UA.0004-003

FTP

Introduction to Web Design & Computer Principles CSCI-UA.0004-003

FTP

Introduction to Web Design & Computer Principles CSCI-UA.0004-003

Reading for Class

Web Development & Design Foundations - Ch 1-2

Introduction to Web Design & Computer Principles CSCI-UA.0004-003

Sign up to vote on this title
UsefulNot useful