User login

Project Stages

Stage 1: Preparing your site

You have been given as website project number between 2 and 100.

Using Internet Explorer go to this address ...
http://www.studentN.learndrupal.co.uk WHERE N IS YOUR PROJECT NUMBER

First bring the web site under your control by logging into your site using the default user name admin and password pass1 then click My Account - Edit

Change the user name to YOUR STUDENT ID.

Change the email address to your own (please ensure this is correct)

Change the password to one of your own choosing (you enter this twice to ensure it is correct)

For the next task, please click HERE

Stage 2: Changing the TITLE of the site

Your new web site carries the title Drupal, or your student number.

Now click administer - site information and:-

  1. Change the Name of the web site to your Student ID. This name (known as the Title of the site) is what will be identified by search engines such as Google. Because your Student ID is most probably unique, you should, in the near future, track down your web site by simply entering your student ID in Google.
  2. Enter an email address for your site. This email will be used as the “sender” email when the site transmits its own emails. You can use your own email address here.
  3. In the footer message box, please enter "This Site is build by student SID" where SID is your Student ID.

Now go to the bottom of the form and click "SAVE CONFIGURATION"

For the next task, please click HERE

Stage 3: Change the logo in the top left corner of your website.

You can create your own banner graphic (or logo) by visiting cooltext.com and following the instructions on the site.

Please make sure not to make your logo too large. A font size of 40 will be suitable rather than the default value of 70.

Once you have created (rendered) the logo of your choice, you will see a click to download link below it. Click that, and you can then save the image in your "my pictures" folder.

To upload the logo to your own website, go to administer - themes. Scroll down and look for the theme you have selected which is garland.

Click the configure link on the right side of the page.

Now scroll down and look for the upload logo image form which enables you to browse to your my pictures folder and select your cooltext image.

Now scroll to the bottom of this page and click "SAVE CONFIGURATION"

For the next task, please click HERE

Stage 4: Create your first web page and make it your Home (Front) Page

Make your first page
Go to create content (left menu) and then select page.

You will now see a form consisting of a Title field and Body field, which you need to complete to create your first page.

Title
For the title, please enter “Welcome”.

Menu
Just below the title, you will see the words "Menu Settings". Click this and an additional form opens up. This form enables you to provide a link to the page from your top menu which is called the Primary Links menu.

Enter 'Home' for the Menu link title.
For Parent Item select Primary Links
For Weight, select -50. This will ensure that your Home link is the first link in your Primary Links menu.

Body
For the body I suggest you copy some demo text from another web site, and paste it into the body field. As a suggestion, click HERE and, by dragging the mouse, select and copy all of the text.

Now come back to your welcome page and paste the copied text into the body field of your first page and click "SUBMIT" at the bottom of the page.

Attached Images
You can now include an image on your page by clicking the Attached Images link. Using the Upload Image Field this enables you to browse to any image in your My Pictures folder and include it in your page. (If you have no images to upload, use Google images to find and download an appropriate image)

Publishing Options
The last thing you need to do before your page is created, is to make this page the "Home Page", so it's the first page people see when they visit your site. To to that, click Publishing Options, and tick the "Promoted to front page" option,

Now click "Save" at the bottom of your page.

For the next task, please click HERE

Stage 5: Set up Galleries for your Images

Stage 4 showed you how to include an image in any page using the Attached Image function. However, you may wish to store separate images in a gallery (or album) and you may wish to have more than one album.

To create a gallery click "administer - image galleries" and click the "add gallery" tab. Give your gallery a name (such as my pictures) and a brief description (my pictures) leave the parent and weight entries alone, and click "Submit".

Now repeat the exercise so you have at least 2 galleries.

You can create as many galleries as you wish. Galleries are a convenient way of showing pages of images that share the same identity such as "places of interest" or "best hotels" if you are creating a tourism site for your country.

For the next task, please click HERE

Stage 6: Download images for your site from the Internet.

You now need to find some images in order to test uploading them to your site

Go to google.com, enter a topic that you would like to find images for (e.g."horses"), Click the image link above the search form, and you will see thumbnail (small) images that show the search results.

Click a thumbnail image that you would like to use and then click "see full size image" at the top of the page. Once the full size image is displayed, hold the mouse cursor over the image and click the right mouse button.

Select "Save As" from the drop down menu and save the image in your "My Pictures" folder.

Select and download at least 6 images.

For the next task, please click HERE

Stage 7: Upload and Organise images into Galleries create a primary link to see the images

Go to "administer - image galleries" and make sure you have at least 2 galleries. If not click "add gallery" to add more.

Upload your first image by clicking "create content - image" where you will see a simple form.

  • Give the image a title.
  • Select a gallery for the image
  • Browse to your "My Pictures" folder and select the image you wish to upload.
  • Enter a brief description
  • Click "Submit"

Repeat this so you have at least 6 images uploaded and with at least 2 in each gallery.

To allow visitors to your site to see the galleries, you need to create a new link in your Primary Links menu.

Go to "administer - menus" and under the "Primary Links" section click "add item".

  • For "Name" enter "gallery"
  • For "Description" enter "Gallery"
  • For "Path" enter "image" (please ensure all lowercase)
  • Do not tick "Expanded"
  • Leave "Parent Item" as "Primary Links"
  • Leave "Weight" to "0"

Click "Submit"

You will now have a new menu link on the top right of your site which links to your galleries.

For the next task, please click HERE

Stage 8: Add more pages to your web site.

By now, it is expected that you have an idea for your web site project.

When the project is marked, 25% of the marks will be allocated for the depth of your project. that is to say, how many pages of content you have.

Take a little time now to add at least two more pages to your site.

To do this, click Add Content - Page. Make sure that each of your pages has a link from the primary links menu.

Remember, if you wish to add an image to your page, you use the image attach option, which you will see when you edit your page.

For the next task, please click HERE

Stage 9: Introducing HTML

HTML enables you to have better control over the appearance of a page, and include extras such as images and hypertext links.

Go to your home page, click the title (e.g Welcome) and click the edit tab.

Scroll down the page until you can click the Input Format link.

Here you are provided with three options that determine how Drupal treats text. They are Filtered HTML, PHP and Full HTML.

Please select Full HTML, so that Drupal will act on HTML tags that you are about to add to your text.

Now go to the bottom of your edited welcome page and click "Submit".

Now that your home page can display HTML code, by editing the home page body text, experiment with these commands..

Description
HTML Code
Result
Bold text
<b>xxxxx</b>
xxxxx
Largest Heading
<h1>XXXXX</h1>

xxxxx

Smaller Heading
<h2>xxxxx</h2>

xxxx

Link to cnn
<a href=http://www.cnn.com>cnn</a>

(Where you see xxxxx, enter a word or group of words of your own choosing.)

Please use all of these commands at some stage in your home page to demonstrate use of HTML.

For the next task, please click HERE

Stage 10: Using HTML to link to pages within your site.

Every piece of content in your site has it's own URL. The term URL stands for "Uniform Resource Locator", which really means Internet address.

All content in your Drupal web site is labeled as a "Node", and each Node has it's own Node ID, or number.

When you click select a page in your site, you will see that the address of the page will end in node/N where N is the number of your node.

Using HTML, it is possible to select words on one page as hypertext links, that when clicked, take you to another page.

So, let's say you have a page called "About Me", and its Node id number is 6. To link to that page using words on another page you would use something like this..

To find out more about me <a href=/node/6>click here</a>.

For the next task, please click HERE