Calendar 356

January 2015
« May   Feb »

Old stuff

January 27


Agenda for today. Be sure you are good with the following:

  1. You sent me the (correct) URL.
  2. Be able to optimize a photo in Photoshop
  3. Be able to post photos to your blog (Add Media button above the ribbon)
  4. In Settings, look at Reading to be sure your Blog is the home page and that there is enough of them to see them in the main blog window. Look at Permalinks and set those to Date and Name.  Under General be sure your blog Title and Tagline make sense.
  5. Start your Categories and Tags under the Posts menu and add those to the photo assignment that’s due next week.
  6. Under Posts, be sure your photo post has a reasonable title and Body Title if your theme (Appearance->Themes) has that.
  7. Be sure that you have at least the Admin/Meta/Log-in widget (Appearance->Widgets) in a sidebar. From then on, Log in via Admin, etc., not through
  8. Add widgets for Pages and Posts if need be (true on some newer themes)
  9. Explore the options for your Theme—does it allow sidebars, customization, etc.? Explore, add a new Theme, Preview it
  10. Check your Profile and follow the instructions from last week to add a gravatar through (Might be Users->Your profile; or go to, log in there and then Settings->Public profile->Change your Gravatar

Then our visit from Becca and Molly of Pheed Philadelphia. By next week, Feb. 3, you will write a 200-300 word post on the organization with at least one piece of optimized “art” (photo, logo, graphic), a title, tags and categories and chunks (50 or so words per paragraph). Later this week, I’ll post the video I shot tonight, mainly for use to check for good quotes.

Then Discussion #1 with Anthony, Christian and David.

Also …

Then we’ll discuss the difference between the Internet and the World Wide Web (they are not the same thing; take a look at this WIRED article and Briggs Chapter 1). We might be able to begin the hands-on with HTML and CSS (Briggs Chapter 1) . I’ll introduce RSS (and XML, which it’s made of) and PHP, which is what most blogs (such as WordPress) are written in. To give us a common source on these, we’ll use


Some examples: Here’s an RSS feed I made for a DART class (try it in Firefox). Here is what a PHP test page will show if you post it on

By Feb. 10, be able to write a basic HTML page with a CSS rule embedded, and a basic page to test for PHP (sum of two numbers). We will post those to with FTP. The standard FTP client is Filezilla (note the URL). You can also experiment with RSS readers and install one either here or at home. I used CITA but it got buggy, so I switched to

(We’ll come back to all this as needed later on.)

Here is the Homework Assignment for HTML, CSS and PHP:

  1. Create an HTML page in Notepad with the basic skeleton (see Briggs p. 23) that includes: <h1> <p> <ul> <a href=”blahblah” target=”_blank”>
  2. Add CSS rules (Briggs p. 29) for body {} h1 {} in a <style>   </style> element in the <head> element
  3. Save page as test.html in Notepad.
  4. FTP that using Filezilla to Host = User name = (standard) Password = 12345_abc (first 5 of SSN, underscore, first 3 of last name); put file IN your public_html folder
  5. View in the browser: URL is of the form
  6. Make a PHP page with the basic HTML skeleton, call it  sum.php with a section of PHP <?php … ?> that declares $a =5; $b = 7; $sum = $a + $b; echo “The total is $sum”;
  7. Also FTP that page to your public_html folder
  8. View in the browser: URL is of the form
  9. Make links to these twofiles, explaining what you did, on the Other page of your blog

Due Feb. 10 at the end of the day. If you cannot get in to the alpha server, let me know today and I will have IT send you a new password this week

The Filezilla window


Share and Enjoy:
  • Print
  • Digg
  • Facebook
  • Mixx
  • Google Bookmarks
  • Blogplay
  • Technorati

Leave a Reply




You can use these HTML tags

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>