email me right now.
go to websites.beonair.com/[yourusername]
Enter your user name and password that I sent you.
DO NOT change your password. Or, if you do…DO NOT forget it.
You can change the “theme,” aka overall look, of your website easily. However, none of these look that great. We’ll build something you can show employers in the WordPress class. This is just to show you how to manipulate HTML code.
You can pick another theme if you want. Go to “appearance” on the top menu, and hit “activate” on the one that you feel sucks the least.
Creating your first page.
Click “add new content.” Then create a “basic page.”
You’ll get this. Write two paragraphs about yourself. DO NOT proceed. Stay there. Write two paragraphs and stop.
Adding Headlines, Subheadlines Bold and Italics
To add a headline, start with this code: <h1> and end with this code </h1>
It should look like this:
<h1>This is my bio.</h1>
You can also ad smaller “sub headlines”
<h2>This is another part of my bio.</h2>
To add bold, start the phrase you want bolded with this code <strong> and end with this code </strong>
I like the <strong>Chicago Bulls</strong>
To add italics, start with <em> and end with </em>.
I like the <em>Chicago Bulls>
To create a link out, copy the code from here (do not copy it from this blog).
It will look like this (DO NOT COPY THIS ONE)
<a href=”http://www.w3schools.com/” target=”_blank”>Visit W3Schools!</a>
To create this sentence (with a link out):
I like the Chicago Bulls.
I like <a href=”http://www.w3schools.com/” target=”_blank”>Visit W3Schools!</a>
Now, let’s first add the site you want to link out. take out “http://www.w3schools.com/” and drop in the site you want to link to BETWEEN the quotation marks. DO NOT DELETE the quotation marks.
Now, it will look like this:
I like <a href=”http://www.nba.com/bulls/” target=”_blank”>Visit W3Schools!</a>
The last step is to replace >Visit W3Schools!< with your text between the reverse carrots.
I like <a href=”http://www.nba.com/bulls/” target=”_blank”>Chicago Bulls</a>
Before We Go On…Some General Stuff.
Here are some things that you need to do in Drupal when making pages.
1. ALWAYS (this is pretty much for the rest of your life) select “Full HTML” mode over “Filtered HTML” or “Basic.”
2. Select “provide a menu link” when you want the page to show up.
Embedding Video/Other Elements
Are you on Full HTML? Cause if you’re not, this isn’t going to work.
Let’s embed a YouTube video to start off.
1. Find a video on YouTube.
2. Go to “share” and then “embed code.” Do NOT grab the link…grab the embed code.
3. Drop the embed code onto your page, with a page break <p> above and below the code.
It should look like this.
Embedding Pt. 2: Pictures
One safe way to get pictures for your site is through Flickr Creative Commons. This is where photographers try to build up business by giving away high quality images. The Stock Exchange is another site that does this, but I don’t think they’re as good.
Click on the Flickr link above, and search for something. I searched for “government hearing.”
Choose a picture, and click the “share” button.
Then click “HTML Code” button, and choose a size.
Then, drop it in just like a video.
You need to give credit to the photographer. So, drop in the pic, then link back to their Flickr page. It should look like this.
For the Grade
–poll (which we’ll create tomorrow. It’s boring. Trust me).