31
Oct
Joomla! - The Beauty in Design (Tutorial Videos)

Tutorial Videos of :
•A Joomla! for Beginners
•B Building a CSS Template for JOOMLA
•C Increasing User Experience with Javascript
•D Template Migration for Joomla Tutorial Series
•E MooTools for the Rest of Us
COURSES OUTLINE :
A. Joomla! for Beginners
01. Introduction
02. Downloading Joomla!
03. Creating your Database
04. Uploading Joomla! to your site
05. Installing and Configuring Joomla!
06. A Walk around the Front End
07. It’s all about Content
08. The Back End - Administrator
09. Creating Sections
10. Creating Categories
11. Creating Content Items
12. Linking to Menus
13. Installing Templates
14. Worked Example - An online shop
15. Worked Example - A membership site
16. Worked Example - A magazine
17. Support and Conclusion
B. Building a CSS Template for JOOMLA
1. Lesson One – Slicing a Photoshop Image
• Planning the Layout
• Slicing Images
• Naming Slices
• Saving for the Web
2. Lesson Two – Creating the Foundation
• Files and Folders
• Linking the CSS into the PHP Document
• Getting Setup in Style Master
• Creating the DIV tags
3. Lesson Three – CSS Layout I
• Styling the Body
• Styling the Container
• Styling the Header
4. Lesson Four – CSS Layout II
• Styling the content DIV
• Working through browser bugs
5. Lesson Five – Finishing up and JOOMLA Integration
• Install JOOMLA Plug-in from
• Placing the Header Code
• Placing the Content Code
• Prepare the XML file
• Zip and Upload
Download
Code:
http://rapidshare.com/files/81152001/Building_a_CSS_Template_for_JOOMLA_LessonOneFinal.rar
http://rapidshare.com/files/81152667/Building_a_CSS_Template_for_JOOMLA_LessonTwoFinal.rar
http://rapidshare.com/files/81154291/Building_a_CSS_Template_for_JOOMLA_LessonThreeFinal.rar
http://rapidshare.com/files/81155655/Building_a_CSS_Template_for_JOOMLA_LessonFourFinal.rar
http://rapidshare.com/files/81157164/Building_a_CSS_Template_for_JOOMLA_LessonFiveFinal.rar
C. Increasing User Experience with Javascript
1. Introduction
• Overview of the series
• Showcasing the javascript effects
2. Lesson Two - De-Cluttering the Membership Page
• Attaching scripts
• Considering MooTools as a solution to a cluttered layout
• Using the Fx.Styles of Mootools to change element properties
3. Lesson Three - Using MooTabs to Condense Related Products
• Understanding how MooTabs works
• Implementing MooTabs to condense the related products of a shopping cart
4. Lesson Four - Using a MooTools ‘Light Box’ to Create a Friendly Gallery
• Understanding the problem with the existing gallery
• Fixing the gallery with the MooTools Light Box
5. Lesson Five - Using Fx.Styles to Control Font Size
• Selecting an area to change
• Implementing Fx.Styles to change fonts
6. Lesson Six - Creating a Sliding Sub Menu with MooTools
• Analyzing the main menu and sub-menu for implementation
• Implement some simple MooTools effects to reveal sub-links
7. Lesson Seven - Implementing Reflection Javascript for Images
• Downloading and using reflection.js for images
8. Lesson Eight - Creating a Sliding Image Menu
• Understanding how the Sliding Image Menu works
• Implementing the Sliding Image Menu
9. Lesson Nine - Using AJAX with the Sliding Image Menu
• Creating an updated area for changing content
• Implementing AJAX links with the Sliding Image Menu
Download
Code:
http://rapidshare.com/files/81160016/Increasing_User_Experience_With_Javascript_lessonOne.rar
http://rapidshare.com/files/81167626/Increasing_User_Experience_With_Javascript_lessonTwo.rar
http://rapidshare.com/files/81168240/Increasing_User_Experience_With_Javascript_lessonThree.rar
http://rapidshare.com/files/81168928/Increasing_User_Experience_With_Javascript_lessonFour.rar
http://rapidshare.com/files/81169185/Increasing_User_Experience_With_Javascript_lessonFive.rar
http://rapidshare.com/files/81169572/Increasing_User_Experience_With_Javascript_lessonSix.rar
http://rapidshare.com/files/81169682/Increasing_User_Experience_With_Javascript_lessonSeven.rar
http://rapidshare.com/files/81169999/Increasing_User_Experience_With_Javascript_lessonEight.rar
http://rapidshare.com/files/81170420/Increasing_User_Experience_With_Javascript_lessonNine.rar
D. Template Migration for Joomla Tutorial Series
1. Lesson One - Introduction and Re-Ordering the File Structure
• Introduction to the Template
• Moving the template files to the correct location for Joomla
2. Lesson Two - Optimizing the Template
• The Dreamweaver extension from Joomlasolutions.com
• Inserting the php tags, header code, and various other code
3. Lesson Three - The Template Details XML File
• How the template_details.xml works
• Assigning files, images, css, etc.
4. Lesson Four - Re-naming and Styling the Main Menu
• Understanding how the Main Menu is styled
• Re-assigning existing menu styles with the Joomla selectors
5. Lesson Five - Migrating Styles for Use with Modules
• Latest news module changes
• Main menu module stylings in other positions
6. Lesson Six - Custom Module Styling Using Class Suffixes
• Styling the Newsflash module similar to the static template
Using class suffixes in Joomla
7. Lesson Seven - Styling Various Joomla Elements
• Style matching the titles, paragraphs, etc. in the template
• News component styling
Download
Code:
http://rapidshare.com/files/81157445/Template_Migration_for_Joomla_Tutorial_Series_lessonOne.rar
http://rapidshare.com/files/81157769/Template_Migration_for_Joomla_Tutorial_Series_lessonTwo.rar
http://rapidshare.com/files/81158130/Template_Migration_for_Joomla_Tutorial_Series_lessonThree.rar
http://rapidshare.com/files/81158273/Template_Migration_for_Joomla_Tutorial_Series_lessonFour.rar
http://rapidshare.com/files/81158609/Template_Migration_for_Joomla_Tutorial_Series_lessonFive.rar
http://rapidshare.com/files/81158992/Template_Migration_for_Joomla_Tutorial_Series_lessonSix.rar
http://rapidshare.com/files/81159641/Template_Migration_for_Joomla_Tutorial_Series_lessonSeven.rar
E. MooTools for the Rest of Us
1. Lesson One - Ideas and Resources
The Purpose and Format of this series
Where to get ideas from/documentation
Getting MooTools
2. Lesson Two - Setting up the Document
• Javascript insertion
• Testing out an effect
3. Lesson Three - Creating a “Drag & Resize”-able Window
Finding ideas
Implementing an idea
Duplicating several windows
4. Lesson Four - Opacity Fades for various windows
Recognizing windows to fade
Implementing the code
Custom Options
5. Lesson Five - Using Moo.Ajax for the JoomlaOS Template
Some benefits
Creating an Ajax link for the JoomlaOS Template
Download
Code:
http://rapidshare.com/files/81170728/MooTools_for_the_Rest_of_Us_Tutorial_Series_LessonOne.rar
http://rapidshare.com/files/81171353/MooTools_for_the_Rest_of_Us_Tutorial_Series_LessonTwo.rar
http://rapidshare.com/files/81171713/MooTools_for_the_Rest_of_Us_Tutorial_Series_LessonThree.rar
http://rapidshare.com/files/81175938/MooTools_for_the_Rest_of_Us_Tutorial_Series_LessonFour.rar
http://rapidshare.com/files/81176549/MooTools_for_the_Rest_of_Us_Tutorial_Series_LessonFive.rar
Remaining Collection BEAUTY IN DESIGN sorry forgot to post those links
Code:
http://rapidshare.com/files/81144262/JoomlaTemplatesCollection.part01.rar
http://rapidshare.com/files/81145855/JoomlaTemplatesCollection.part02.rar
http://rapidshare.com/files/81146602/JoomlaTemplatesCollection.part03.rar
http://rapidshare.com/files/81147959/JoomlaTemplatesCollection.part04.rar
http://rapidshare.com/files/81149140/JoomlaTemplatesCollection.part05.rar
http://rapidshare.com/files/81150695/JoomlaTemplatesCollection.part06.rar
http://rapidshare.com/files/81151606/JoomlaTemplatesCollection.part07.rar








