Tuesday, November 30, 2010
Preface
Joomla! is a Content Management System designed to organize and deliver content
within a website environment.
Multimedia provides us with stunning interactive user experiences and wonderful
design options, but it requires discipline and knowledge to utilize it effectively so
that we do not alienate our audiences.
If you want to display more than just text on your Joomla! pages, this book has been
designed for you and is a must-read. It takes you beyond the basics of Joomla! and
helps to take full advantage of this powerful CMS structure to deliver media-rich
web content to your site users. This book provides detailed information and all the
required know-how for Joomla! administrators to create engaging, media-rich Joomla!
websites. Utilizing core Joomla! features and the power of Joomla! Extensions, this
step-by-step guide will show you how to include popular media elements into your
website and collaborate with external web resources.
You will learn everything you need to know to present text, images, video, and audio
in your content by manually embedding content, using more automated methods,
and the power of specialized extensions. You will learn to create regular podcasts
and utilize RSS to help publicize and deliver your site content.
Learn about the popular multimedia extensions for Joomla!; learn how they benefit
your CMS with additional features, and how they are installed and configured.
Utilize the abundance of external resources now available on the Web and learn
how your Joomla! site can interact and present content from such sites as YouTube, Flickr, Twitter, and Google.
JOOMLA. Table of Contents
Preface
Chapter 1:
Getting Started with Joomla! Multimedia
What is multimedia?
Categories of multimedia
Linear
Non-linear
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
Chapter 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
Third-party file management extensions
eXtplorer
Joomla! Flash Uploader
Summary
Chapter 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
Meet the units
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
Chapter 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
Image slideshows
Joomla! Template images
How to adjust your template images
Browser support and image accessibility
Summary
Chapter 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
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
Chapter 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
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
Chapter 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
Chapter 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)
WAFL: Mobile Content Adaption (P,C,T,M)
Mobilebot for Joomla 1.5 (P)
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
Chapter 9: Joomla! Multimedia Project
Overview
Preliminary advice
Getting started
Local development
Installing the MAMP package
How to use MAMP
Remote server development
The site structure
Things to consider when configuring from the start
Global Configuration settings
Content parameters
Front page
Sections and 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
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
Appendix: Extension Types and How to Install Them
Extension types
Plugins
Components
Modules
Templates
Languages
How to install
How to uninstall
Index
Chapter 1:
Getting Started with Joomla! Multimedia
What is multimedia?
Categories of multimedia
Linear
Non-linear
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
Chapter 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
Third-party file management extensions
eXtplorer
Joomla! Flash Uploader
Summary
Chapter 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
Meet the units
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
Chapter 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
Image slideshows
Joomla! Template images
How to adjust your template images
Browser support and image accessibility
Summary
Chapter 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
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
Chapter 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
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
Chapter 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
Chapter 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)
WAFL: Mobile Content Adaption (P,C,T,M)
Mobilebot for Joomla 1.5 (P)
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
Chapter 9: Joomla! Multimedia Project
Overview
Preliminary advice
Getting started
Local development
Installing the MAMP package
How to use MAMP
Remote server development
The site structure
Things to consider when configuring from the start
Global Configuration settings
Content parameters
Front page
Sections and 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
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
Appendix: Extension Types and How to Install Them
Extension types
Plugins
Components
Modules
Templates
Languages
How to install
How to uninstall
Index
Subscribe to:
Posts (Atom)