Modern,Responsive Websites with HTML & CSS [STA_HCSS-MR]

Durée totale
Localisation
A cet endroit
Date et lieu de début

Modern,Responsive Websites with HTML & CSS [STA_HCSS-MR]

Global Knowledge Belgium BV
Logo Global Knowledge Belgium BV
Note du fournisseur: starstarstar_halfstar_borderstar_border 4,5 Global Knowledge Belgium BV a une moyenne de 4,5 (basée sur 2 avis)

Astuce: besoin de plus d'informations sur la formation? Téléchargez la brochure!

Dates et lieux de début

placeVirtual
4 nov. 2024 jusqu'au 6 nov. 2024
placeVirtual
9 déc. 2024 jusqu'au 11 déc. 2024
placeVirtual
3 fév. 2025 jusqu'au 5 fév. 2025
placeVirtual
17 mar. 2025 jusqu'au 19 mar. 2025

Description

Vrijwel iedere training die op een onze locaties worden getoond zijn ook te volgen vanaf huis via Virtual Classroom training. Dit kunt u bij uw inschrijving erbij vermelden dat u hiervoor kiest.

OVERVIEW

Modern,Responsive Websites with HTML & CSS Course Overview

HTML & CSS are the fundamental building blocks of the web. This course is designed to provide delegates with the knowledge and skills necessary to build and deploy stylish,accessible websites that look good on any device.

Delegates will learn how to build websites that incorporate text elements,hyperlinks,images,audio and video,tables and forms,all styled using the latest CSS techniques. Delegates will also learn how to make their sites responsive from the start.

Exercises and examples are used throughout the course to give practical hands-on experience with the techniques covered.

NB: Some similar courses make mention of HT…

Lisez la description complète ici

Foire aux questions (FAQ)

Il n'y a pour le moment aucune question fréquente sur ce produit. Si vous avez besoin d'aide ou une question, contactez notre équipe support.

Vous n'avez pas trouvé ce que vous cherchiez ? Voir aussi : Webdesign, HTML, Développeur / Developer, Développement Web et Créer son site web.

Vrijwel iedere training die op een onze locaties worden getoond zijn ook te volgen vanaf huis via Virtual Classroom training. Dit kunt u bij uw inschrijving erbij vermelden dat u hiervoor kiest.

OVERVIEW

Modern,Responsive Websites with HTML & CSS Course Overview

HTML & CSS are the fundamental building blocks of the web. This course is designed to provide delegates with the knowledge and skills necessary to build and deploy stylish,accessible websites that look good on any device.

Delegates will learn how to build websites that incorporate text elements,hyperlinks,images,audio and video,tables and forms,all styled using the latest CSS techniques. Delegates will also learn how to make their sites responsive from the start.

Exercises and examples are used throughout the course to give practical hands-on experience with the techniques covered.

NB: Some similar courses make mention of HTML5 and CSS3. Ours does not because HTML5 implies JavaScript which is not covered by this course,and CSS3 implies only a subset of the total specification. The code delegates will produce during the course will make use of the most up-to-date features of both languages.

OBJECTIVES

Course Objectives

This course aims to provide delegates with the skills and knowledge necessary to construct stylish and responsive HTML pages that exploit all the core HTML elements including text elements,hyperlinks,multimedia,tables,and forms. Delegates should also be able to style and lay out said elements exploiting a solid understanding of CSS concepts and core CSS properties.

AUDIENCE

Who will the Course Benefit?

The Modern,Responsive Websites with HTML & CSS course is aimed at those who are new or have had little exposure to HTML & CSS and who will be responsible for building and/or maintaining websites. It may also be of value to those who wish to refresh/renew their knowledge on the subject after some time away from it.

NEXT STEP

Further Learning

  • Core JavaScript
  • JavaScript Developer

CONTENT

Modern,Responsive Websites with HTML & CSS Training Course

Course Contents - DAY 1

Course Introduction

  • Administration and Course Materials
  • Course Structure and Agenda
  • Delegate and Trainer Introductions

Session 1: INTRODUCTION

  • Setting up the development environment
  • How the web works
  • HTML
  • Elements,tags,and attributes
  • HTML document structure
  • An introduction to mobile-first development
  • Special characters
  • Comments
  • CSS
  • Rules,selectors,and properties
  • Linking HTML and CSS
  • Chrome's Developer Tools
  • Publishing

Session 2: TEXT ELEMENTS

  • Headings and paragraphs
  • Other text elements
  • Styling text elements
  • CSS values and units
  • Web fonts
  • Unordered and ordered lists
  • Styling lists

Session 3: HYPERLINKS

  • Hyperlinks
  • URLs and paths
  • Document fragments
  • Email links
  • Styling links

Session 4: MORE CSS SELECTORS

  • Selectors (again)
  • Selector lists
  • Type,class,and ID selectors
  • Attribute selectors
  • Pseudo-classes and pseudo-elements
  • Combinators
  • The cascade,specificity and inheritance
  • At-rules

Modern,Responsive Websites with HTML & CSS Training Course

Course Contents - DAY 2

Session 5: STRUCTURING CONTENT

  • Block and inline elements
  • The box model
  • Styling boxes
  • Semantic elements
  • Line breaks and horizontal rules
  • An introduction to layout using CSS Grid

Session 6: MULTIMEDIA AND EMBEDDING

  • Images
  • Image formats
  • Figures and captions
  • Styling images
  • Background images
  • Video and audio
  • Media container formats
  • Video text tracks
  • Embedding content with iframe,embed,and object (briefly)
  • SVG
  • Icons

Session 7: TABLES

  • Table rows and cells
  • Headers
  • Spanning
  • Column groups
  • Captions
  • Semantic table tags
  • Styling tables

Session 8: FORMS

  • The purpose of forms
  • Forms
  • Labels and text boxes
  • Buttons
  • Styling forms
  • Sending form data to the server
  • Grouping form fields
  • Input types and attributes
  • Drop down boxes
  • Progress bars

Modern,Responsive Websites with HTML & CSS Training Course

Course Contents - DAY 3

Session 9: MORE LAYOUT

  • Normal flow
  • Floats
  • Positioning
  • Flexbox
  • Multi-column layout
  • Grid
  • Responsive design
  • Media queries
  • Feature queries
  • Responsive media
  • Intrinsic layout patterns

Session 10: MORE CSS PROPERTIES

  • Rounded corners
  • Multiple backgrounds
  • Gradients
  • Shadows
  • Text effects
  • Transforms
  • Transitions
  • Animations
  • And more?

Session 11: CSS FRAMEWORKS AND PREPROCESSORS

  • CSS frameworks
  • The pros and cons of CSS frameworks
  • Popular CSS frameworks
  • CSS preprocessors
  • CSS preprocessor features
  • Popular CSS preprocessors
  • CSS?s var function

Session 12: INTRODUCTION TO UI/UX DESIGN,SEO,& PERFORMANCE OPTIMISATION

  • UI/UX design
  • UI/UX design guidelines and best practices
  • Search Engine Optimisation (SEO)
  • HTML tags that are important for SEO
  • SEO best practices
  • Website performance optimisation

Rester à jour sur les nouveaux avi

Pas encore d'avis.

Partagez vos avis

Avez-vous participé à cours? Partagez votre expérience et aider d'autres personnes à faire le bon choix. Pour vous remercier, nous donnerons 1,00 € à la fondation Stichting Edukans.

Il n'y a pour le moment aucune question fréquente sur ce produit. Si vous avez besoin d'aide ou une question, contactez notre équipe support.

Recevoir une brochure d'information (gratuit)

(optionnel)
(optionnel)
(optionnel)
(optionnel)
(optionnel)
(optionnel)

Vous avez des questions?

(optionnel)
Nous conservons vos données personnelles dans le but de vous accompagner par email ou téléphone.
Vous pouvez trouver plus d'informations sur : Politique de confidentialité.