October Nights–Drupal #1

First, go to:

websites.beonair/username (your first initial and last name)

Now…

…content/add content/basic page

Screen Shot 2013-03-07 at 7.13.42 PM

Then…call it “about me” and write two paragraphs about yourself.

Now…

As your writing stands, it will publish as a big blog of text.

The first thing you need to do is to put this command between paragraphs, which is called a page break:

<p>

Then…try adding bold and italics. You have to begin and end a bold/italics command.

So, if I want to bold the word Seth, the code is <b>Seth</b>

Add bold and italics. The end result should look like this. If you want to try adding some other code (headlines, etc) you can check out more basic commands on the w3 Schools reference page.

Screen Shot 2013-03-07 at 7.30.45 PM

UPDATE!!!!!

If you’re having trouble with bold, use this command: <strong>Seth</strong>

Screen Shot 2013-03-07 at 7.52.12 PM

Last thing before break…

Create a menu link, so you can get back to this…below your text box, click “provide menu link” and then hit “save.”

Then…it’s break time!

Screen Shot 2013-03-07 at 7.45.58 PM

Now…time for the hardest thing…a link out.

The link out will be text that shows up as a different color and/or underlined (depending on  your theme) and clicks through to another site.

Here’s an example:

You can check out the score of last night’s Chicago Bulls game.

To create this in HTML, you need to do the following:

Copy this code at the end of the sentence, but don’t include the words “Chicago Bulls game”

You can check out the score of last night’s <a href=”http://www.w3schools.com/&#8221; target=”_blank”>Visit W3Schools!</a>

I’m going to replace Visit W3Schools! with Chicago Bulls game. (bolded for effect…don’t bold yours).

Then, I”m going to replace this: http://www.w3schools.com/ with the website I want to link to: http://www.nba.com/bulls/

The end result should look like this:

You can check out the score of last night’s <a href=”http://www.nba.com/bulls/&#8221; target=”_blank”>Chicago Bull’s game</a>.

It will look like this before you save it:

 Screen Shot 2013-03-07 at 8.41.18 PM

And this after you hit save:

Screen Shot 2013-03-07 at 8.41.48 PM

Another way to look at this…here’s the original.

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

And here’s what you need to change:

<a href=”PUT THE WEBSITE URL HERE” target=”_blank”>PUT YOUR TEXT HERE</a>

Advertisements
Posted in Uncategorized

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: