facebook
favorite button
member since icon
Since November 2024
Instructor since November 2024
Translated by GoogleSee original
Learn CSS: Web Layout and Visual Styles
course price icon
From 31.66 C$ /h
arrow icon
This course will teach you to master CSS, the language used to style web pages. You will learn how to customize colors, fonts, and layouts, as well as how to create attractive interfaces that adapt to different devices. From the basics to advanced techniques, this course will help you become an expert in web design.
Extra information
Knowledge of HTML,
Sign up for my HTML class
Location
location type icon
Online from Spain
Age
Children (7-12 years old)
Teenagers (13-17 years old)
Adults (18-64 years old)
Seniors (65+ years old)
Student level
Beginner
Intermediate
Advanced
Duration
60 minutes
The class is taught in
Spanish
English
Arabic
Skills
skill icon
Css
Availability of a typical week
(GMT -05:00)
New York
at teacher icon
Online via webcam
Mon
Tue
Wed
Thu
Fri
Sat
Sun
00-04
04-08
08-12
12-16
16-20
20-24
This course will take you through the fundamentals of JavaScript, the key language for web development. You will learn how to create interactive web pages, manipulate the DOM, work with events, and apply advanced concepts such as functions, objects, and asynchronous programming. Upon completion, you will have the skills to develop dynamic and functional web applications.
Read more
"Throughout the course, you will learn how to use HTML to design web pages, understand the importance of web semantics, and how to improve the user experience through proper content structure. In addition, you will be able to integrate HTML with other technologies such as CSS and JavaScript."
Read more
Similar classes
arrow icon previousarrow icon next
verified badge
Trainer for 10 years, I offer to support you in your learning of this software.

Dreamweaver is an advanced code editor. It allows you to create and update html and css code more easily.

My course is accessible even if you have no notion of html and css languages. I even suggest you learn the concepts while discovering the features of Dreamweaver.
verified badge
HTML Introduction
HTML Editors
HTML Basic
HTML Elements
HTML Attributes
HTML Headings
HTML Paragraphs
HTML Styles
HTML Formatting
HTML Quotations
HTML Comments
HTML Colors
HTML CSS
HTML Links
HTML Images
HTML Tables
HTML Lists
HTML Blocks
HTML Classes
HTML Id
HTML Iframes
HTML JavaScript
HTML File Paths
HTML Head
HTML Layout
HTML Responsive
HTML Computercode
HTML Entities
HTML Symbols
HTML Charset
HTML URL Encode
CSS Syntax
CSS How To
CSS Colors
CSS Backgrounds
CSS Borders
CSS Margins
CSS Padding
CSS Height/Width
CSS Box Model
CSS Outline
CSS Text
CSS Fonts
CSS Icons
CSS Links
CSS Lists
CSS Tables
CSS Display
CSS Max-width
CSS Position
verified badge
Web Design & Development is an essential skill to learn which can prove to be very beneficial for the future. If you have an idea for a website or an app to build, web design is the first step you need to turn the idea into reality.
HTML & CSS are the next steps that provide you more control over your designs.
These skills also help you in improving your logical and analytical thinking.
I can teach Web Design with Figma, which is an awesome online collaborative tool for beginners which offers a lot of features and options.
verified badge
Doctor trainer in IT teaches you the basics of designing static and dynamic (programmed) web pages.
- Design of HTML web pages
- Applying CSS and SASS styles
- Make the web pages "Responsive"
-Angular framework
- Backend programming: PHP language, or Java/JSP
- Web API
- connection to a MYSQL Database, FireBase
verified badge
You will learn how to go from a blank page to a whole website built by your own hands.
Through HTML you will create the structure, then add the style with CSS and lastly incorporate some dynamic behaviors with the use of JavaScript. We will make it responsive (work for all devices).
We can deploy the app so anyone can be able to access it through a link.
If you have an idea of your own, we can build it together.
Looking forward to meet you!
verified badge
In the digital age, it's good to have a foundation in different programming languages. HTML, CSS and PHP are typically web-oriented programming languages. Approaching the learning of these languages can seem difficult, I have already had the opportunity to hear people say "I would have learned Chinese faster". Don't worry, these languages are available to everyone.
My courses are mainly aimed at people with a beginner or intermediate level in programming in these languages.

"A good teacher does everything to have no more students".
I don't have a predefined method for teaching. Just as a doctor does not give the same remedy to all his patients, I treat each person on a case-by-case basis.
What interests me is being able to advance and improve the student's skills.
verified badge
This course is suitable for all levels and will be adapted according to your projects, the principles are applicable to any type of programming whether for web development, application programming or video games.

The same principles therefore apply to the CMS Joomla, Drupal and the online commerce platforms WooCommerce, Magento, Prestashop and Shopify themes.

Introduction to Web Development
- Overview of web technologies
- Client side vs server side development

HTML (Hypertext Markup Language)
- Structuring web content
- HTML5 Features and Tags

CSS (Cascading Style Sheets)
- Formatting of web pages
- CSS and SCSS

JavaScript, PHP, MySQL
- Fundamentals of JavaScript, PHP and MySQL
- DOM manipulation
- Asynchronous and AJAX programming

Front-End Development
- Responsive web design
- Cross-browser compatibility
- Using CodeKit

Back-End Development
- Choose a suitable web hosting
- Server management and hosting options
- Use of SFTP server
- Create and manage MySQL databases
- Web security, how to avoid hacks
- SEO and speed optimization

WordPress
- Configuration and installation of WordPress
- Installation and customization of themes (Avada in particular)
- Installation and configuration of WooCommerce
- How to manage payments on WooCommerce
- Adapt the colors of a plug-in

SilverStripe
- Install via composer
- Configuration and installation of SilverStripe
- Create a custom theme
- Create a custom back end for SilverStripe
- Create new objects in OOP
- Create templates to visualize objects
- Program routines in PHP and JQuery
verified badge
10 Years of Experience with Over 10 Accredited Certificates, Bachelor's Degree in Multimedia Web Technology from the Ecole Normale Supérieure. I am a coach and website creator with expertise in WordPress. I emphasize ensuring my students are satisfied with my lectures.
Today, I have been working with WordPress for over 3 years, on both large and small projects. I now wish to share this experience with you and provide training on using this incredible tool, WordPress.

Work Program:

My classes generally consist of three stages:

Your Goals: I like to take the time at the beginning of the class to clearly define your objectives and what you want to achieve to ensure your satisfaction. The goal is to address your specific needs.
Theory: I enjoy explaining the 'why' and 'how' behind things. In my opinion, once you understand the logic, it becomes much easier to apply.
Practice: After defining your objectives and covering the theory, we dive into hands-on practice!
The Training Plan:

Understanding Different Types of Websites
Hosting
Website Creation Using WordPress
Website Design Using Elementor, Divi, or WooCommerce
Security
Backups
Optimization
Regarding the website creation and design stage:

We will explore all types of websites and their necessary configurations."
Note: I've translated your text to English, but please make sure to review it for any specific terminology or context that might need further adjustment based on your audience.
verified badge
Web development is the process of building websites and web applications. It involves creating both the structure and appearance of a website, as well as implementing functionality such as forms, navigation, and interactive elements.
HTML, or Hypertext Markup Language, is the basic building block of web pages.
CSS, or Cascading Style Sheets, is used to control the presentation and layout of HTML documents.
Together, HTML and CSS form the foundation of web development, enabling developers to create websites and web applications that are both functional and visually appealing. They are essential tools for anyone looking to build a presence on the internet.
verified badge
This course is for absolute beginners who would like to take the first steps in web development. The couse will cover all the aspects of HTML5 and CSS3 along with a personal portfolio. You will learn the web basics along with concepts like frontend and backend

This coure will further be tailored per you pace and needs. Please drop a meesage for more information.

Additionally I will help you with your assignments and creating webportals. .
verified badge
Dive into the world of web development with my comprehensive HTML course, designed for beginners who want to build stunning, functional websites from the ground up. Whether you’re curious about how websites work or want to create your own, this course will take you step-by-step through the essentials of HTML and beyond, giving you the skills to develop real-world projects confidently.


What You'll Learn:

- HTML Basics: Learn the building blocks of the web by mastering tags, elements, attributes, and how to structure content.
- Interactive Forms: Create dynamic forms for login pages, surveys, and more, and handle user input effectively.
- Adding Media: Discover how to embed images, videos, and other multimedia to make your websites more engaging.
- Linking and Navigation: Build a fully connected website using hyperlinks, menus, and navigation best practices.
- Introduction to CSS: Apply basic styles to your HTML content, learning how to change fonts, colors, layouts, and more.
- Responsive Web Design: Ensure your websites look great on mobile, tablet, and desktop using modern techniques like Bootstrap.
- Semantic HTML: Understand the importance of clean, readable code with semantic tags that improve your website’s accessibility.


Course Features:

- Hands-on exercises for every topic to reinforce learning.
- Personal feedback and guidance on your projects.
- Practical examples and projects to help you apply your skills in real-world scenarios.
- Learn at your own pace, with flexible lessons tailored to your skill level.


