Categories

A sample text widget

Etiam pulvinar consectetur dolor sed malesuada. Ut convallis euismod dolor nec pretium. Nunc ut tristique massa.

Nam sodales mi vitae dolor ullamcorper et vulputate enim accumsan. Morbi orci magna, tincidunt vitae molestie nec, molestie at mi. Nulla nulla lorem, suscipit in posuere in, interdum non magna.

February 7

Back on track, we hope. Today we will

  • finish posts on Pew, Reuters and McManus and on Meg Liebsch’s visit
  • look at readings for next week’s post on Facebook, from CJR and Monday Note; as before the assignment is
    • is at least 400 words (this is down from 500)
    • includes at least one Tag and one Category for each
    • has a compelling title or headline, catchy lede, and conclusion (see the three blogging links from last week from Websitebuilder, SmartBlogger and copyblogger; you should return to these throughout the semester) a photo or graphic as you see fit (anyone get a photo of Meg?), and at least three links; here’s another link on good blog posts from Melyssa Griffin

     

  • add a Tech Notes page where we will link to an HTML/CSS page and a PHP page (see below) and an optimized photo
  • Assign Group 2 presentation for next week: Ryan and Brian will discuss apps and tools for journalists that come from this U. Texas list and from Val Hoeppner; in this case, you should give an overview and then select two or three to show or demo to us
  • Also look ahead and read the Pyramid of Competence slides from Poynter Institute which we will discus next week (and you will do a post)

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 will begin the hands-on with HTML and CSS (Briggs Chapter 1) . I’ll introduce PHP, which is what most blogs (such as WordPress) are written in. To give us a common source on these, we’ll use W3Schools.com.

w3schoolscom_gray

Here is what a PHP test page will show if you post it on alpha.lasalle.edu.

By Feb. 14, be able to write a basic HTML page with CSS rules embedded, and a basic page to test for PHP (sum of two numbers). We will post those to  alpha.lasalle.edu with FTP. The standard FTP client is Filezilla (note the URL).

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

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

  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 = alpha.lasalle.edu User name = (standard) Password = 1234567.abc (your La Salle ID, dot, first 3 of last name); put file IN your public_html folder
  5. View in the browser: URL is of the form http://www.lasalle.edu/~smithj1/test.html
  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 http://www.lasalle.edu/~smithj1/sum.php
  9. Make links to these two files, explaining what you did, on the Tech Notes page of your blog
  10. Save a copy of this photo, open it in Photoshop, reduce it to 500 pixels wide at 72 pixels per inch and JPEG quality of 80% (File-Save for Web and Devices). Insert it into your Tech Notes page:

fair1

Due Feb. 14 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

 

Be Sociable, Share!

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=""> <s> <strike> <strong>