Client-Server, decease HTML, FTP
You’ll need a text editor and an FTP program for this class. Use any applications you like, but if you don’t have them yet, please download:
You must have a web hosting account for this class. You can get one relatively inexpensively at Dreamhost, Bluehost, WebFaction, and many other places. (Steer clear of GoDaddy and 1and1 if you can, IMHO.)
How to set up your FTP account in Dreamhost.
How to use Cyberduck FTP http://www.youtube.com/watch?v=it4NyAH6ml8
Note: Don’t enter “www” as the path, as this tutorial does. The path depends on your particular server. Just leave it blank.
See also, Cyberduck documentation
- Download Cyberduck
- Download TextWrangler (or a text editor of your choice)
- Obtain the FTP credentials for you hosting account from your web hosting company
- Connect to your web host with Cyberduck, and upload file/s.
- Request a Lynda.com account through the NYU library. http://nyu.libguides.com/digitalstudio/appointments (It’s in the “Make an Appointment” form, but you don’t actually make an appointment.) It may take a day or two to get approved.
- Email me (email@example.com) your blog URL and preferred email address.
- Sign up for the Google Group for this class.
- As We May Think, Vannevar Bush, 1945
- Long Live the Web, Tim Berners-Lee, 2010
- Color Field Paintings (Browser), Michael Demers, in Net Works: Case Studies in Web Art and Design, xtine burrough, 2011 Do not worry about understanding the technical details in the article; we will discuss it on a conceptual level. Look at the work the article talks about here: http://michaeldemers.com/colorFieldPaintings_browser
Tech preparation for next week
- Very basic HTML Intro
- Lynda.com HTML Essential Training, Chapters 1 – 8
Tip: You can watch the videos at a faster or slower speed by switching to the HTML5 Player in the gear icon at bottom of video, and then clicking the “1x” button.
The takeaway: understand how to create HTML in a text editor and display it in the browser. Be able to use these tags: html,head,body, p, br, a, img, ul, li, h1, h2
- Optional: If you are already familiar with HTML and/or want to go further with CSS, Check out the Lynda.com course CSS Fundamentals.
- For reference:
- Mozilla HTML developer guide: https://developer.mozilla.org/en-US/docs/Web/Guide/HTML
- All the tags: https://developer.mozilla.org/en-US/docs/Web/HTML/Element
- All the attributes for the tags: https://developer.mozilla.org/en-US/docs/Web/HTML/Element
- CSS: https://developer.mozilla.org/en-US/docs/Web/CSS