Who is this course for?
This course is perfect for beginners with little to no coding experience. By the end, you’ll have a strong foundation in HTML and basic web development, empowering you to continue learning CSS, JavaScript, or dive into more advanced web development.
verified badge
These courses are part of a practical and accessible introductory training course in web development 🌐💻, designed for those who want to learn how to create a website from A to Z.
Using fundamental web technologies—HTML 🧱, CSS 🎨, and JavaScript ⚙️—you'll learn how to structure pages, style them, and make them interactive.

My teaching approach is hands-on: each concept is accompanied by concrete examples and progressive exercises to consolidate your knowledge. You'll discover how to build a responsive interface 📱💡, manage user events 🖱️, and apply simple animations ✨ to improve the user experience.

Whether you are a beginner or looking to consolidate your foundations, this training will guide you step by step towards autonomy in creating your own web projects 🚀

Training plan in 10 modules:

1. Introduction to programming 🧠💡
Understand the basics: logic, Linux commands, simple instructions and algorithms.

2. Introduction to HTML 🧱📄
Structure of a web page, main tags, links, images, tables, forms.

3. Accessibility and SEO ♿🔍
Create inclusive and well-referenced sites: semantic tags, ARIA attributes, good SEO practices.

4. Introduction to CSS 🎨🖌️
Formatting, colors, typography, boxes, flexbox and responsive layout.

5. Git & GitHub 🗂️⚙️
Version your code and collaborate effectively: Git commands, creating repositories, push/pull, pull requests.

6. JavaScript - Data Types 🔢📝
Numbers, strings, booleans, objects, arrays... Learn to manipulate data.

7. JavaScript - Functions and Methods ⚙️🧩
Define and call functions, understand scope, use native methods.

8. JavaScript - Terms ❓🔁
Master the if, else, switch statements to handle specific cases.

9. JavaScript - Arrays and Loops 🔄📊
Iterate efficiently with for, while, forEach, manipulate arrays like a pro.

10. DOM Manipulation & Closures 🌐✨
Edit HTML/CSS from JS, add events, understand closures for advanced interactions.
verified badge
This introductory web development course is specifically designed for beginners who want to learn the basics of JavaScript and HTML. You'll learn the fundamentals of creating interactive and dynamic web pages. Starting with the basics of HTML to structure your pages, you'll then learn how to make them interactive with JavaScript, manipulating page elements, handling events, and applying functions. By the end of this course, you'll be able to create simple web pages, add basic animations, and interact with users.
verified badge
This beginner-friendly course is designed to introduce you to the core technologies of the web: HTML, CSS, and JavaScript. Whether you are completely new to coding or want to strengthen your foundation, this course will guide you step by step through practical examples and real-world projects. By the end of the course, you will be able to build and style interactive web pages with confidence.
verified badge
My classes are geared towards teenagers, young adults, and adults who want to learn programming from scratch. I explain the fundamentals with practical examples and simple projects, adapting the pace to each student. The goal is for you to acquire a solid and understandable foundation to confidently advance in the world of software.
message icon
Contact Yassine
repeat students icon
1st lesson is backed
by our
Good-fit Instructor Guarantee
Similar classes
arrow icon previousarrow icon next
verified badge
Trainer for 10 years, I offer to support you in your learning of this software.

Dreamweaver is an advanced code editor. It allows you to create and update html and css code more easily.

My course is accessible even if you have no notion of html and css languages. I even suggest you learn the concepts while discovering the features of Dreamweaver.
verified badge
HTML Introduction
HTML Editors
HTML Basic
HTML Elements
HTML Attributes
HTML Headings
HTML Paragraphs
HTML Styles
HTML Formatting
HTML Quotations
HTML Comments
HTML Colors
HTML CSS
HTML Links
HTML Images
HTML Tables
HTML Lists
HTML Blocks
HTML Classes
HTML Id
HTML Iframes
HTML JavaScript
HTML File Paths
HTML Head
HTML Layout
HTML Responsive
HTML Computercode
HTML Entities
HTML Symbols
HTML Charset
HTML URL Encode
CSS Syntax
CSS How To
CSS Colors
CSS Backgrounds
CSS Borders
CSS Margins
CSS Padding
CSS Height/Width
CSS Box Model
CSS Outline
CSS Text
CSS Fonts
CSS Icons
CSS Links
CSS Lists
CSS Tables
CSS Display
CSS Max-width
CSS Position
verified badge
Web Design & Development is an essential skill to learn which can prove to be very beneficial for the future. If you have an idea for a website or an app to build, web design is the first step you need to turn the idea into reality.
HTML & CSS are the next steps that provide you more control over your designs.
These skills also help you in improving your logical and analytical thinking.
I can teach Web Design with Figma, which is an awesome online collaborative tool for beginners which offers a lot of features and options.
verified badge
Doctor trainer in IT teaches you the basics of designing static and dynamic (programmed) web pages.
- Design of HTML web pages
- Applying CSS and SASS styles
- Make the web pages "Responsive"
-Angular framework
- Backend programming: PHP language, or Java/JSP
- Web API
- connection to a MYSQL Database, FireBase
verified badge
You will learn how to go from a blank page to a whole website built by your own hands.
Through HTML you will create the structure, then add the style with CSS and lastly incorporate some dynamic behaviors with the use of JavaScript. We will make it responsive (work for all devices).
We can deploy the app so anyone can be able to access it through a link.
If you have an idea of your own, we can build it together.
Looking forward to meet you!
verified badge
In the digital age, it's good to have a foundation in different programming languages. HTML, CSS and PHP are typically web-oriented programming languages. Approaching the learning of these languages can seem difficult, I have already had the opportunity to hear people say "I would have learned Chinese faster". Don't worry, these languages are available to everyone.
My courses are mainly aimed at people with a beginner or intermediate level in programming in these languages.

