Archive for November, 2008

On Expertise, Self Promotion and WordPress

Cory Miller wrote a piece the other day that I found really interesting, it was on becoming an authority and why he started using WordPress. It reminded me of a lecture I used to give in college about the power of the internet and how my first year students should become expert bloggers to help secure their own futures in the industry.

Most of my students wanted to work in the video game industry as 3D animators, artists and modelers but they lacked professional experience and portfolios. This was in my opinion a perfect example of how to use WordPress to get a job and in the process, become an expert.

Here’s the basic plan and the strategy that I shared with students term after term …

First, register a domain name and setup hosting. Ideally, you’ll want to do this on your own domain name but if you’re really stretched and can’t afford to setup a $100 website, you can do it for free on WordPress.

Step two, find a template theme for your website. It’s easy, there are plenty of free WordPress themes here on my website or you can find thousands on the web.

Now, setup your site and add your theme … now the tough part … start writing and posting every day. For students this shouldn’t really be a problem, pay attention in class and when you get home write about what you learnt that day and post the results to your blog. If you do this every day, eventually you’ll find that others are coming to your website to read about it and eventually, you’ll discover that they’re telling their friends about your cool, free lessons.

Step Four is where it gets really scary, spend some time on Google and find ten forums about your subject matter and 25 other blogs. Every day, visit two of the ten forums and try to get to at least five of the 25 blogs, every time there’s something you can contribute … do it. Answer questions, ask questions, comment on work, offer advice, support the authors and be constructive. If there’s an opportunity for you to link back to an article or tutorial that you’ve written, do it.

Keep doing this every day, using RSS feeds whenever possible to keep track of your favorite authors and eventually you’ll discover that you’re not just a student in the industry any more, you’re an active member of the community and maybe one day … if you’re lucky, you’ll be an expert in it.

Laid Off Technology Workers Find Work Online

Some of you may remember that I left my job at the university a couple months back, I’ve had a lot of people ask me what I’m doing these days and I tend to simply answer that I’m working from home. The trick is, most people have no idea that you can work for yourself from home these days but it’s actually very easy.

Elance – One of the oldest and best sources for online projects, Elance spends a ton of money getting people to post their projects here, all you need to do is compete with offshore agencies. There are also some Elance-like sites you might want to investigate:

LinkedIn – Some of you will remember my Career Management class at the local college, I call it BEER. Beer doesn’t stand for anything, it’s about social networking and using tools such as LinkedIn to cultivate professional contacts. While you’re at it, let people on your Facebook and Twitter lists know you’re in the market.

CraigsList – One of the best sources for work I’ve found, CraigsList and Kijiji easily keep me in 40+ hours of freelance work a week. The trick is to make proper use of RSS feeds to really get a handle on the listings.

Speciality Job Sites – Take a look at sites like jobs.wordpress.net if you’re into building WordPress blogs or moodle.org for Moodle specific work.

There are a couple of posts worth taking a look at if you’re fresh to the freelance market:

Help me out, if you know of any other great sources for people looking for freelance work please post it below, I’m sure my readers would love to know about them!

Free WordPress Theme – Pink Flowers

Pink Flower Theme

Pink Flower Theme

I’ve just wrapped up another free WordPress theme for you guys, it’s a clean and simple traditional blog theme using a lot of pink. Some people have previously commented that some of my themes are a little bit less manly than they could be but there’s a reason I choose to do these themes in pinks and blues … because there are not a lot of themes out there in pink and blue.  

As with all my themes, this one is setup to be Search Engine Optimized and makes use of proper title tags, document hierarchy and W3C compatible xHTML / CSS so even if you don’t know a thing about making cool websites, this theme is already designed for you.

Speaking of design, a special thanks to designious.com for creating the awesome flower pattern and to Smashing Magazine for making it available for free.

One other note, this theme makes use of my really cool WordPress technique for showing both icons and text in your WordPress links.

The theme is 100% free, I designed it with an ad on the left hand sidebar but you can easily remove it in the sidebar.php file (it’s even commented) all that I ask is that you don’t change the footer, but even that’s optional. If you’re using it, I’d love to hear from you.

Web 2.0 style buttons

circle Web 2.0 style buttons imageA good friend of mine just posted 12 Free Vector buttons to use for your website (or print work), these are great and definitely worth downloading if you’re looking for high quality artwork for your website. He has also posted a tutorial on how he created buttons in Illustrator, if you want to do it from scratch.

How to make a website look good in multiple browsers.

