Download
1 / 9
90 likes | 266 Views
INFSCI 1052. First Web Page on Pitt Servers. Download Software. Follow Pitt CSSD instructions to download Putty and WinScp : http:// technology.pitt.edu/Documents/network/unix-timesharing/Secure_UNIX_Windows_FINAL.pdf
E N D
INFSCI 1052 First Web Page on Pitt Servers
Download Software • Follow Pitt CSSD instructions to download Putty and WinScp: http://technology.pitt.edu/Documents/network/unix-timesharing/Secure_UNIX_Windows_FINAL.pdf • Download Putty – a program that allows you to securely connect to a remote computer • http://www.chiark.greenend.org.uk/~sgtatham/putty/download.html • Save it to your destop • Download WinSCP – a file transfer program • http://winscp.net/eng/download.php • Alternative • FireFTP – an Addon to Firefox – not a separate program – choose sftp setting • http://fireftp.mozdev.org/
Connect to Pitt Server and Create html Directory • Connect to Pitt Servers (unixs.cis.pitt.edu) using Putty • Unix is case sensitive!!!!! • Change to the public directory • cd public • Once in the public directory make a new directory called html • mkdir html • Look at files in a directory by typing ls • Your index.html file should go in the html directory • Use your FTP program to look at your file structure • Security permissions – right click and choose properties
Security Permissions Unix • Each file and directory have read, write, and execute permissions • Tutorial - http://www.elated.com/articles/understanding-permissions/ • You can right click on folder(directory) or file and set the permissions via FTP program • Or you can set permissions via Putty using the chmod command • Welcome to binary numbers • chmodnnn filename • Check permission with ls-l command • Ex chmod 755 filename – owner has rwx and everyone else rx
Security Permissions Unix • Permissions on directories are a little different from those on files. 'read' allows the contents of a directory to be listed, 'write' means that you can add or delete files in the directory, and 'execute' allows direct access to files in the directory (if you already know their names). On most directories read and execute bits tend to go together ie typically directories will either have both bits set or neither set. • From http://drupal.org/node/34023 • Another fun tutorial http://www.albany.edu/faculty/gms/homepage101/unix_permissions.html
Viewing Your Web Page • After you have created an html and named it index.html and moved it to your html directory and set the appropriate permissions 755 ( read, write execute for you and read, execute for everyone else) • Open your browser and type in the address bar: • www.pitt.edu/~username • The browser will automatically look for index.html file and load it
Your first page • Start with a template: • Recommend XHTML 1.0 Strict for this class • W3C recommended templates: • http://www.w3.org/QA/2002/04/valid-dtd-list.html • Doctypes tell browsers how to interpret the document • Doctypes help validators know which rules to use to evaluate your page • Don’t use Framesets in this class
Ex From W3C for XHTML 1.0 • <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" • "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> • <html xmlns="http://www.w3.org/1999/xhtml"> • <head> • <Your page title</title> • <meta http-equiv="content-type" • content="text/html;charset=utf-8" /> • </head> • <body> • <p>… Your HTML content here …</p> • </body> • </html>
Text Editors • Your choice – here are some ideas • Notepad • Notepad++ • http://notepad-plus-plus.org/ • Dreamweaver in code view • Note about the Adobe Suite from Pitt • It is a fantastic deal while you are a student • Dreamweaver, Photoshop, Fireworks, Flash, In Design • Netbeans
