Make a Basic HTML Page with Headers & Paragraphs

[iframe 420 315]


Get started making websites now. This is a beginner-level video on how to get started making web pages. It begins with a template you can download and begin using now, and ends with a very simple biography page with two levels of headers and two paragraphs of text.

I decided to pull any references to my name off of the video since it’s published on YouTube, which offered a great opportunity to have more fun (with the blur tool and a Monty Python reference).

Happy CSEdWeek

In honor of CSEdWeek (Computer Science Education Week), I have a pledge to you all: I pledge to post a lesson plan or resource for every day of the week. I am a little behind, seeing as it’s already Tuesday, so I have some catching up to do.

Let’s start with Sunday, the first day of CSEdWeek. Since there’s no school on Sunday, I decided to turn my attention towards the usefulness of computational thinking around the home with my sock-sorting algorithm. Yes, you heard me right. Now, you can apply computational thinking to doing your laundry. But first, you might be wondering what I mean by computational thinking.

What is Computational Thinking?

Computational thinking builds on the power and limits of computing processes, whether they are executed by a human or by a machine. Computational methods and models give us the courage to solve problems and design systems that no one of us would be capable of tackling alone.

The beauty of computational thinking is that is helps us learn to use computers to solve problems or simply solve problems in any arena, such as dealing with the sock problem.

The Sock Problem

You’ve been there; I’ve been there too. Your laundry is piling high; your shirts are crushed under the weight of the three-plus loads you never bothered to fold; and now, your kids are looking for their underwear under their beds, in the laundry hamper, and anywhere but where they are supposed to be.

You head out to the laundry room, grab that pile of clothes and begin sorting. You start with the towels—they’re easy to find, easy to fold, and take up most of the bulk. Next, you find pants and shirts and go to work on them. Things are going well, in little to no time, your mountain of clothes is now more like the steppe of clothes.

You’re back is getting sore, but you plod on. You deal with t-shirts and underwear, and then, at the bottom, you see them: the socks. They lie in wait . They are the wiley clothes; in the many years you have folded laundry, you’ve never seemed to have completely folded them all. They are the smallest of the clothes, so even though they take up an eighth of the bulk of clothes, in number, they represent over half of the items in your laundry. If this weren’t bad enough, after dealing with the 30-some items of laundry, you’re still left with mis-matched socks and orphans. We’re they leftovers from a kid sleepover? Did one get lost at the last campout? Did they slip through your drier into another dimension…?

Few sober-minded laundry folders savor the thought of dealing with the socks. Socks are, after all, the dregs of laundry. Typically the last thing a person wants to do is go through this hodge podge of clothes: a sock jambalaya, as it were. Really, who in their right mind wants to go through the tedium of sifting through the 40+ socks to find their mates and return them to home base? What you need is a sock folding algorithm.

The Solution

The solution takes on two phases: divide and conquer and sort and match.

Divide and Conquer

Phase one has two steps that each follow the classic, Divide and Conquer algorithm. It’s where you divide your targets in half (or thirds or quarters). By doing this, you are able to focus on no more than half  of the possible outcomes at any given time. We’ll still have to deal with both halves in my sort, but this method helps you to not concern yourself with all the possiblities and focus on a manageable chunk.

With this in mind, the goal here is not to overthink.

  1. Begin with a general sort by color: this is no time to think, this is time to quickly toss your socks into one of two (or three) piles:
    • Whites
    • Darks
    • Multi-colored (this is optional, but often times necessary near the holidays)
    • Feel free to add a stack for greys &/or browns (also optional)
  2. Sort by Size: Take each of the three piles and apply one more general sort. Again, this is a quick divide and conquer sort without any thinking. The more you think, the longer and more cumbersome it becomes.
    • Short Socks here you want just socks that go no higher than above the ankles
    • Long Socks any sock longer than ankle length go in here

Apply a Sort to the Remaining Piles

At this point, you have 2-3 or so stacks of socks. It didn’t take long at all because you quickly divided them. Your job now is to sort each stack. There are all kinds of sorting methods, but there are two sorts worth mentioning: the bubble sort and the network sort. Some computer scientists will scoff at me for using the bubble sort, but remember, these are socks, not a table of database records.

The Bubble Sort: this is actually one of the most inefficient sorts as far as computer science goes, but in a short stack of maybe 10-20 socks, you probably won’t know the difference. Here’s how it goes. According to

Bubble sort involves going through the list again and again, swapping any objects sideby-
side that are in the wrong order. The list is sorted when no swaps occur during a pass
through the list.

Technically, you aren’t actually sorting now. Instead you are matching socks with their mates, but the idea is the same, compare one sock to another, if it matches, fold them and pull them from the stack.

Network Sorting: in a network sort, you are applying multiple “threads” of sorting. You really need to watch the CS Unplugged Video on Sorting Networks or review the online lesson plan. Here’s how it works:

  1. Line all the socks from the remaining pile along the back of a couch
  2. Get your spouse and children (if you have them) to line up side by side starting on the left-hand side
  3. Each person takes a sock in front of them and compare to the person on your right.
    • If they match,
      • fold them.
    • If they don’t match,
      • check to see which of the two is smaller and put the smaller sock on the left and the larger on the right
  4. Continue this process until all are sorted or you’re left with sad lonely socks

What do we do with the left-overs?

I knew you were going to ask. This depends on your attitude. If you notice that a particular sock never seems to have a match or has a hole in it, it’s time to send it to the cleaning rag pile. If that solution does suit you—maybe you’re more the creative type—you could make a sock monkey or finger/hand puppet.