As some of you may have noticed over the past day or so I’ve updated the theme for thisismyurl.com, this has changed the overall look for the site but it’s also lead to a couple of interesting questions from some of you. As an example, one of my testers came back to me with a couple of screen shots and asked why the Shameless Self Promotion box to the right looked different in Safari vs. FireFox.

shameless both How to make a website look good in multiple browsers. image

The answer of course is that each web browser, while programmed to display the same content chooses how to display that content differently. When a web developer designs a website, the first thing that they must do is decide upon a starting point and work outward from there, correcting issues as they appear. In my case, the first thing that I do is program a website for Safari on the Macintosh and then after I have everything appearing exactly as I want it in the first browser, I test it in the next.

In my case, this is the order I build for:

  1. Safari for Macintosh
  2. Safari for Windows
  3. FireFox for Mactinosh
  4. FireFox for Windows
  5. Internet Explorer 6 for Windows
  6. Internet Explorer 7 for Windows
Now … some of you will point out that it’s a strange oder, considering first that Windows makes up more that 80% of the market and that Internet Explorer accounts for 50% of the traffic but to that I would respond you’re correct. However, I would also make a point of saying Safari is the most W3C compliant and, it happens to be what I use on my MacBook.  Building for one platform first means exactly that, I build for one set of rules first and then ensure the design is migrated to each of the other platforms only after I am happy with the changes to the first.
When you’re doing this, always remember to check that the edits you’ve done for later browsers does not have a negative effect on your earlier browsers. In my example above, for Apple Safari I used the following code to create my Shameless Self Promotion effect:
<div id=’shamelessselfpromotion’>
        <p><strong>Shameless Self Promotion</strong></p>
        <p>I’m a <a href=”http://www.thisismyurl.com/services/”>freelance web designer, web master and developer</a>. I build business solutions for the internet, consult on WordPress projects and help build better websites. If you’re looking for a helping hand, <a href=”http://www.thisismyurl.com/about/contact/”>send me a message.</a></p>
</div>
#sidebar #shamelessselfpromotion {
background-image: url(images/chrisross.jpg);
background-repeat: no-repeat;
background-position: 55px right;
padding: 0px 150px 0px 0px;
}
After viewing it in FireFox however, I had to edit the HTML and CSS to look like this:
<div id=’shamelessselfpromotion’>
        <p><strong>Shameless Self Promotion</strong></p>
        <p><img class=’alignleft’ src=’

http://www.thisismyurl.com/wp-content/themes/thisismyurl/images/chrisross.jpg

‘ alt=’Christopher Ross’ title=’Christopher Ross’/>I’m a <a href=”http://www.thisismyurl.com/services/”>freelance web designer, web master and developer</a>. I build business solutions for the internet, consult on WordPress projects and help build better websites. If you’re looking for a helping hand, <a href=”http://www.thisismyurl.com/about/contact/”>send me a message.</a></p>
</div>
#sidebar #shamelessselfpromotion {
width: 300px;
}
As you can see, the code edit was rather minor but needed to ensure the page was compatible in both FireFox and Safari, as a side benefit it also ensured the page was compatible with Internet Explorer and the Wii.

What is RSS? How can you use it for your business?

rss What is RSS? How can you use it for your business? imageI had a meeting with a local business owner the other day, nothing formal just coffee at a local java joint but the conversation turned to an event he was involved in and I asked him for his website address. Oddly, he didn’t have one … which horrified me but it also reenforced a belief that I have, most people don’t understand how the web works or what it’s all about.

That’s the thing about RSS feeds as well, most people simply have no clue what an RSS feed is or why it’s so important for their business. Now, some people translate RSS to Rich Site Summary but personally I like Real Simple Syndication … which is right I have no idea but what I do know is that if you’re a small business or run a website, having an RSS feed is as important as air.

What is an RSS feed?

An RSS feed is a method of communicating between computers, websites and software. In it’s simplest form, an RSS feed acts as a summary of what’s on your website. The file is written in a format understood by other computers and placed in a logical location on your website.

On my website for example, I have an RSS file located at http://www.thisismyurl.com/feed which updates every time I post an article or update a page here on my site. Since other websites and surfers know about it, they can request it instead of scanning my whole website for new content.

How does somebody use an RSS feed?

Since RSS feeds are pulled from your website instead of pushed from it, users need to subscribe to your feeds. They can do this using a news reader such as:

NewsFire for Mac, showing over 2,500 new articles that I'd like to read.

NewsFire for Mac, showing over 2,500 new articles that I have subscribed to.

Microsoft Windows 

Apple Mac OS 

GNU/Linux 

Web 

They can also use an online RSS reader or import content directly from one website to another. For example, every time I post an article here on thisismyurl.com my FaceBook profile and my Twitter status is automatically updated. This saves me having to post in multiple places, while it also helps people know what I’m up to.

The updater tells me when new articles are published.

The updater tells me when new articles are published.

What is the purpose of an RSS feed?

 

The purpose of an RSS feed to to help people stay informed. Sites which publish an RSS feed help to keep their audience informed of updates, while people using RSS feeds are kept up to date without having to sift through hundreds of pages of content.

How does a company benefit from using an RSS feed?

Back to coffee date, this is what I found so surprising … the person I was having a coffee with couldn’t understand how his business could benefit from making it easier for people to know what was happening at his company. He spends thousands on newsletters, flyers, ads and online marketing but … when people want to know what he’s up to? Nothing.

RSS feeds are most commonly used for news agencies such as the CBC here in Canada, you can subscribe to dozens of news broadcasts including audio and video feeds (sometimes called PodCasts) but it’s also great for businesses such as restaurants looking to promote their new menu or charities hosting events. Real estate agents can use RSS to notify people of houses, car dealers can list new vehicles or authors to announce new books.

Remember, the purpose of an RSS feed is to provide people with easy access to what they want to know about, which hopefully is your business.

The business impact of social networking

Social networking fosters collective intelligence, collaborative work and support communities. Tools and behaviors from the consumer world are now making the transition to the corporate world, with diverse implications for changing the way businesses operate. This paper explores 10 opportunities presented by social networking, along with 10 associated challenges.

http://www.business.att.com/enterprise/exchange_resource/Topic/technology-trends/Whitepaper/the_business_impacts_of_social_networking/

Bloody Mess of a WordPress Theme

bloody hell 288x300 Bloody Mess of a WordPress Theme image

This theme started out as a Christmas theme for WordPress but when I couldn’t find a good set of Christmas lights it all went horribly, horribly wrong. It’s based off the Free Community Friendly Theme I did earlier today so you can see how easily things can be modified.

As with my earlier themes, this one is optimized for search engine optimization.

Cliffside Malibu Addiction Treatment

drug rehab alcohol rehabilitation center addiction treatment program detox 20081121 300x300 Cliffside Malibu Addiction Treatment imageCliffside Malibu Alcohol Rehab Center provides it’s clients with meticulously honed to support for drug and alcohol addiction recovery, their website (cliffsidemalibu.com) is an online information portal for potential addicts and their families who are looking for information about not only the center but also addition treatment.

In an earlier post, I discussed the four basic principles of design as laid out by Robin Williams in her book, The Non Designers Design Handbook:

  • Contrast
  • Repetition
  • Alignment
  • Placement

Let’s take a look at how the website does on these key points and take a closer look at the structure of the site itself.

Contrast
Remember, contrast is the state of being different from something else. With this site the header (dark blue) is clearly different from the content and menu structure, which ensures the reader is quickly capable of differentiating between the content areas.  

Repetition
Unlike Contrast, repetition calls for things to be the same. In this case, items that are the same should be the same, such as the menu items and with this website we clearly see the menu items across the top are the same. Throughout the website, headers are consistent and common design elements are carried through the site.

Alignment
S
imply put, do things line up. With this site the side menu has a specific structure which uses both repetition and contract but also alignment to ensure the items line up in a logical order. This increases the users ability to coastline a series of menu items and select the right depth quickly and easily. 

Placement
On a website, placement is possibly the most important element a design can use. Where we place items has a direct relationship to how the user accesses information on the site. In the case of the Cliffside Malibu center, important details such as their phone number are placed at the top of the page while less significant items are placed at the bottom, this ensures readers can easily find what they’re looking for.

Overall, the center follows the four basic guidelines for a well designed website and has created a site which fulfills the key objectives of helping the public find information about alcohol rehab while also promoting their own core business.

Free defrag utility for Windows

ultradefragscreenshot 285x300 Free defrag utility for Windows imageAnybody who knows me in person can tell you that I’m a Mac guy, I carry a MacBook with me everywhere I go, if my high school family studies class had given me a MacBook instead of an egg to care for the little bugger might have survived but alas, a little known fact about me is that I’m secretly a PC user as well.

It’s true, I go both ways.

My MacBook is small and light, it’s powerful and easy to use but I also run a Windows XP computer (named Bob) at my home for gaming and testing as well as a Windows 2000 machine for testing and dual booting to Linux for application testing. The problem is, Windows machines need to be de-fragmented regularly and I always find the built in Windows defrag utility lacking.

Enter UltraDefrag, an easy to use and free windows defrag client that I stumbled upon the other day with the help of an article at tech-buzz. Actually, they had two great articles on the subject of defragging.

UltraDefrag is a small, simple to use and free utility for defragging your Windows computer and includes the ability to fix your fragmentations at startup. It lacks good documentation but that’s easy to get around with a little bit of common sense … click either Analyses or Defragment depending on which you’d like to do. Another great feature is that it provides you with a list of files which are still fragmented after it’s run, which is invaluable to helping you understand why your computer is running slowly.

What is fragmenting?

Silly thing, but some people might know what file fragmentation is so let me explain it to you in a very simple overview, the same way I explained it to my son last week.

example of fragments1 204x300 Free defrag utility for Windows image

Your computer hard drive is like a big green LEGO board and your files are standard LEGO pieces. As we know, most LEGO pieces are all different sizes and files are the same. When you go to save a file to your hard drive it writes the file to the first available slot and does the same with each extra file you go to save. As long as you don’t delete anything off your computer, it keeps writing files in a linear order. However if you delete a file it leaves a space which your computer will try to write into … regardless of the size of the file. 

To ensure it can fit the file into the space, your computer will split the larger file into a piece that will fit into the hole and write the remaining piece (or pieces) in the next available holes resulting in file fragmentation.  As you can see in the example to the right, the red file is now fragmented, when your computer tries to load the file it will have to go to multiple areas of your hard drive to find the pieces and then put it back together again before it can be used.

What programs such as UltraDefrag do is reassemble the files into one consistent file on your computer and move it to an available area of your hard drive which in turn saves your computer time and resources when looking to load the file.

Yorkville University

Yorkville University

Yorkville University

The result, a dynamic and professional website that can updated quickly and results in high search engine positioning.

Working with Christopher Bavota, I recently wrapped up work on the Yorkville University website. The website makes extensive use of WordPress to power a search engine optimized publishing system as well as Google Analytics to ensure near real time reporting for marketing and web statistics.

The artwork offers an expandable framework to accommodate the projected growth of the school while the site itself is built to be W3C compliant and work on browsers ranging from a Nintendo Wii and various handhelds to traditional web browsers. The site was fully tested across mobile platforms using Adobe Device Central and three operating systems.

Google maps flu trends across the US

