Course : CSS, adding style to your Web pages
Practical course - 2d
- 14h00 - Ref. CSS
|
Download in PDF format
Share this course by email
 | Creating a page skeleton with CSS |
| Formatting styles for text treatments |
| Stylizing visual effects (drop shadows, reflections, gradients, etc.) |
| Managing interactivity with JavaScript |
| Improve form interactivity |
Intended audience
This course is aimed at all web designers, webmasters and graphic artists wishing to acquire a good knowledge of web formatting.
Prerequisites
Basic knowledge of HTML.
Course schedule
1 Reminders
- Client/server architecture. Browsers.
- Client-side languages XML, (X)HTML, CSS, JavaScript.
- The Semantic Web. Accessibility. Encoding.
2 CSS basics
- The benefits of style sheets.
- The different versions of CSS (CSS1, CSS2, CSS3).
- CSS cascade. CSS sheet storage.
- Browser support.
- Selector types (id, class and tags).
- Priority order. Properties.
- Units of measurement (em, px, pt...).
- Colors (RGB versus basic).
Hands-on work
Style creation and management. Relative unit management. Adaptation to media types.
3 Boxes and blocks
- Block versus inline tags.
- CSS flow. Margins (margin, padding).
- In-flow positioning (relative, floating), out-of-flow positioning (absolute, fixed).
- z-index (altitude). The box-sizing property. Formatting contexts.
- Backgrounds and borders (colors, transparency, rounded corners, drop shadows).
- Content (scrolling).
- Special case of paintings.
Hands-on work
Creation of a page skeleton (positioning by div).
4 Text styles
- Font modification (sizes, fonts, colors, etc.).
- Text alignment.
- Pseudo-classes.
- Visual effects (flashing, etc.).
- Horizontal and vertical lists and menus.
Hands-on work
Horizontal/vertical menu formatting. Visual effects: transparency, drop shadows...
5 The images
- Content (img) versus appearance (background).
- Resize. Rollover.
- Links and images.
Hands-on work
Image integration.
6 The forms
- Design input fields, selection lists, text boxes, checkboxes...
- Formatting of labels, captions, fieldsets, etc.
Hands-on work
Forms production.
7 Modifying CSS in JavaScript
- Modifying styles in JavaScript (style and className interfaces).
- Effects: pop-up, click-and-drag, drop-down menu...
Hands-on work
Joint use of CSS and JavaScript (sliding menu, form effects, etc.).
Customer reviews
4,8 / 5
Customer reviews are based on end-of-course evaluations. The score is calculated from all evaluations within the past year. Only reviews with a textual comment are displayed.
TESS P.
24/11/25
5 / 5
Very good content, good documentation. The training was also very well presented.
VICTORIYA D.
24/11/25
5 / 5
Stéphane teaches very well, and the course runs smoothly and progressively. If you already have a basic knowledge of CSS, it may be preferable to take a more advanced course, although this will also help you consolidate the fundamentals.
MARYSE K.
17/11/25
5 / 5
A course that fully meets my expectations and will help me to develop my professional skills.
Publication date : 05/16/2024
PARTICIPANTS
This course is aimed at all web designers, webmasters and graphic artists wishing to acquire a good knowledge of web formatting.
PREREQUISITES
Basic knowledge of HTML.
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.
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.
This course is aimed at all web designers, webmasters and graphic artists wishing to acquire a good knowledge of web formatting.
PREREQUISITES
Basic knowledge of HTML.
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.
• 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.
This programme is an original creation, developed by the teaching teams at ORSYS Formation. Any reproduction, representation, adaptation or use, in whole or in part, without the prior written authorisation of ORSYS, is strictly prohibited. ORSYS reserves the right to take any action necessary to protect its intellectual property rights.
Dates and locations
Select your location or opt for the remote class then choose your date.
Remote class
Dernières places
Date garantie en présentiel ou à distance
Session garantie
This programme is an original creation, developed by the teaching teams at ORSYS Formation. Any reproduction, representation, adaptation or use, in whole or in part, without the prior written authorisation of ORSYS, is strictly prohibited. ORSYS reserves the right to take any action necessary to protect its intellectual property rights.