Vous avez déjà un compte client ORSYS
Se connecter
Vous êtes nouveau chez ORSYS
Créer un compte
Vous ne souhaitez pas créer de compte
Poursuivre sans me connecter

Publication date : 03/13/2024

Course : Joomla!, Web design

Practical course - 4d - 28h00 - Ref. JKE

Joomla!, Web design




You'll learn how to install HTML/CSS development tools and use Bootstrap to customize your pages using CSS classes. You'll be able to create and modify templates and manage advanced administration for setting up content.


INTER
IN-HOUSE
CUSTOM

Practical course in person or remote class
Available in English on request

Ref. JKE
  4d - 28h00
Contact us

Download in PDF format

Share this course by email




You'll learn how to install HTML/CSS development tools and use Bootstrap to customize your pages using CSS classes. You'll be able to create and modify templates and manage advanced administration for setting up content.


Teaching objectives
At the end of the training, the participant will be able to:
Learn the basics of HTML/CSS through hands-on experience
Create and structure a Joomla! page using the Gantry 5 framework

Intended audience
Any administrator who has mastered basic administration functions and wishes to customize or design their own Joomla! template.

Prerequisites
Basic knowledge of HTML/CSS.

Practical details
Teaching methods
Training alternates theory and practice. Everything we learn is put into practice.

Course schedule

1
HTML/CSS development tools

  • Install and configure a code editor: Komodo Edit.
  • Where to find HTML/CSS resources on the web?
  • Steps in website design: from mockup to integration.
  • Awareness of responsive design.
Hands-on work
Installing Komodo Edit.

2
HTML

  • HTML language: basic tags.
  • Structure a static HTML page.
Hands-on work
HTML code creation.

3
CSS

  • The basics of CSS.
  • Create an internal or external style sheet.
Hands-on work
Creating a CSS style sheet.

4
HTML/CSS in practice: study of a Bootstrap framework

  • Download and install Bootstrap.
  • Building an HTML/CSS page with Bootstrap.
  • Customize the layout using Bootstrap CSS classes.
Hands-on work
Bootstrap installation and operation.

5
Advanced Joomla! administration

  • Creating an extension overload in Joomla!
  • Understand the structure of a Joomla! template.
  • Analyze the structure of a Joomla! module.
  • Customize the layout of a module: CSS class suffixes.
  • Optimize article formatting by integrating CSS classes.
  • Design fluid, responsive article content.
  • Setting up content templates: content templater.
Hands-on work
Customizing a Joomla! module.

6
Design and customize a Joomla! template with Gantry 5

  • Install and customize Gantry 5.
  • Default style settings: template "base outline".
  • Understanding the structure of a template: the layout.
  • Create and customize module positions.
  • Creation of Joomla! page templates and assembly of an authentication page for an intranet/extranet site.
  • Introduction to the concept of Gantry 5 particles.
  • Menu and hyper menu management.
  • Setting up the customization style sheet.
  • CSS code compiler: the Sass language in Gantry 5.
  • Add a font.
Hands-on work
Customize a Joomla! template with Gantry 5.

7
Template from a graphic model

  • Analysis of a mock-up in Adobe Photoshop.
  • Extraction of graphic elements.
  • Implementation of the graphic charter in the template's style sheet (variables and Sass mixins).
  • Template design and positioning of the Joomla! template.
  • Integration of content (modules, articles, etc.).
  • Creation and customization of the template by integrating CSS code into the style sheet.
Hands-on work
Create a model from a Photoshop layout.
PARTICIPANTS
Any administrator who has mastered basic administration functions and wishes to customize or design their own Joomla! template.

PREREQUISITES
Basic knowledge of HTML/CSS.

TRAINER QUALIFICATIONS
The experts leading the training are specialists in the covered subjects. They have been approved by our instructional teams for both their professional knowledge and their teaching ability, for each course they teach. They have at least five to ten years of experience in their field and hold (or have held) decision-making positions in companies.

ASSESSMENT TERMS
The trainer evaluates each participant’s academic progress throughout the training using multiple choice, scenarios, hands-on work and more.
Participants also complete a placement test before and after the course to measure the skills they’ve developed.

TEACHING AIDS AND TECHNICAL RESOURCES
• The main teaching aids and instructional methods used in the training are audiovisual aids, documentation and course material, hands-on application exercises and corrected exercises for practical training courses, case studies and coverage of real cases for training seminars.
• At the end of each course or seminar, ORSYS provides participants with a course evaluation questionnaire that is analysed by our instructional teams.
• A check-in sheet for each half-day of attendance is provided at the end of the training, along with a course completion certificate if the trainee attended the entire session.

TERMS AND DEADLINES
Registration must be completed 24 hours before the start of the training.

ACCESSIBILITY FOR PEOPLE WITH DISABILITIES
Do you need special accessibility accommodations? Contact Mrs. Fosse, Disability Manager, at psh-accueil@orsys.fr to review your request and its feasibility.