google flu trends 20081112 276x300 Google maps flu trends across the US imageBetween 5% and 20% of Americans will catch the flu this winter. Influenza symptoms can include fever and come on quickly. The virus is highly contagious and spreads quickly but there’s a new player in the fight against this seasonal visitor. Google has just launched the Google Flu Trends (http://www.google.org/flutrends/) application to help map the flu as it spreads across America this winter.

Google.org, the company’s often ignored philanthropic unit believe that it may be able to detect outbursts of the flu and other diseases a full week or 10 days before they’re reported by the Centers for Disease Control and Prevention. Google used search data to detect spikes in queries about flu symptoms almost two weeks prior to the CDC report. 

The new service, available at www.google.org/flutrends using the Google Trends engine to data mine the search data and create maps of the country which in theory will show where the flu is spreading. This information will help public heath officials and hospitals accelerate the response of medical professionals by alerting officials to flu outbreaks before traditional reporting systems are capable of correlating the data.

The flu results in about 36,000 deaths annually in the United States, with this new data the hope is that institutions will be able to put measures in place sooner by detecting the flu before it spreads to dangerous levels. Other web tools designed to track infections such as www.whoissick.org requires people to report their illness voluntarily and then displays the information on a map. The Children’s Hospital Boston and Harvard Medical School use a tool called HealthMap which scours the web for blog entries and newsletters on the subject but access to Google’s search queries should prove to be the most valuable source of data on the subject.

In my opinion, this is a great example of how technology can be used to help mankind. 

While researching the new flu trends tool, I also found these websites contained a lot of useful information:

Save Flash Video games from the Internet

This morning I received an email from a friend who wanted a recommendation for software to help him download a Flash based game from a popular website. He was going to be on flight and wanted something to play on his laptop when he got bored. 

I don’t support piracy and in good faith have to tell you up front that protecting people right to make money is a strong belief so please check with the terms of service for the game and the website before doing this but … if the publisher has no issue with you downloading the game it’s simple:

  1. Load a page with the SWF game on it
  2. View the source code of your document
  3. Find the tag which will specify where your SWF is stored
  4. Open a new NotePad document
  5. Write this code: <a href=’URL’>Save this</a>
  6. Paste the URL (http://novelconcepts.co.uk/FlashElementTD/FlashElementTD.swf) as the href value, replacing the phrase URL in step 5.
  7. Save your document as an HTML (.html) document
  8. View it in a web browser
  9. Right click the link and Save to your desktop
It’s a pretty simple process and a great way to pass the time while on an airplane but please, before you download these games please verify the site is OK with this. 

Eight Ways to Make Money Online

In August, there was a great article in Information Week called 8 Ways to Make Money Online, I have to admit that I stole the title from them but then again I think Forbes did the same when they published their piece called In Pictures: Eight Ways To Make Money Online

Here’s the trick to making money online, you won’t get rich. That’s a bitter pill for most people to swallow but sometimes it’s not about getting rich, it’s about helping to make the bills and earning money while you’re doing other things, a little at a time.

A few years ago I read a book called Rich Dad, Poor Dad in which the author discusses how to make money and the power of a hot dog cart. In essence, he explains that the way to get rich isn’t through great ideas but by generating money while you sleep, eat or even play with the kids. That’s the trick with the Internet and making money on it, I get paid a great salary consulting for businesses around the world but I also make money every day just by running my websites.

Think about that, it doesn’t matter if I’m sick or on vacation, if I’m playing in the backyard or taking out the trash. My websites, my online stores and my games are all making me money everyday. 

Here’s how I do it:

1. Affiliate Programs – See that link for Rich Dad, Poor Dad? Click on over to Amazon and buy it, you’ll get a great deal and I’ll earn a couple of dollars for sending you to them. That’s how Affiliate programs work. I have a similar deal with BlueHost, one of the best hosting companies around, who also happen to pay me each time people sign up with them.

2. Pay Per Click Advertising – By far, the best known source for advertising revenue is Google’s AdSense. With Google, you can place a small piece of JavaScript code on your website and they’ll present your users with advertisements from related sites. Each time a visitor clicks on one of the ads (mine are located to the right on this page) you’ll receive a small amount of money from the advertiser.

3. Affiliate Advertising - Throughout my website you’ll see small ads measuring 125px x 125px, these ads are for products and services that I’ve selected for my website. Unlike Pay Per Click Ads which pay each time you click them, these advertisements work more like the Affiliate Program model, with money being paid for sales received from my referrals.

4. Write Quality Content – Regular readers here on my blog will know that I’m a huge believer in writing quality content, what they might not know is that I also sell my work to other websites and to other bloggers who need quality content for their own sites. Sites like elance.com and helium.com are great sources of professional writing projects.

5. Photographs – Web site such as istock.com will pay you between 25¢ and $3 each time somebody wants to download your photography. With the advent of digital cameras, it’s easy to upload hundreds of quality photographs to websites and earn royalty cheques each month.

6. Sell Stuff Online – Use websites like eBay, Kijiji and CraigsList to sell everything from old LEGO to quality services. Some are free, some cost a little. I wrote a piece called Making Money Online all about this. 

7. Be an Expert – Using tools such as Adobe Acrobat Connect, it’s easy to run online web seminars. Running these virtual training sessions allow people who live in remote areas to attend virtual conferences, learn from experts and take part in discussions without having to travel.

8. Create Content – We’ve already touched on the fact that you can sell photographs and writing but if you’re an illustrator or an animator, why not use those skills like I do? My content sells to people all over the world on websites such as istock.com and even Second Life.

During the course of writing this article, I found the following websites great sources of information:

Placing page content in Adobe Dreamweaver

So far in the tutorial series of building a website in Dreamweaver, I’ve focused a lot on the Template including the header and footer elements but now I want to take a bit of time and look at the content area of a website. 

In order to understand how to build a website properly, you first have to understand some basics of Search Engine Optimization, or maybe you have to understand some basics of website publishing to be good at SEO work but either way, publishing web content and optimizing your web pages is interconnected.

A web page needs a specific structure, just like a book needs chapters and paragraphs so does a web page. Some people forget the first real use of the web was for academic papers, today the structure of a web document is still very connected to it’s origins and there are some pretty basic tags used to format pages. Let’s take a look at the basic building blocks of a web page and how to use them properly before we begin placing text in our documents.

Headings

xHTML allows for up to six headings on a page, each should be used in a hierarchal structure starting with the most important and proceeding to the lowest value.

 

  • <h1> – There should only every be one <h1> tag on a web page, the level one heading is most often also the title of the document and is extremely important both in standardization practices and search engine optimization
  • <h2> … <h6> – Used as hierarchal structure tags, the lower headings are used to identify the importance of each level of the document. <h2> contains content more important than <h3> for example
Lists
Web pages can also contain lists, as we saw in our earlier lesson about menus. Lists come in two flavors, each must contain list items (<li>) to be used correcty.
  • <ul> – An unordered list, most commonly presented with a bullet character (•)
  • <ol> – An ordered list, most commonly presented with a numbered value (1,2,3,…)
Paragraphs
The basic building block of a web page, the paragraph (<p>) tag defines a paragraph.
Example of a Page Structure
Because web page content is structured in a standard manner, we can demonstrate that structure in a simple document tree such as:
  • <h1>
  •   <p>
  •     <h2>
  •           <p>
  •           <h3>
  •                <p>
  •      <h2>
  •           <p>
  •           <ul>
  •           <p>
  •           <p>
This document structure demonstrates an easy to understand, mechanical overview of the document but also acts to help new web publishers understand that web page publishing and web page design are two different things, we’ll get to design later.
Working in Dreamweaver
Now that we have a basic understanding of how to create web page content, we need to write something for our pages. To save time, I’ll let you into another publisher trick. Using Lorem Ipsum to generate gibberish text for websites allows us to save time by filling in our content. Later, when we know what we want to place on each page we can go back and fill in the real text.
For now, pop over to the Lorem Ipsum generator and create five random paragraphs of text. Windows users will want to take an extra step here … when you copy text of the Internet, Windows tries to also copy the xHTML tags. Let’s get rid of the excess content:
  1. Copy the text from the Lorem Ipsum Generator
  2. Create a new Dreamweaver document (Control – N)
  3. Switch to Code View
  4. Select All (Control-A) and Cut (Control-X) it
  5. Paste the text from the Lorem Ipsum Generator
  6. Select All (Control-A) and Copy (Control-C) it
  7. Close the new document
What this did was created all the special codes, and leaves you with just the plain text.
Next, open the about.html file in your Dreamweaver File document and ensure you’re in Design View. Remember when we created the template we created an Editable Region named Content? In that area, Dreamweaver placed the word Content, now I want you to select the word and Paste (Control-V) the Lorem Ipsum text into place. This will replace the existing text on this page with the content from the generator.
format Placing page content in Adobe Dreamweaver imageTake a bit of time and format the text using only the text format tool on your Properties toolbar. This will allow you to apply <p> and <h1> … <h6> tags to your Lorem Ipsum text.
listitems Placing page content in Adobe Dreamweaver imageOnce you’ve got the hang of adding some <p> and <h1>, <h2> tags to your document, try adding an unordered list (<ul>) and some list items (<li>) to your page. Notice that Dreamweaver automatically creates the list items for you in an ordered or unordered list.
picture 6 300x154 Placing page content in Adobe Dreamweaver imageNow that you have an understanding of how to create paragraphs, headings and lists for your web page content take a bit of time and add real text to your website pages for all for of the pages. Before you add anything however, as yourself where the content belongs and try to understand that every element needs to belong to a document hierarchy.
One of the best documents to see a document hierarchy demonstrated in is a traditional resume, take a few minutes to study this example of a document structure:
  • <h1> – Christopher Ross
  • <h2> – Career Objectives
  • <p> – A paragraph about my objectives
  • <h2> – Previous Employment
  • <ol><li> – My employers
  • <h2> – Education
  • <ol><li> – Schools
Once you appreciate the structure of a document, creating HTML pages is easy.
This tutorial is part four in a ten part series.
  1. Preparing a website in Adobe Dreamweaver
  2. Building your first Dreamweaver Template file
  3. Structuring your website with Adobe Dreamweaver
  4. Improving the common elements in Dreamweaver
  5. Placing page content in Adobe Dreamweaver
  6. Hyper linking in Dreamweaver
  7. Working with Images in Adobe Dreamweaver
  8. Adding Cascading Style Sheets with Dreamweaver
  9. Putting your website on a remote web server with Adobe Dreamweaver
  10. Adding Google Analytics to your Dreamweaver Template