2.  How a computer works  The Internet  Browsers  Web Pages

3.  Question: What film character is a good analogy to a computer?  Answer Answer  It is actually a very simple machine: It executes exactly what it is told to do

4. processor instructionsdata 1. Get the instruction 2. Get the data 3. Do what it says

5.  Everyone knows that computers store bits, right?  What does it mean? › All data is stored as a series of zeroes and ones  Why? 1 0 =

6.  Additive system › ||||| ||||| › Every item represents 1 › Examples of additive systems?  Positional system › Value = face * place › 37 = 3*10 + 7*1 ||||

7.  Base = number of different values in a position › Base 10 = 10 values: 0-9 › Base 2 = 2 values: 0-1  Value of each position = power of base › b 4 b 3 b 2 b 1 b 0 › Binary: 2 4 2 3 2 2 2 1 2 0 › 128 64 32 16 8 4 2 1  Where do you see these numbers?

8.  The machines  The connections  The content

11.  Servers: contain information to share  Clients: machine with a web browser to access that information ServerClient Web Server Pages Browser

12. BROWSER software on your machine (client) WEB PAGE instructions stored on a server Browser retrieves web page from server and then follows instructions BROWSER: Web page processor (software program) Instructions Text

13.  Protocol: server-name/file-to-display HOW WHERE WHAT  Protocol: usually http  Have you ever seen others? https? telnet? ftp?  Server-name  The computer’s name  Usually begins with www  Usually ends with 3 characters that define the kind of site  However, there are no rules: as long as its registered, you can get there  File-to-display  Can be a whole path (just like Windows)

14.  Every machine has an address (IP address) › nn.nn.nn.nn, numbers from 0 to 127  What is your address? › http://www.lawrencegoetz.com/programs/ipinfo/ http://www.lawrencegoetz.com/programs/ipinfo/  BUT numbers are too hard to remember › DNS (Domain name servers) map them for us › Look under Network Connections

15.  Text file that says what to display › Web pages use HTML (HyperText Markup Language)  a little history a little history  Two types of information › Instructions on how or what to display › Text (the data)  Instructions are in the form of tags ›  Do NOT need any special tools to build › BUT tools can make it easier

16.  Very fancy tools exist › Ease of building vs. Control › Cost  We will use an editors that help you get it right  We will NOT use tools that hide what you are doing  We will use Komodo EditorKomodo Editor

17.  Mainly, to demystify  But more than that -- even if using a package  Sometimes you … › can’t figure out how to make it do what you want › can’t figure out what is wrong › just want to make some minor changes  If you understand how it works, YOU are in control

18. Put your title here What will appear on the page Here … and there WARNING: This is not a complete page.

19.  Using Komodo Editor creates a web page on your machine › You can use the browser to look at it  But who else can see it? › NOBODY  Want it to be on a SERVER › UNC provides: ISIS

20.  UNC website › Everything that is going to be available on the web must be in your public_html folder › Treats index.html as your home page › Default is “This page is blank”  Creating WWW Pages at UNC-CH › http://help.unc.edu/?id=108 http://help.unc.edu/?id=108

21.  UNC discusses sftp (Windows) and fetch (Mac)  We will use FilezillaFilezilla  Why? › Simpler interface › Cross platform