Webmasters
 
 
Navigation


Certfication


Drupal Resources


Other Resources


 
BYUH Drupal Tutorial

BYUH DRUPAL TUTORIAL

 

Aloha! Thank you for implementing Drupal for your department and becoming a new member of the University Ohana Web Content Management System(CMS). There are 44 academics and service departments(27 Completed and live) on Drupal.

Drupal is an open source CMS, also providing some of the latest web technologies. We are very grateful for the Drupal community for their service and having universities in mind when developing Drupal. Drupal is used by over 250,000 web sites (i.e. Harvard, Sony, Forbes, see Drupal.org for more info).

 

PLEASE USE FIREFOX WHEN USING DRUPAL! 

TUTORIAL INDEX

Login your Drupal Account/Department Web Image Resizing tips HTML and PHP Coding
Create a new page Add a menu item/Submenu Copy a page from another web site   
Properties of Create/Edit page
Creating a name/URL Alias for new page FAQ
Edit Page
Create and modify a table     
Edit my page in full screen Attach a file (i.e. PDF, Word doc.)  
Using the GUI Icons/Buttons
Create a URL or email link   
Upload an image     


ACCESS YOUR BYUH DRUPAL ACCOUNT:

1. For Services: http://services.byuh.edu/user
2. For Academics: http://academics.byuh.edu/user
3. Use your CES NET ID to login and contact your administrator or the Web Team for permissions and roles.

Drupal tutorial

Useful tips: Book mark your user login and home page URL.

Return to Menu back

_______________________________________________________________________________________________________



CREATE A NEW PAGE:

Upon Login:

1. Click on the "Create Content" option on your left menu.

Drupal Tutorial

Return to Menu back

_______________________________________________________________________________________________________

PROPERTIES OF CREATE/EDIT PAGE

When creating a new page or editing a page it is important to understand the different properties of your page, please view the screen shot below.

Drupal tutorial

Drupal Tutorial

Return to Menu back

 _______________________________________________________________________________________________________


EDIT A PAGE:

Upon Login:

1. Go to the page you want to edit. You should see an EDIT tab that will allow you to edit/update content. If you are logged in and cannot see the EDIT tab, you either don't have permission to edit the page or have not been setup correctly. Contact your administrator or the web team.

Drupal Tutorial

2. In EDIT mode you should see a MS Word like Graphics User Interface:


Drupal Tutorial

Return to Menu back

_______________________________________________________________________________________________________


USING THE ICONS WHEN EDITING A NEW PAGE:

Upon Login and having clicked on the EDIT tab:

1. You should see a MS Word like Graphics User Interface and most of the icons have the same functions as in the Microsoft Suite. Here are some unfamiliar icons and which are mostly used.


Drupal Tutorial

Return to Menu back

_______________________________________________________________________________________________________

CREATING AND MODIFYING TABLES

When in "Edit Mode" you can use the identified icons for creating and modifying tables.

 

Drupal Tutorial

Return to Menu back

_______________________________________________________________________________________________________ 

CREATING A URL FOR YOUR NEW PAGE

1. After creating your new page and placing content, you decide to give your new page a new name/URL for your visitors to easily remember your page by.

2. Right after the content area and GUI icons and tools you should see the URL path Settings below.  