I’m sorry that my solution doesn’t sound much like computational thinking, but according to the Exploring Computer Science (ExploringCS) Curriculum…

analysis of various solutions and algorithms will highlight problems that are not easily solved by computer and for which there are no known solutions. (p. 21)

Maybe the leftovers are a traditionally unsolvable problem by computer standards. If so, maybe it can become a Turing Test.

OSU SuperQuest WordPress Showcase

I wanted to show off the brilliant work of my WordPress workshop participants from the Web Design: from Soup to Nuts course at OSU a few weeks back. Students (mostly teachers) learned about the core web technologies used in WordPress (X/HMTL, CSS, PHP, JavaScript, MySQL), manually installed WordPress on a server, developed a blog or website using WordPress, and learned how to modify the layout & structure of their site using the Appearance Editor.
Click a thumbnail to visit the site:

Sanders' Resources

Sander’s Resources
Image of Rainy Day Books Website

Rainy Day Books
Picture of Math Dude screenshot

Math Dude’s website

Picture of the Literature website

Literature is About Life web site
Image of THS Tech website

Tigard High School Tech Website
Picture of Twenty-Five into Twenty-Four Website

Twenty-five into Twenty-four Website

I had more participants, but I’m still waiting to see if they’ll send me the links to their sites. If I get more, I’ll post them here.

Web Design from Soup to Nuts PowerPoints

This post is intended for all OSU SuperQuest workshop participants, but I share the resources freely for all the world to see. I hope the notes make sense out of context.

Web Design From Soup to Nuts Introduction

Web Design From Soup to Nuts Day Two

I should make the disclaimer that I never did codify the explanation of MySQL and PHP in a PowerPoint presentation, so there is no record, other than oral tradition. If you would like an overview of MySQL and PHP, you should read the W3School’s tutorials on MySQL and PHP.

Hello, Corvallis!

I want to give a shout out to all my workshop participants hanging out in Corvallis with me this week. Yo!

In case you’re wondering, I’m back at OSU for the SuperQuest Summer Institute to present a workshop titled, Web Design From Soup to Nuts: Develop Your Own Word Press Site. The workshop starts on Tuesday and goes through Friday.

When planning our offerings, we decided to hit web design from a new angle. I chose to make Word Press my vehicle for teaching the many technologies used in Web Development: HTML, CSS, PHP, MySQL, & JavaScript. I chose Word Press because

  • it encorporates all major aspects of web development
  • it’s quite easy to peek behind “the curtain” of the magic of this content management system (CMS)
  • it’s also easy to swap out new themes and tweak with the designs
  • it quite frankly “rocks the casbah

Today, I presented a sampling of CS Unplugged to around 20+ teachers, many of whom were completely new to CS Unplugged. In just a little over an hour, we counted in binary, became human fax machines, and played battleship using linear, binary, and hash searching techniques.

Computer Science: STEM’s Bastard Child

“The basic issue is that the nation is understanding rightfully the importance of STEM education, and computer science is being largely left out of the conversation,” he told me, “although if you were to look where the job demand is going to be and what drives the economy, … computer science is huge.”

I’m trying to teach Computer Science, but everywhere around me, computer science programs are being cut, teachers are being let go, and those of us still around feel like a dying breed. States are ramping up their core curriculum standards and emphasizing STEM, but they are all leaving out the “T” (for Technology).

I’m guessing part of it is because at some point, some idiot thought that giving kids access to computers was going to turn them all into computer scientists or innovators or something like that, and then they thought “there, we did our job.” 

Unfortunately, learning how to navigate to a web site, or do a google search or write a paper on a word processor does little to teach computational thinking, software engineering or information technology.

Computer Science is the underlying foundation of our economy, and yet it’s just an elective that can be placed on the chopping block when times get tough. A professor at the University of Oregon told me that Biology graduates cannot get hired if they don’t have a computer science background. What’s the point of Science and Math if you can’t figure out how to apply it or harness the essential processing power of computers to conduct the much needed analysis of huge chunks of data that is core to most, if not all, science disciplines.

Help save computer science, take computer science classes, encourage your friends and friends’ children and neighbors to take computer science courses or join robotics clubs. Tell Obama that it’s not just about funding green energy.

I have another idea, download Scratch, or Alice or Python or something and get your kids creating video games and animations. What they won’t realize is they’ll be learning fundamental computer science concepts at the same time.

Is Failure the Crazy Uncle? posted a great article from Katy Williams, titled, “If Necessity is the Mother of Invention, Is Failure the Crazy Uncle?”

Failure is just an intrinsic part of the innovation process…For, if you are hard at work on a problem, and are busy discovering all of the things that your work is not, you might finally stumble upon that which it is. Through your stumbling, you may come to understand the intricacy of your subject in a greater depth – or an entirely different light – that would not have been possible had the path been straight and unencumbered.

I wholeheartedly agree with the article. As Randy Pousch once said,

The person who failed often knows how to avoid future failures. The person who knows only success can be more oblivious to all the pitfalls.


Experience is what you get when you didn’t get what you wanted. And experience is often the most valuable thing you have to offer.

CS Unplugged in Eugene

Hello all teachers, administrators et. al. who have attended my CS Unplugged workshop in Eugene. I’m presenting a taste of CS Unplugged at the OACTE Spring Conference in Eugene, OR. I only have 1 hour and 15 minutes to attempt to cover 3 topics.

Below are the PDF versions of my presentations:

I hope I can get to the Searching Algorithms part because I have an idea for an epic human battleship contest. I spent much time preparing party hats and purchasing goodies for the winners. I might have to switch my initial order of events to make sure we can play battleship.