"A good teacher does everything to have no more students".
I don't have a predefined method for teaching. Just as a doctor does not give the same remedy to all his patients, I treat each person on a case-by-case basis.
What interests me is being able to advance and improve the student's skills.
verified badge
This course is suitable for all levels and will be adapted according to your projects, the principles are applicable to any type of programming whether for web development, application programming or video games.

The same principles therefore apply to the CMS Joomla, Drupal and the online commerce platforms WooCommerce, Magento, Prestashop and Shopify themes.

Introduction to Web Development
- Overview of web technologies
- Client side vs server side development

HTML (Hypertext Markup Language)
- Structuring web content
- HTML5 Features and Tags

CSS (Cascading Style Sheets)
- Formatting of web pages
- CSS and SCSS

JavaScript, PHP, MySQL
- Fundamentals of JavaScript, PHP and MySQL
- DOM manipulation
- Asynchronous and AJAX programming

Front-End Development
- Responsive web design
- Cross-browser compatibility
- Using CodeKit

Back-End Development
- Choose a suitable web hosting
- Server management and hosting options
- Use of SFTP server
- Create and manage MySQL databases
- Web security, how to avoid hacks
- SEO and speed optimization

WordPress
- Configuration and installation of WordPress
- Installation and customization of themes (Avada in particular)
- Installation and configuration of WooCommerce
- How to manage payments on WooCommerce
- Adapt the colors of a plug-in

SilverStripe
- Install via composer
- Configuration and installation of SilverStripe
- Create a custom theme
- Create a custom back end for SilverStripe
- Create new objects in OOP
- Create templates to visualize objects
- Program routines in PHP and JQuery
verified badge
10 Years of Experience with Over 10 Accredited Certificates, Bachelor's Degree in Multimedia Web Technology from the Ecole Normale Supérieure. I am a coach and website creator with expertise in WordPress. I emphasize ensuring my students are satisfied with my lectures.
Today, I have been working with WordPress for over 3 years, on both large and small projects. I now wish to share this experience with you and provide training on using this incredible tool, WordPress.

Work Program:

My classes generally consist of three stages:

Your Goals: I like to take the time at the beginning of the class to clearly define your objectives and what you want to achieve to ensure your satisfaction. The goal is to address your specific needs.
Theory: I enjoy explaining the 'why' and 'how' behind things. In my opinion, once you understand the logic, it becomes much easier to apply.
Practice: After defining your objectives and covering the theory, we dive into hands-on practice!
The Training Plan:

Understanding Different Types of Websites
Hosting
Website Creation Using WordPress
Website Design Using Elementor, Divi, or WooCommerce
Security
Backups
Optimization
Regarding the website creation and design stage:

We will explore all types of websites and their necessary configurations."
Note: I've translated your text to English, but please make sure to review it for any specific terminology or context that might need further adjustment based on your audience.
verified badge
Web development is the process of building websites and web applications. It involves creating both the structure and appearance of a website, as well as implementing functionality such as forms, navigation, and interactive elements.
HTML, or Hypertext Markup Language, is the basic building block of web pages.
CSS, or Cascading Style Sheets, is used to control the presentation and layout of HTML documents.
Together, HTML and CSS form the foundation of web development, enabling developers to create websites and web applications that are both functional and visually appealing. They are essential tools for anyone looking to build a presence on the internet.
verified badge
This course is for absolute beginners who would like to take the first steps in web development. The couse will cover all the aspects of HTML5 and CSS3 along with a personal portfolio. You will learn the web basics along with concepts like frontend and backend

