Before we begin, I would like to suggest that you create a subdirectory on your own host in a clients area, so that way while you continue to work on your client’s project, their current website can stay online to give important business information to its web traffic. If you are building their first website, then I suggest you make a lightweight info/contact page for their website to stand in place of the website to come. Additionally, you’re doing the client a favor by working on your own server during the design process, because search engines can typically see those pages (even when they’re not linked-to), and you don’t want bad traffic on their site — its bad SEO. With that said, let’s get started!

1. Install The Most Current Version of Wordpress

Go to www.wordpress.org/download/ and download the most current version of wordpress to your desktop.

Downloading the current wordpress version

After you’ve downloaded it, extract the zip to your desktop and open your ftp program. If you are using a mac, try Transmit by the company called Panic, its nice. Now, open your ftp and drag the contents of the wordpress folder into the root of your clients/ClientX directory (”ClientX” would be the name of your client, feel free to change it).

Next, go into your browser and navigate to that directory. The URL should look something like this: http://www.yourdomain.com/clients/ClientX/wp-admin/install.php. From there, you should see a special wordpress page that asks you for some information before it completes the install and database setup. Definitely check out wordpress’s instructions if you get hung up here.

2. Set up a theme that will facilitate a non-blog website

You have a couple choices for theming your wordpress site quickly. First, you can create your own theme from scratch and ensure that the page types are all covered. Second, you can download a free theme and just manipulate it until it works for you. For all intents and purposes, we will go with option 1 in this tutorial.

First, I’d like to explain some basic things that makes word press useful. There are different content types in wordpress (links, pages, blog posts). In your theme folder, you can make a .php file that will automatically be used as a template for that page type. So, for example, your website’s front page will be powered by index.php, and the About Us page is a separate content type, and thus you can have a different layout by having page.php in the directory of your theme. Similarly, you can have custom styling for the sidebar by having a sidebar.php file, the header area by having a header.php, and a footer area by having a header.php. If you require more in depth information about creating themes and their respective theme files, take a look at wordpress’s theme documentation.

Instruction 2.A: in your ftp, navigate to the theme directory which is located at:

www.yourdomain.com/clients/ClientX/wp-content/themes/

Now, create a new folder in the /themes/ folder with the same name as your client folder name all in lowercase with no spaces. So, for this example, the new folder structure is:

www.yourdomain.com/clients/ClientX/wp-content/themes/clientx/

It is inside this new folder that all of your site’s design, look, and feel will be based in.

Instruction 2.B: Create the following files and folders, and leave them empty for now.

• Directory named “images”
• Directory named “iestyles” (this is because eventually we’re going to make this website cross-browser compliant)
• 404 Template = 404.php
• Archive Template = archive.php
• Archive Index Page = archives.php
• Comments Template = comments.php
• Footer Template = footer.php
• Header Template = header.php
• Links = links.php
• Main Template = index.php
• Page Template = page.php
• Popup Comments Template = comments-popup.php
• Post Template = single.php
• Search Form = searchform.php
• Search Template = search.php
• Sidebar Template = sidebar.php
• Stylesheet = style.css

Your ftp filetree should look like this:

Theming wordpress - what your filetree should look like.

Once you have gotten to this part, you’re ready to begin designing your theme. Next up, the second part of the tutorial: Designing a graphical mockup of your theme, implementing it.

However, I was able to find a website that offers a download of Internet Explorer 5.1 and 5.2 for OSX. It was written for the Imac on OSX’s original platform, but is still usable.

What to consider when using this version of IE:
- It is really, really old.
- Any bugs that show up in IE 5 may have been corrected in IE 6, but likely haven’t.
- Therefore, making your site work in IE 5 means it will most definitely work in all later versions.

Download the old version of Internet Explorer for OSX here.

Q: What were all of those?

A: Python: a programming language that has been a major part of Google’s products. Django: a framework that uses python language. Meebo.com is built from Django, for example. Google Web Toolkit: it is a newly created Google product that makes cross-browser-compatible javascript and css output just from purely Java based web applications. You’d use this if you were planning on making a crazy webapp. ECLIPSE: its a programming interface that allows you to write code and manage file trees in an orderly little set of windows. Its typically used for more advanced stuff, such as C++ and beyond.

Ok. Now for the how-to.

In OSX, you have a command line program that Google Web Toolkit requires you use if you’re going to work on projects in Eclipse. A little background on Terminal, it is UNIX based and is the direct line of communication to your system, in the same way MS-DOS would for a PC. This was probably introduced around the time the apple guys came out with the Unix based version of their operating system, which got nicknamed OS X.

PATHS

This is by far the most frustrating part of using terminal. If no one has properly explained what path refers to what, then you’re going to be sitting there all night. By default, the path is set to your home directory. The home directory would be, for example, your name, if you were to open finder and select your name in the list on the left column. The contents of the yourName folder is Home.

Lets say your GWT folder is located at:

/John Doe/Documents/myBusiness/GoogleWebToolkit/

So in order to access any of the commands in GoogleWebToolkit, you’d have to navigate to that directory first by typing the following command (change directory):

cd "/John Doe/Documents/myBusiness/GoogleWebToolkit/"

Hit enter. You will notice that the command prompt will have changed to show that you are now in that directory. To view what is in the directory, type the list command:

ls

BTW, that was an L. You should see a list of all the things you have in the directory. So lets say you are in fact creating a new project in eclipse for GWT. You’d say this:

./projectCreator -eclipse myNewProject

Note: “./” comes before the text in this case because there is a projectCreator script that lives in that specific directory, therefore, we want the command to be executed WITHIN that directory (./ denotes this). If you were using a global command, you wouldn’t be using it. Project Creator is the name of the script that creates a new GWT project. “-Eclipse” refers to the fact that you want to create it inside the eclipse program, rather than another program. If you were going to use something else, specify in that space. Lastly, “myNewProject” refers to the name of your project. If you want to put it in a special directory, you can put the path before the name:

folder/subfolder/myNewProject

Of course, this is very basic stuff, but if you were anything like me, you were confused about it. Afterall, it doesn’t work the same way as MS-DOS did, so your knowledge of that must be ignored.