# Make a page

Let’s play with the Drupal instance we just created. Go to its front page, at http://fastturtle.calmcamel.net, or whatever it is.

That’s the account you’ll use to login.

Normally, you use this account just to configure and and administer your site. You make another account to create content. We’ll do that later. For now, let’s use the admin account.

Look at the URL of the login page:

The login page is just a Web page with a URL, like any other. You get to the login page by clicking a link, or by typing the URL.

Every Drupal administration page has a URL.

Log in with the admin credentials. You’ll see:

Several things to notice. First, look at the URL: http://fastturtle.calmcamel.net/user/1. Again, every page has a URL. You could get to the page by typing it in a browser (although if you don’t have permission to look at a page, Drupal won’t show it to you).

Second, there’s more stuff on the page then there was. The administration (or admin) menu is at the top of the page.

# Tell Drupal you want to make a page

Let’s make a front page, also called a home page. Click the Content link in the admin menu, then Add content. Click Basic page. You’ll see:

Type “Welcome” in the title, and something in the body. Maybe a joke. The editor works as you think it does. Bold, italics, etc.

Look at the Text format field. You can choose Basic HTML, Restricted HTML, or Full HTML. HTML is the language Web pages are written in. (Click the Source button if you want to see the HTML you’re creating.) See what happens when you change the text format.

Click the image button in the editor’s toolbar. You’ll see:

Images aren’t part of the HTML of a Web page. They’re stored in separate files. To put an image on a page, you have an image file on your computer, and select it with the Browse... button. When you click Save, Drupal will upload the image to your server, and put a reference to it on the page you’re editing. So while it looks like the image is part of the page, it’s really a separate file that is referenced by the page.

There are many different image formats. Drupal uses the Big Three: PNG, JPG, and GIF. If you want to use an image that’s in another format, you need to save it in one of the Big Three first.

OK, choose an image on your computer. If you don’t have one at hand, right-click on this one and save it:

The image is from Pixabay, a good source of free images.

Notice the Alternative text field:

Always fill that in, for two reasons:

• It describes the image for visually impaired people
• Search engines like Google use the text, so your page might show up when people search for a related word

Save the page. Actually, the button says Save and publish. Pages that are “unpublished” are on the site, but not visible to normal users. This lets authors work on content, and only publish it when they’re ready.

Look at the URL of the page. Here’s mine:

/node/1? The URL doesn’t tell you what the page is about.

Why does it matter what the URL is?

Ruben
For this page, it doesn’t matter much. It’s the home page, and it’s full URL isn’t used very often. Browsers will get to the page with the URL

http://fastturtle.calmcamel.net

… rather than the full URL

http://fastturtle.calmcamel.net/node/1

For other pages, a poor URL is a problem. Google gives a higher ranking to pages where the URL matches the content of the page. For example, if you had a page about a giraffe with a sore throat, a good URL would be:

http://fastturtle.calmcamel.net/giraffe-with-sore-throat

That page would rank higher for searches about giraffes than a page with the URL:

http://fastturtle.calmcamel.net/node/138

Match the URL to the topic of the page.

We’ll see how to fix the URL in a moment.

# Front (home) pages

Let’s make the page we just created into the front page. We need to tell Drupal what the URL of the front page is, and it will handle the rest.

In the admin menu, click Configuration, then System, then Site information. Fill in the front page URL. Save. Click the home link, and you’ll see the page you just created.

Make another page. Remember, that’s Content in the admin menu, the Add content, then Basic page. I gave the title “Dogs are the best!” and some junk text for the body. You can do what you like. But don’t click Save yet. (If you already did, click Edit.)

On the right of the edit screen, you’ll see some extra settings:

Click on Menu settings. Here’s how I filled mine in:

This tells Drupal to make a link in the main menu, with the text Dogs. It will link to the page I’m working on.

Save the page. Here’s what mine looked like:

There are two problems. First, the URL. /node/2 isn’t good for SEO. Second, the menu items are in the wrong order. We’ll deal with the menu in a later lesson. Let’s fix the URL. Click the Edit link.

# Use an SEO-friendly path

SEO stands for search engine optimization. That’s what marketing people do to get their pages to show higher in search rankings.

Here are those page settings again:

Open up the URL settings, and give your page a good URL. Here’s what I did:

Save. Check the URL. Ah, much better!

You can see a list of all the site’s pages at /admin/content. Get there by clicking on Content in the admin menu.

# Exercise

Exercise: Make a page
Make a page on your D8 site. (Make it a Basic page, not an Article.) Write about animals you like. Llamas, spiders, koalas, whatever you choose.

• Add some text and at least two images