Pixelpowrrr http://pixelpowrrr.ca/blog the revolution will be w3c-compliant Sat, 18 Dec 2010 17:52:56 +0000 en hourly 1 http://wordpress.org/?v=3.0.4 Your First Drupal Tools http://pixelpowrrr.ca/blog/2010/12/your-first-drupal-tools/ http://pixelpowrrr.ca/blog/2010/12/your-first-drupal-tools/#comments Sat, 18 Dec 2010 17:50:39 +0000 Pixelpowrrr http://pixelpowrrr.ca/blog/?p=53 Downloads

Filezilla is a free FTP client; you’ll use it to upload files (like Drupal modules) from your computer to your website. You can download versions for Windows, Mac and Linux.

The first Drupal module you should install is Plugin Manager, which will allow you to install modules right from your Drupal administration panel, without having to download them to your computer and upload them using FTP. Drupal modules are in a compression file format called .tar.gz—which is kind of like .zip except Windows doesn’t have the built-in ability to unpack it. You can install the free program 7zip to open .tar.gz files, but for the sake of speed I’ve made a .zip version of Plugin Manager available for download.

]]> http://pixelpowrrr.ca/blog/2010/12/your-first-drupal-tools/feed/ 0 A Very Simple Web Page http://pixelpowrrr.ca/blog/2010/12/a-very-simple-web-page/ http://pixelpowrrr.ca/blog/2010/12/a-very-simple-web-page/#comments Sat, 18 Dec 2010 05:15:29 +0000 Pixelpowrrr http://pixelpowrrr.ca/blog/?p=45 w3schools’ Tryit Editor is a great tool for testing out simple HTML and CSS; I’ve created a simple web page you can paste into the left-hand side to experiment with. Try substituting different colours, making the blockquote’s border dotted instead of solid, or deleting the line list-style-type: none;.

<html>
<head>
<title>Website Title</title>
<style type="text/css">
body {
background-color: #eeeeff;
}
h1,h2 {
font-family: Helvetica,Arial,sans-serif;
color: #666;
}
a {
text-decoration: none;
color: #ff5500;
}
a:hover {
text-decoration: underline;
color: #5577ff;
}
ul {
list-style-type: none;
}
blockquote {
padding: 10px;
border-left: 1px solid #ccc;
background-color: #fff;
}
</style>
</head>
<body>
<h1>Website Title</h1>
<h2>Sub-Heading</h2>
<p>This is a paragraph of filler text about nothing in particular. Here’s a link to <a href="http://pixelpowrrr.ca/blog/">some other website</a>. This is the second sentence, which contains no useful information. This is the third. And finally, the grand conclusion. Wow, I hope this took up a lot of space. Have a list of things:</p>
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<li>Item 4</li>
</ul>
<p>And now here’s <a href="http://pixelpowrrr.ca/blog/">a quote from somewhere</a>:</p>
<blockquote>This is a quote from another website. And some more filler text. </blockquote>
</body>
</html>

]]> http://pixelpowrrr.ca/blog/2010/12/a-very-simple-web-page/feed/ 0 Build-Your-Own-Website Workshop http://pixelpowrrr.ca/blog/2010/12/build-your-own-website-workshop/ http://pixelpowrrr.ca/blog/2010/12/build-your-own-website-workshop/#comments Sat, 11 Dec 2010 19:49:38 +0000 Pixelpowrrr http://pixelpowrrr.ca/blog/?p=35 Here are the materials from the website-building workshop we presented at last year’s AMC!

Build-Your-Own-Website Workshop Outline [PDF] – These are the notes we used for the presentation, basically a step-by-step guide to setting up and customizing a basic WordPress or Drupal website.

Pixelpowrrr! Zine [PDF] – And this is the (even more basic) zine we also distributed.

]]> http://pixelpowrrr.ca/blog/2010/12/build-your-own-website-workshop/feed/ 0