This coure will further be tailored per you pace and needs. Please drop a meesage for more information.

Additionally I will help you with your assignments and creating webportals. .
verified badge
Dive into the world of web development with my comprehensive HTML course, designed for beginners who want to build stunning, functional websites from the ground up. Whether you’re curious about how websites work or want to create your own, this course will take you step-by-step through the essentials of HTML and beyond, giving you the skills to develop real-world projects confidently.


What You'll Learn:

- HTML Basics: Learn the building blocks of the web by mastering tags, elements, attributes, and how to structure content.
- Interactive Forms: Create dynamic forms for login pages, surveys, and more, and handle user input effectively.
- Adding Media: Discover how to embed images, videos, and other multimedia to make your websites more engaging.
- Linking and Navigation: Build a fully connected website using hyperlinks, menus, and navigation best practices.
- Introduction to CSS: Apply basic styles to your HTML content, learning how to change fonts, colors, layouts, and more.
- Responsive Web Design: Ensure your websites look great on mobile, tablet, and desktop using modern techniques like Bootstrap.
- Semantic HTML: Understand the importance of clean, readable code with semantic tags that improve your website’s accessibility.


Course Features:

- Hands-on exercises for every topic to reinforce learning.
- Personal feedback and guidance on your projects.
- Practical examples and projects to help you apply your skills in real-world scenarios.
- Learn at your own pace, with flexible lessons tailored to your skill level.


Who is this course for?
This course is perfect for beginners with little to no coding experience. By the end, you’ll have a strong foundation in HTML and basic web development, empowering you to continue learning CSS, JavaScript, or dive into more advanced web development.
verified badge
These courses are part of a practical and accessible introductory training course in web development 🌐💻, designed for those who want to learn how to create a website from A to Z.
Using fundamental web technologies—HTML 🧱, CSS 🎨, and JavaScript ⚙️—you'll learn how to structure pages, style them, and make them interactive.

My teaching approach is hands-on: each concept is accompanied by concrete examples and progressive exercises to consolidate your knowledge. You'll discover how to build a responsive interface 📱💡, manage user events 🖱️, and apply simple animations ✨ to improve the user experience.

Whether you are a beginner or looking to consolidate your foundations, this training will guide you step by step towards autonomy in creating your own web projects 🚀

Training plan in 10 modules:

1. Introduction to programming 🧠💡
Understand the basics: logic, Linux commands, simple instructions and algorithms.

2. Introduction to HTML 🧱📄
Structure of a web page, main tags, links, images, tables, forms.

3. Accessibility and SEO ♿🔍
Create inclusive and well-referenced sites: semantic tags, ARIA attributes, good SEO practices.

4. Introduction to CSS 🎨🖌️
Formatting, colors, typography, boxes, flexbox and responsive layout.

5. Git & GitHub 🗂️⚙️
Version your code and collaborate effectively: Git commands, creating repositories, push/pull, pull requests.

6. JavaScript - Data Types 🔢📝
Numbers, strings, booleans, objects, arrays... Learn to manipulate data.

7. JavaScript - Functions and Methods ⚙️🧩
Define and call functions, understand scope, use native methods.

8. JavaScript - Terms ❓🔁
Master the if, else, switch statements to handle specific cases.

9. JavaScript - Arrays and Loops 🔄📊
Iterate efficiently with for, while, forEach, manipulate arrays like a pro.

10. DOM Manipulation & Closures 🌐✨
Edit HTML/CSS from JS, add events, understand closures for advanced interactions.
verified badge
This introductory web development course is specifically designed for beginners who want to learn the basics of JavaScript and HTML. You'll learn the fundamentals of creating interactive and dynamic web pages. Starting with the basics of HTML to structure your pages, you'll then learn how to make them interactive with JavaScript, manipulating page elements, handling events, and applying functions. By the end of this course, you'll be able to create simple web pages, add basic animations, and interact with users.
verified badge
This beginner-friendly course is designed to introduce you to the core technologies of the web: HTML, CSS, and JavaScript. Whether you are completely new to coding or want to strengthen your foundation, this course will guide you step by step through practical examples and real-world projects. By the end of the course, you will be able to build and style interactive web pages with confidence.
verified badge
My classes are geared towards teenagers, young adults, and adults who want to learn programming from scratch. I explain the fundamentals with practical examples and simple projects, adapting the pace to each student. The goal is for you to acquire a solid and understandable foundation to confidently advance in the world of software.
Good-fit Instructor Guarantee
favorite button
message icon
Contact Yassine