Drupal Day 1 (Cleveland, January Days)

My email address is sethtowerhurd [at] gmail [dot] com.

If you want individual help…I can sign on to the IM program of your choice.

An example of a Drupal site:

kisscleveland.com

An example of a wordpress site:

fastcompany.com

websites.beonair.com/username

After selecting a theme, x out of that box.

Creating a Basic Page

1. For the title, put “About Me” or “Bio” or something similar.

2. In the body, type two paragraphs about yourself.

Adding Page Breaks to Your “About Me” Page

1. This doesn’t work like a word document or email. You’re going to have to put in commands to tell the text what to do. The first command is a page break. This tells the website to seperate your text into paragraphs.

The page beak command it: <p>

So, if I was trying to write:

Seth started in radio at the age of 19, with a Clear Channel country station in Iowa.

Three months later, he moved to Chicago.

It would have to look like this:

Seth started in radio at the age of 19, with a Clear Channel country station in Iowa.

<p>

Three months later, he moved to Chicago.

If you leave out the page break, it’s going to look like this:

Seth started in radio at the age of 19, with a Clear Channel country station in Iowa. Three months later, he moved to Chicago.

Adding Bold and Italics to Your “About Me” Page

To put bold or italics on something, you have to put commands before and after the phrase you want to bold/italicize.

To put something in bold, you need to start with:

<b>

and end with

</b>

To put something in italics, start with:

<i>

and end with

</i>

So, the sentence will look like this:

Seth likes <b>mountain biking</b>.

Creating Links Out Using HTML Code.

Hey, check out this Chicago newspaper that’s geared at twentysomethings.

How to link out.

1. Select the phrase you want to link out.

2. Copy this code:

<a href=”http://www.w3schools.com/&#8221; target=”_blank”>Visit W3Schools!</a>

Now…this is going to get hard.

Leave in the first set of parentheses, and cut this out:

http://www.w3schools.com/

Then add in the URL you want to link to.

Then, cut this out of the code:

Visit W3Schools!

and replace it with the word/phrase/sentence you want to link out to.

A Better Example of How to Link Out

This is a paragraph from Shelli’s website:

Where to start…where to start….Well I am Shelly, and I attend the Ohio Center for Broadcasting in Cleveland, Ohio. I am a multi-media Journalist, and my goals in life are to become a field news reporter. I first attended college at Kent State, then Cleveland State, majoring in Journalism. Then I decided to take a new, more hands on approach to my career by going to OCB. So far, the change has been quite plesant. I have a passon for news, investigation, and reporting the truth-as unbiased as possible. My other hobbies include attachment parenting (yes it is a hobby-a time consuming one!), playing flute and singing, watching sports, and spending as much time as possible with my family.

Now, let’s say Shelly wants to link “Ohio Center for Broadcasting” in the first sentence.

Delete out what you want to link to, and replace it with the HTML code:

Where to start…where to start….Well I am Shelly, and I attend the <a href=”http://www.w3schools.com/&#8221; target=”_blank”>Visit W3Schools!</a> in Cleveland, Ohio.

Now, you have to change two things.

First, delete ONLY the URL, NOT the quotations marks…and replace it with the URL you want to link to:

Where to start…where to start….Well I am Shelly, and I attend the <a href=”http://beonair.com&#8221; target=”_blank”>Visit W3Schools!</a> in Cleveland, Ohio.

Now…one more step.

Take out the “Visit W3 Schools!” and replace it with “Ohio Center for Broadcasting”

Again, ONLY delete the text. Nothing else.

Keep in Touch!

Connect with me on Facebook and Twitter.

Advertisements
Posted in Drupal

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: