Joomla! 1.5 Multimedia电子书

Joomla! 1.5 Multimedia

Table of Contents

Joomla! 1.5 Multimedia

Credits

About the Author

About the Reviewers

Preface

What this book covers

What you need for this book

Who this book is for

Conventions

Reader feedback

Customer support

Errata

Piracy

Questions

1. Getting Started with Joomla! Multimedia

What is multimedia?

Categories of multimedia

Linear

Non-linear

Hypermedia

Website multimedia

Various types of website multimedia

What is Joomla!?

Including multimedia in your Joomla! site

Multimedia use in your Joomla! CMS

Text

Images

Audio

Video

Multimedia and web accessibility

Can a multimedia website be accessible?

The Web Content Accessibility Guidelines (WCAG)

Section 508

More information on web accessibility

Web browser support for multimedia

Summary

2. Managing Your Joomla! Media

Overview of the Joomla! Media Manager

Uploading media using the Media Manager

Media Manager settings

The view

Organizing your content

Creating a new directory

Deleting files

Uploading your content

Single file upload

Multiple file uploads

Managing media using the Media Manager

Alternative method of managing files and media

FTP clients

FTP programs

Connecting using an FTP program

FTP via a web browser

Connecting to FTP via a web browser

Uploading and downloading

Web browser plugins

SFTP

Third-party file management extensions

eXtplorer

Joomla! Flash Uploader

Summary

3. Text, Characters, and Fonts in Your Joomla! Site

Overview of text, characters, and fonts

Fonts and their effect on website users

Which font is best to use?

Sans-serif fonts

Verdana

Arial and Helvetica

Trebuchet MS

Lucinda Sans family

Serif fonts

Times New Roman / Times

Georgia

Palatino Linotype / Palatino

Joomla! Templates and Cascading Style Sheets

What is a Joomla! Template?

Template CSS

CSS font properties

Font family

Font size

Meet the units

Setting the text size using em

Setting the text size using percent

Setting the text size using pixels

Setting the text size using points

Font style

Font weight

Alternative methods to use custom fonts in your web pages

Joomla! text and typography extensions

Frontend font size adjuster (M)

JsIFR3 (P)

capDropper (P)

Browser support and accessibility around fonts

Summary

4. Adding and Managing Image Content

Images and why we use them in websites

Image formats and which ones to use

Digital images

Lossy and lossless data compression

Image formats

GIF

JPEG

PNG

SVG

Including images in your content articles and modules

Adding an image using the Joomla! Article Image button

Adding an image using the Editor Image button

Image placement using custom HTML code

Creating image galleries and slideshows

Image management extensions, and how to install them

Image gallery extensions

Simple Image Gallery

Expose Flash Gallery

Phoca Gallery with Slideshow

Ozio Gallery2

JoomGallery

Image slideshows

RokSlideshow

Simple Image Rotator

Boncko Cooliris (PicLens) Gallery Plugin

Joomla! Template images

How to adjust your template images

Browser support and image accessibility

Summary

5. Using Audio in Your Joomla! Website

What is audio?

Audio and the Internet

Audio formats

Audio compression

Audio codecs

Audio file format

Bit rates

How to compress and encode audio

Embedding and displaying audio in Joomla! Articles

The source

The encoding

The upload

Via FTP

Via the Media Manager

Editors

Creating the article

The audio HTML code

Direct download

Streaming

Embedding code

Including audio using a Joomla! Plugin

Creating an audio podcast for Joomla!

What is a podcast?

What is RSS?

Joomla! and RSS

FeedBurner

Creating a new podcast feed

Select and prepare your audio content

Disable the WYSIWYG editor

Create the category

Create the article to display your audio

Create the menu link and RSS feed

How it all works

FeedBurner

Podcasting using extensions

Third-party audio extensions

Podcast Suite

MP3 Browser

Simple MP3 Player

Jukebox

1 PixelOut Audio Player

Zina

Browser support and audio accessibility

Good practice techniques

Text transcripts

Alternative content

Captioning

Link to downloads

Audio controls

Summary

6. Using Video in Your Joomla! Website

Video on the Internet

Bandwidth limitations

Integration of video with other web content

Authoring and playing video for the Web

Video formats

Video compression

Video codec

Bit rates

Video containers

AVI

FLV

MOV

MPEG

WMV

RM

Embedding and displaying video in your Joomla! web pages

The source

The encoding

The upload

Via FTP

Via the Media Manager

Editors

Creating the article

The video HTML code

Direct download

Streaming

Embedding code

Including a video using an article plugin

Creating a video podcast

Third-party video extensions

AllVideos

hwdVideoShare

Simple Flash Video Player

RokBox

Shadowbox

Browser support and video accessibility

Good practice techniques

Text transcripts

Alternative content

Captioning

Video controls

Summary

7. Collaborating with External Sources

Flickr, YouTube, MySpace, Twitter, Facebook, Google... the list goes on

Using HTML code to include resources

Using third-party extensions for external resources

Joomla! and social networking integration

Twitter Follow Me (M)

AutoTweet NG (C, P)

JTweet (M)

Tweetboard (P)

WebScribble jConnector (C,M,P)

Facebook Fanbox Free (M)

jwFacebook Comments (P)

Joomla! and video channel integration

easiertube (P)

QTube (M, P)

JMultimedia Suite (C, M, P)

Joomla! and audio and radio channel integration

LCPlayer - Radio / TV (M)

Joomla! and photo integration

UniversalPlayground - Flickr slideshow plug-in (P)

Flickr + Highslide (M)

Joomla! and weather integration

Google Weather - Plugin (P, M)

Z Weather (C,M,P)

eWeather (C,M)

Joomla! and news channel integration

Google News (M)

Other resources and how to integrate them with Joomla!

Plugin GoogleMaps (P)

Ajax Whois (C,M)

SlideShare (P)

Slick RSS (M)

RokBox Plugin (P)

Simple RSS Feed Reader (M)

Summary

8. Joomla! Templates and Multimedia

What is a Joomla! Template?

Template components

Scripting and multimedia

Mellow template—Yootheme

Infuse—RocketTheme

JA Halite—Joomla Art

Motion—Yootheme

The mobile web

Making your site mobile friendly

Consider these adjustments

Areas of importance

Disabling images, CSS, and JavaScript

Take an on-demand approach with your multimedia

Load in custom stylesheets or templates for mobile devices

Available extensions

PDA-plugin for Joomla! 1.5 (P,T)

Installation

WAFL: Mobile Content Adaption (P,C,T,M)

Installation

Mobilebot for Joomla 1.5 (P)

Installation

Testing for the mobile web

Disable your stylesheet

Resize your browser

Borrow a phone to test with

Target your visitors, and what you want them to see

Use an emulator

Accessibility

Accessible content

Accessible template code

Fonts, colors, and contrasts

Summary

9. Joomla! Multimedia Project

Overview

Preliminary advice

Getting started

Local development

Installing the MAMP package

How to use MAMP

Creating a local database

Running more than one website locally

Remote server development

The site structure

Things to consider when configuring from the start

Global Configuration settings

Site Settings

Metadata Settings

SEO Settings

User Settings

Media Settings

Debug Settings

Cache Settings

Session Settings

Mail Settings

Content parameters

Front page

Sections and categories

Sections

Categories

Choosing a template / theme for your site

Multimedia features

Text content

Module positions

Adjusting the menu

Front page features

The front page component

Adding a module to display our latest news

Adding the date and time

Adding a search feature

Adding images

Adding an image gallery

Image gallery using Phoca Gallery

Image Gallery in articles, using BK-Thumb

Multimedia display using RokBox

Adding video features

RokBox, here we go again!

Video using hwdVideoShare

Videos within articles using FlowPlayer

Using the QTube extension to display YouTube videos

Adding audio features

MP3 Browser

Simple MP3 Player

RokBox for audio

Adding podcasts

Adding social profiling features

Easy Twitter Status

Twitter Follow Me

Adding RSS features

Adding map features

Googlemaps Plugin

Creating a custom error page

Override system error page

Override system error page styling

Changing the site favicon

Create the image

Convert the image to an ICO format

Replace the existing favicon

Viewing the new favicon

And the rest...

Accessibility and validation

Accessibility

Online validators

Wrapping up

Summary

A. Extension Types and How to Install Them

Extension types

Plugins

Components

Modules

Templates

Languages

How to install

How to uninstall

Index