Web Design for the Classroom

Shadowbox fix

billselak — Wed, 29 Jul 2009 03:08:39 +0000

Problem: Suddenly, Shadowbox-JS stopped working. It’s a fantastic plugin that displays nearly anything in a shadowbox. But, it doesn’t work.

Solution: Go to Appearance > Editor > footer.php

Add this to your footer (there shouldn’t be much there):

billselak — Tue, 07 Jul 2009 23:41:16 +0000

Create a single web page (for you or your classroom), and set it up as your web browser’s default start page. Please include at least:

• 3 links to regularly used sites

• 1 embedded video (from slideshare.net, teachertube.com, or youtube.com)

• Appropriate color combinations to create a brand/style for your page (background color,

font color, font style, graphics, etc.)

• Cascading Style Sheet (CSS) attached

• 2

elements

• 1 local image and 1 licensed image from an external web site

• 1 “mailto” link

Due Week 5.

billselak — Fri, 03 Jul 2009 01:47:13 +0000

Tim wants to show off his amazing photos on a wp blog. Here’s how to add a shadowbox to wp.

It looks like this (below):

Make sure you installed Shadowbox JS plugin.

billselak — Mon, 29 Jun 2009 06:09:35 +0000

Create a brief autobiographical web page using TextEdit, Notepad, Dreamweaver, or TextWrangler. Please include the following markup:

, , , and <body> elements</li> <li>Background and font colors (using the element <color>)</li> <li>1 picture (using the element )</li> <li>2 headings (using the elements <h1> through <h6>)</li> <li>2 paragraphs of text (using the paragraph element <p>)</li> <li>1 “mailto” link (using the element <a href=”mailto”>)</li> <li>5 hyperlinks (using the element <a href>)</li> </ul> <p>Due Week 3.</p> </article> <article> <h1>syntax highlighter</h1> <p>billselak — Sun, 14 Jun 2009 09:12:09 +0000</p> <p>You can add code to your wp using <a href="http://www.viper007bond.com/wordpress-plugins/syntaxhighlighter/">SyntaxHighlighter Evolved</a>.</p> <pre class="brush: plain; title: ;">I can add html here add more to line 2 perhaps you can copy the line 3 code and paste it into your html</pre> </article> <article> <h1>The official 525 site.</h1> <p>billselak — Wed, 11 Feb 2009 01:38:49 +0000</p> <p>This main page is where you’ll find the latest news, comments, updates, and other blog-type stuff. Use this site to review information get links from a particular class session, and copy markup.</p> </article> </main></body></html>