Part 2 - Planning Your SiteWhen you decide you want a new site, the first thing to do is plan the site. A site plan will help you create a site that meets your needs and the needs of your visitors. By taking the time at the beginning to draft a plan, you can avoid pitfalls and make sure you have the content needed to get your site off the ground. Your site plan should include:
Project Summary: State general project information, goals, and relevant background information. This paragraph should be an overview of the project as a whole. Here are some questions to ask:
- What is the single purpose of the site?
- What organizational units will be promoted by this site? (List all that apply)
- Who will be the primary contact for site administration?
- Who is your target audience?
- What are the secondary goals of the site?
- What is a typical task the visitor might perform on the site? (For example: apply, register, log on, search for information, send their e-mail address, call for more information.)
- What do these people care about? Why are they interested in visiting the site? What trigger would prompt them to visit the site, and why would they be enticed to return?
Write Down Your Plan
When you start planning a project, it can get very messy very quickly, so if you have lots of ways to capture your ideas, you'll be in better shape. Planning sessions can quickly become brainstorming sessions as well. This is good, but don't let the brainstorming get in the way of getting a solid plan in place for the site. If you find you still want to brainstorm more, then put that into the plan.
What Does a Site Plan Look Like?
A site plan can be as simple as a sketch on a piece of paper or a plan that resembles a table of contents or a paper.
Joomla User ManualJoomla is a content management system that enables you to make and update Web pages easily. Many aspects, including its ease of use and the ability to add to its capabilities, have made Joomla very popular software for building Web sites. Click on any of the chapters in the left menu to learn more about how to use the Joomla software.
Part 13 - Presentations – Other Module Types
- Breadcrumbs – displays the navigation path from the home page to the current page in text below the green horizontal navigation bar
- Courseleaf - Links to the UAB course catalog
- GCalendar - integrate a Google Calendar for display on your site.
- Feed Display – RSS, etc. – allows the displaying of a syndicated feed
- Custom HTML modules – allows you to create your own text boxes with custom HTML code using a WYSIWYG editor
- Latest News – shows a list of the most recently published and current articles. Some that are shown may have expired even though they are the most recent.
- Most Read Content – shows a list of currently published articles which have the highest number of page views
- SlideshowCK - Basic image slideshow.
- www.joomla.org has many modules – but note that Web Communications will need to test the module and IT must evaluate the security of the module before it can be loaded onto your site.
Module positions are specific locations in a template that are allocated for displaying modules. Modules can be positioned anywhere the template allows, making these very flexible elements for your pages. This makes Joomla extremely versatile when it comes to displaying what you want, where you want it.
All Joomla Web sites require at least one menu module
All other module types are optional. (Examples: News, Banner, Latest News, Polls)
Every menu is accompanied by a menu module. (Example: mod_mainmenu)
You can have multiple occurrences of similar module types.
Some modules are linked to components. For example, each menu module is related to one menu component. To define a menu in Joomla, create the menu and menu items using the Menus screens and then create the module for the menu using this screen. Other modules, such as Custom HTML and Breadcrumbs, do not depend on any other content.
Part 12 - Presentation - Editing Header Image Modules
The Header Image Module controls the graphic at the top of a Web page immediately below the UAB logo. There is no limit to the number of header images you may have on your site. With large sites, each section will often have an identifying graphic at the top of the page that will remain throughout the section.
TIP: You may change the image yourself and you may make it any height. The width is required to be 972 pixels.
Header Image. This area can be used to showcase your offerings to students, faculty, donors, or other potential audiences. Promotional elements are typically relegated to the front door header image of a site and/or on major landing pages (like a department landing page).
Site Navigation. The green horizontal navigation bar is specific to each Web site and will be located on all pages just below the header image.
The header image is in a module, so it can be found by accessing Extensions > Module Manager > Header Image. If you are making a new header image, click New and select Custom HTML module.
Click Next and fill in the fields like you did for the other modules. Under Details, you need to give a title to your module and select the Position (banner).
Since this is called a Custom HTML module, the banner is inserted in the editor area page. Under Custom Output, upload your image using the Insert/Edit Image icon.
Under Menu Assignments, you will choose which pages you want your header to display.
TIP: Always title your header images with the position, section, and the size of the image so that you can easily identify it later. Here is an example: Header Image - Frontdoor (972 x 250) or Header Image - Inside Pages (972 x 174)
Tip: Feel free to have any of the banners any height you need. For instance, 250 pixels high may be too tall for your taste. Remember that the width must be 972 pixels.
Facts about the header image
The header image is always 972 pixels wide so that it fits properly in the template. The header image can be as tall or as short as needed.
The average size for front door header images is usually no larger than 972 pixels wide by 250 pixels tall. As mentioned above, these larger promotional images are usually kept on the front door or major landing pages.
Smaller header images can be used to add visual interest to a page for a user or to help raise awareness of where a user currently is within the site.