Category: <span>citsf222</span>

2015 in review

The WordPress.com stats helper monkeys prepared a 2015 annual report for this blog. It is pretty clear to me that I need to blog more! Essentially, I used this site in 2013-2014 to demonstrate what you (a UAF student) could do with a free blog on the WordPress.com site. Please …

Why Blog? Get Writing

You may wonder why we blog: First, you will learn about WordPress 8/19/2011 –  WordPress Now Powers 22 Percent Of New Active Websites In The U.S. 4/30/2013 (Has March 2012 data) –  How Many People Use WordPress: Statistics, Percentages, and Comparisons 9/2012 – With 60 Million Websites, WordPress Rules The …

The style attribute

Oh man! My instructor wants me to test out my css knowledge INSIDE of a WordPress post. How cool is that?! =) You can add the style attribute to many HTML commands in order to use CSS to style that element. Can you recreate this paragraph? What about this paragraph? …

Too small for normal relaxation

Too small for normal relaxation

This is a miniature sock monkey knit done on sock needles.

I’ve created this post to help students with adding images to WordPress pages. Also to uncover what absolute paths look like versus relative.

When you are using WordPress to add media to your page or post you go through a series of steps where you choose the image from your computer or from another source. Then WordPress builds the img src path and code for you.

On my own server I might use the following code to display a photo of a sock monkey.

<img src="images/sockmonkey.jpg" alt="A sock monkey knit on sock needles">

On the WordPress post, I’ll let WordPress build the link for me. It will look something more like this:

<img src="http://03c1256.netsolhost.com/WordPress/wp-content/uploads/sockmonkeysmallinprogress642.jpg" 
alt="A sock monkey knit on sock needles">


AbsolutePathWordPressFileTypes

USING GIMP FOR IMAGES

If you are using GIMP, you’ll need to EXPORT your image (versus save or save as). Go to the File menu and choose Export or Export As. Then save your image as a gif, jpg or png depending upon the type of image you just made.

ExportingImagesGIMP

Last June I thought I’d just make all of Aedan’s baby food… That worked really well for a few months. Then somewhere around Thanksgiving or a wee bit later it became more important for him to have more solid food. Still, I’m making quite a bit of his food, just …

Make your own (A)

Some of your posts just should not have (visually and creatively speaking) a massive title. See this other post without a title.

MakeYourOwn

Make your own

Last June I thought I’d just make all of Aedan’s baby food…

ED432Carrots-steam250 ED432CarrotsAbove250 ED432MostOfTheStoryCarrot-250s

That worked really well for a few months. Then somewhere around Thanksgiving or a wee bit later it became more important for him to have more solid food.
Still, I’m making quite a bit of his food, just not all.

Playing with Images & Tables

Learning HTML can be fun. Working with TABLES… not always as much fun. Working with images? Awesome! 7am 8am 9am Noon 1pm 4pm 5pm 6pm Christmas Eve Work Company Company/Family Christmas Day Do as little as possible Visit others (here or there) Company Enjoy time just with son I’ll use …

Using CSS in Posts

Oh man! My instructor wants me to test out my css knowledge INSIDE of a WordPress post. How cool is that?! =) Chapter 11 of our text is all about color. Can you recreate this paragraph? What about this paragraph? Okay, now it’s your turn. Go back to the module …

Text editors

I know, they are not sexy. However this is one of those posts. A, “it makes sense” to post it here. Not only that, but this way I can point my class to this post for more links, etc. [This is] A mini lecture, if you will. I primarily use …

Aligning images using CSS

In response to a question on using CSS with HTML “… the book does not illustrate how to use the CSS code on those pages” I am using a simple button to show how to align images. This snippet: img.align-left { float: left; margin-right: 10px;} img.align-right { float: right; margin-left: …

Stretch your legs!

In response to M3 blog assignment. What is it about animals with dolls?

Kitty with doll

You need to practice adding images. There are several ways to do it.

  • use an image you own the rights to, or use an image that is copyright free or has a Creative Commons license like
  • set up the image to be aligned to the left or right
  • have your blog text flow above and below the image.

The image shown here is prevalent on the web. I did an image search to determine the owner and found it in thousands of places (so says Google). I did track down at least one person who claimed to be the owner–online; that person was making this image freely available. I’m not sure I trust it, but there you go. The image I uploaded is the copy of one posted to Deviant Art. “Cute Kitty by gemeh.”

About HTML

About HTML

Take a moment to review this one page pdf on HTML. Once you’re done reading it go view the Code Academy basics at http://www.codecademy.com/tracks/web.