UCSC Art 101, Spring 2015: Homework 01B Help

B. To create a website for your homework for this course, getting started ...

B1. Create (and install) an HTML homepage for your website. You may use Example 1-00 as a template.
B2. Create a folder for your homework for this week, named "week-01" A link on your homepage should point to this folder.
B3. Create an index file, "index.html" for your folder for this week. You may use Example 1-01 as a template.

Our typical homework assignment may be broken down into three steps:

D. Download some files from the web.
E. Edit the files.
U. Upload the files to your website.

Steps D and U are routine, while E will be the crux of the assigned problem.
Let's consider D (eg, B1, create) using Safari, E (eg, create a homepage) using Smultron, and U (eg, B1 install) using Transmit, in turn.
These instuctions assume Safari, Smultron, and Transmit, but should be easily adapted to other tools.

D. To download Example 1-00, method 1, easy copy.

Make a work folder for this course, this week, and this assignment.
Working in that folder, point your browser at the example, it is in our course website at:
- Meetings -> Week 01 -> Examples
When you see the page, go to the Safari menu bar, click Save As, select Format -> Page Source, Save, to your Desktop.
Rename this file to "ex1-00.html" and move it to your work folder.

D. To download Example 1-00, method 2, peeking.

Prepare your browser for this method by enabling the Develop menu.
- Open Safari Preferences
- Select Advanced from the menu bar.
- Check the bottom checkbox, Show Develop menu in menu bar
- Close Safari Preferences
Make a work folder for this course, this week, and this assignment.
Working in that folder, point your browser at the example, it is in our course website at:
- Meetings -> Week 01 -> Examples
When you see the page, go to the Safari menu bar, click and hold Develop to pop down its menu, and select Show page Source.
When the HTML code shows up at the bottom of the browser page, click anywhere in the HTML code, and select all using command-a.
Close the page source panel by clicking the "X" at the left end of its tool menu.
Open your code editor, open a new page with File -> Open, and name the page "ex1-00.html".
Paste the HTML code saved from the page source panel of your browser, save, and close.

E. To edit an HTML file, iterate the development cycle:

Open the file in Smultron.
Edit the file, and save the changes.
Open the file in Safari (eg, by dragging it into the browser window).
Refresh the browser (eg, with command+r), inspect, and repeat.

U. To upload a file to (or download a file from) your website.

Prepare your SFTP client to connect with your website.

Discover the URL of your website (eg, people.ucsc.edu/~rha/ or sftp.ic.ucsc.edu/~rha)
Open your SFTP client
Select menu item Add Favorite
Enter all the data (eg, Server = sftp.ic.ucsc.edu, User ID = rha, password = UCSC Gold)
Save the data

Upload (or download) a file by drag and drop.

Revised 28 March 2015 by Ralph Abraham