3. After placing your TITLE, placed content, and specified your URL Path settings (Caution: when creating a new page, you must include the URL of your home page, in all you additional pages. E.G. You have created a new home page for "Recycling" as in the above screen shot, you create a new page for "Staff" so in you new Staff page that you will be creating, under the URL Path Settings, your URL should read:"Recycling/Staff". If you do not do this you will not see the menu you have created for your department.


BYUH Drupal Tutorial

Return to Menu back

_______________________________________________________________________________________________________

ADD A MENU ITEM OR A SUBMENU

Menu's and Submenu's of the BYUH Drupal template is on the left side bar.  After creating your content, you should see your menu settings right below your URL path settings.  It is very important that you place a description required by Section 508 of the Federal Disabilities act.   

 

Explaining Menu

Return to Menu back

_______________________________________________________________________________________________________

 

 EDIT MY PAGE IN FULL SCREEN

1. Click on the Blue Icon illustrated to view Full screen to work on your content area. 

Fullscreen

Return to Menu back

_______________________________________________________________________________________________________

 

FAQ

1. If a department transfers to Drupal do we have to redesign our site,
next time there is a redesign of the BYUH template?

No! Drupal allows us to change the template for all the web pages on the BYUH Drupal CMS.  

2. What are the benefits of being on Drupal?

The BYUH Drupal is a content management system which allows multiple users to access and update information on the web instantly without any technical background (like creating a Myspace.com page). Drupal also has modules or plug-ins that provides the latest web technologies (i.e.blogs, web multimedia, ecommerce, educational technology) at no cost. Because Drupal is open source/free and built by a community of web developers, it is continually improving and providing the latest web technologies and resources.

3. With various departments on Drupal, can other departments view another department’s web pages?

No! Departments cannot access each other's webpage’s. Another great feature of Drupal is the ability to create roles and permissions for multiple users and departments. Even within a department, Drupal allows specified users to only have permissions to do certain tasks and not access other pages. (I.e. Director of a department can have access to all the pages on a department’s website and edit, and a student worker can only have access to a specified page).

4. Do I have to wait 15 minutes like before when updating my web pages?

No! Once you update your page on Drupal and Click Submit your changes are updated instantly. 

5. When working on Drupal do I have to download any software?

No! You only need your web browser (preferably Firefox) to work on Drupal?

6. Can I work on Drupal from any computer, or from off campus?

Yes!  

7. How many BYUH Departments are on Drupal?

As of April 2008: Total 44 (27 completed and live). 

 

Return to Menu back

_______________________________________________________________________________________________________

 COPYING A PAGE FROM ANOTHER WEBSITE

Most of the time you will find when copying pages from your old site to Drupal that the formatting will be distorted as a result of the CSS style sheet of the template or HTML formatting. Please follow these instructions.

1. Copy your text to NOTEPAD.
2. Copy it from NOTEPAD and paste it on Drupal.
3. For image please save your images from your old site and paste them on your desktop.
4. Upload your images to Drupal.

 

Return to Menu back

_______________________________________________________________________________________________________

ATTACH A FILE (i.e. PDF, Word doc.)

At the bottom of the page you are creating or editing you should see the "File Attachments" option which allows you to browse your desktop to attach whatever file you would like to place on your page.  After attaching a file, as seen in the screen shot below you should see a URL generated of the location your file is. Use this URL to create a link.  The "List" option allows you to place the file name at the footer of your page, for your visitors to download.  

 Attach File

Return to Menu back

_______________________________________________________________________________________________________

UPLOAD AN IMAGE 

1. Click on the Upload Image icon and you should see the window below. Click on the far right Icon to browse your desktop. 

Main Upload image

2.  When you click on the icon on the far right you should see the window below, which enables you to view your uploaded file. Other image dimensions, scaling and resizing options are available. Please use Photo shop to resize your images. Like the menu description, please place a description for the image you are attaching for the conveience of the visually impaired.

Upload an image

Return to Menu back

_______________________________________________________________________________________________________

CREATE A URL OR EMAIL LINK

1. Click on "Link" icon to create a URL or email link in your content.
2. You should see the window below appear when clicking on the link icon.
3. For  URL  to another page, just type in or paste your URL.
4. Email links, type: "mailto:" before typing the email address

 Email and URL links

Return to Menu back

_______________________________________________________________________________________________________

IMAGE RESIZING TIPS

1. Please keep your image size within 500x500 pixels, a Drupal Default and BYUH Web Team recommendation. This is to allow a web page to load faster. 

2. Do not resize your images in the Drupal content interface. Use Photo shop or other Graphics applications to resize.

3. Always have your images with a 72dpi resolution for the web. 

Return to Menu back

 _______________________________________________________________________________________________________

Copyright 2008. BYU-Hawaii Web Development and IT projects. 

 
Events
«July 2008
SunMonTueWedThuFriSat
12345
6789101112
13141516171819
20212223242526
2728293031  


Upcoming events
  • No upcoming events available


Recent blog posts


Random image
Seasider Logo