Archives de Catégorie: Training Development

Formation Photoshop CC – 3 jours

formation-photoshop-online-via-teams-bruxelles
formation-photoshop-online-via-teams-bruxelles

Plan de formation Photoshop

Préambule

Interface : les nouveautés
Affichage : les nouveautés (cadre et barre de l’application, panneau et espace de travail, rotation du plan de travail…)
Qu’est-ce qu’un pixel ?
Différence entre une image vectorielle et une image bitmap
Notions de résolution d’images
Principaux formats d’enregistrements (PAO et Web)
Les palettes
Les outils et utilisation de la barre d’options des outils
Les règles et la grille
Gestion des calques
La palette historique

Taille de l’image et zone de travail

Taille de l’image : dimension en pixels et taille d’impression
Rééchantillonnage d’image
Recadrage
Taille et rotation de la zone de travail

Utilisation de la couleur

Les différents modes de couleurs (RVB, CMJN, niveaux de gris…)
Les profils colorimétriques
Couleur de premier plan et couleur d’arrière-plan

Retouches colorimétriques

Outils Balance des couleurs et Variantes
Outil Teinte / Saturation
Les niveaux
Les courbes et la commande Tons foncés / Tons clairs

Les outils de sélection

Qu’est-ce qu’une sélection ?
Le lissage
Les contours progressifs
Le rectangle et l’ellipse
Outil de sélection rapide
La baguette magique
Le lasso
Outil Améliorer les contours
Mémoriser une sélection : les couches alpha
Sélection par plage de couleurs

Les dégradés de couleur

Utilisation des dégradés
Création de dégradés

Les outils de dessin

Le pinceau et le crayon
Les formes prédéfinies
Création de motifs
Calques vectoriels et création de formes vectorielles personnalisées

La plume

Utilisation des tracés
Transformer un tracé en sélection
Mémoriser un tracé
Les points d’ancrage
Les points de conversion
Ajout et suppression de points
Attribution d’une couleur au tracé ou au contour du tracé

Les outils de retouche d’images

Les outils densité + et densité –
L’outil éponge et l’outil doigt
Le tampon
L’outil pièce et l’outil correcteur
Alignement et fusion
Palette et source de duplication

Gestion des transformations

Homothétie, perspective, torsion, déformation d’images, filtres

Effets et styles

Utilisation des styles
Modifications dynamiques (non-destructives) d’images

Masques d’écrêtage

Masque de fusion et masques vectoriels

Automatisation Bridge

Navigateur
Planche contact, Diaporama et galerie Web

L’image sur Internet

Particularités et contraintes de l’image pour le Web
Intégration d’images dans du contenu HTML
Exporter pour Flash

Enregistrer pour Internet

Optimisation des images (GIF, JPG, PNG)
Enregistrement d’une version optimisée pour le Web
Enregistrer pour le Web et métadonnées

Création d’une interface

Réalisation d’un petit site Internet avec Photoshop
Outil Tranche (Création, Découpe, Dupliquer, Diviser)
Gestion de liens

Palette animation

Création d’un Gif animé
Enregistrer un Gif animé

NOUS CONTACTER :

Pixystree SCS

Rue Beeckman 53
1180 Bruxelles
Gsm : +32 477 16 40 11
Email : selossej@pixystree.com

NOS AVANTAGES

Type de formation : Inter-entreprise, Intra-entreprise et particuliers
Formation 100% flexible et personnalisée : Vous choisissez le lieu, la date et le programme de formation
Demande de devis : Réponse dans les 24 heures.
Remise de 50% pour les PME Bruxelloises
Parking, boisson et lunch gratuit
Accès à notre centre de compétences : Syllabus, note de cours, exercices,…

Faites une demande de devis gratuitement en remplissant notre formulaire en ligne

formation-photoshop-a-distance-online-cc-bruxelles
formation-photoshop-a-distance-online-cc-bruxelles

Formation Conduite de réunion 1/2 jour en Belgique

Cycle de formation 1/2 jour en efficacité professionnelle:

Formation Conduite de réunion 1/2 jour en Belgique
Formation Écoute active 1/2 jour en Belgique
Formation Mind Mapping – prise de note 1/2 jour en Belgique
Formation Prise de parole en public 1/2 jour à Bruxelles
Formation de formateur 1/2 jour en Belgique
Formation Gestion du temps 1/2 jour à Bruxelles

Participez à notre formation Conduite de réunion avec notre stage intensif de 1/2 jours !

Les réunions sont indispensables à la communication entre les équipes au sein de l’entreprise. Il est nécessaire de bien les préparer pour en assurer la productivité et le dynamisme. Cette formation conduite de réunion vous permettra d’acquérir les méthodes de préparation, de conduite et de conclusion de réunion, et vous apprendra à adapter votre démarche aux différents types de réunion, aux objectifs et aux participants.

Plan de formation Conduite de réunion

formation office bruxelles

Notions clés de la réunion

Les rôles et fonctions des participants
Les différentes attitudes dans un groupe
Les émotions du groupe

Continuer la lecture de Formation Conduite de réunion 1/2 jour en Belgique

Formateur wordpress accompagnement à la création de site internet Bruxelles

Formation CMS:

Drupal, Joomla, Kompozer, Moodle, Spip, WordPress

Nos formations en Drupal:

Formation Drupal pour webmaster 5 jours à Bruxelles

Formation Drupal 2 jours à Bruxelles

Nos formations en WordPress:

Formation WordPress Sécurité 2 jours à Bruxelles

Formation WordPress Perfectionnement 2 jours à bruxelles

Comment gérer son site Web avec WordPress – Niveau 1 en 3 jours à bruxelles

Formation : Créer et gérer le contenu d’un site Web avec WordPress – 2 JOURS

Formation GRATUITE en WORDPRESS Complète FR 45 vidéos:

Comment optimiser son référencement naturel avec WordPress? Chapitre 3

Comment optimiser son référencement naturel avec WordPress? Chapitre 2

Comment optimiser son référencement naturel avec WordPress? Chapitre 1

 

The e-Jobs Observatory

e-Jobs, e-Skills and e-Competencies

e-Jobs Observatory for e-jobs, e-skills and e-competencies - JL GestionJL Gestion has just been labeled by the e-Jobs Obseratory for its excellence in e-jobs, e-skills and e-competencies. Congrats to us!!

The e-Jobs Observatory is a European stakeholder network actively and continuously working on the:

  • improvement of training quality for eJobs;
  • lobbying for the creation of European training standards for eJobs;
  • identifying e-job market needs and training gaps;
  • promotion of Job Role Profiles and Training Guidelines developed within the various projects initiated under its umbrella.

The e-Jobs Observatory is supported by an international network of Industry and training organizations.

 Contacts

JL GESTION SA

Bruxelles

JL GESTION SA
Avenue de l’indépendance Belge 58
1081 Bruxelles
Tel : +32 2 412 04 10 (gestion projet – comptabilité)
Tel: +32 2 412 04 11 (gestion projet – commercial)
Tel: +32 2 412 04 12 (secrétariat)
Fax : +32 2 412 04 19
Gsm : +32 485 212 722
Email : selossej@jlgestion.be
Site: http://www.jlgestion.be

Training Adobe® Photoshop®: Creating and Enhancing Images and Graphics – 4 days

Class overview :

Creating content with visual impact is essential in today’s Web and print environments. Adobe Photoshop is the premier tool for creating and manipulating graphic and photographic images.

Class goals :

  • Leverage Adobe Photoshop to create and manipulate graphic and photographic images
  • Efficiently navigate and configure the Photoshop workspace
  • Apply Photoshop luminance and color adjustments using histogram analysis
  • Create and manipulate layers, layer masks, Smart Objects and Smart Filters
  • Retouch and restore imperfect or damaged images
  • Design graphics and optimize images for the Web

Content of Adobe Photoshop: Creating and Enhancing Images and Graphics

Introduction to Photoshop

  • Selecting the best Creative Suite tool for the job
  • Key Photoshop concepts

Navigating and Configuring the Interface

Navigating the work area

  • Panning and zooming
  • Saving a custom workspace

Moving content into Photoshop

  • Opening with Bridge and Lightroom
  • Processing using Camera Raw

Optimizing the interface

  • Showing a hidden panel group
  • Creating custom workspaces
  • Rolling back history

Demystifying Color, Resolution and Bit-Depth

Producing proper color

  • Calibrating end to end
  • Getting out of gamut

Bits, bits, and more bits

  • Selecting the proper bit depth
  • Resolving resolution issues

Image Optimization

Manipulating the canvas

  • Straightening the frame
  • Cropping for composition

Working with histograms

  • Reading a histogram
  • Adjusting levels using a histogram

Optimizing the photo

  • Automating corrections
  • Correcting white balance
  • Sponging in saturation

Working with Parts of an Image

Selection tools

  • Picking a selection tool and creating a selection
  • Making a Quick Selection

Modifying your selection

  • Adding to and subtracting from a selection
  • Feathering your selection

Masking and channels

  • Painting in Quickmask mode
  • Saving and loading masks
  • Converting a selection to a mask

Layers for Added Control

Manipulating layers

  • Grouping layers and adding a layer mask
  • Masking in a layer
  • Merging to a single layer

Styling a layer with effects

  • Drop shadows
  • Glows
  • Bevels
  • Applying filters to layers
  • Blending and layers
  • Making Smart Objects and Filters work for you

Vector Drawing and Typography

Vector drawing

  • Creating paths with the pen tool
  • Adding shape layers
  • Drawing vector geometric shapes

Working with type

  • Paragraphs and point type
  • Editing and formatting text
  • Altering type layers
  • Placing text on a path

Photographic Restoration and Retouching

Retouching a photo

  • Eliminating dust and scratches
  • Removing distracting objects

Repairing problem photos

  • Retouching and repairing an image
  • Cloning away details

Designing Graphics for the Web

Creating Web content

  • Designing Web banners
  • Turning images into buttons
  • Producing graphics for rollover effects

Outputting for the Web

  • Optimizing for Web colors
  • Resizing and compressing an image for quick rendering

Adobe® Photoshop®: Creating and Enhancing Images and Graphics
Training Adobe® Photoshop®: Creating and Enhancing Images and Graphics

Onze voordelen :

  • Type of training: Inter-company, intra-company and individual
  • 100% flexible & personalised training : You choose the place, the dates and the training program
  • Offer request : Response within 24 hours
  • 50% discount for SME’s from Brussels-Capital Region
  • Free parking, lunch & drinks
  • Free use of our Digital Competence Centre: Manuals, courses, exercises, …

Training Adobe® Acrobat®: Managing Electronic Documents – 4 days

Class overview :

Organizations rely on electronic files for efficient document distribution and collaboration. Adobe Acrobat enables you to create polished PDF files with multimedia functionality, apply passwords to secure your work, streamline document review, and easily create electronic forms.

Class goals :

  • Leverage the Portable Document Format (PDF) for effective document management and optimized workflow
  • Collaborate for interactive streamlined document reviews
  • Create Acrobat forms and submit them electronically
  • Apply interactivity to PDFs with actions, bookmarks, buttons and links
  • Combine PDF and non-PDF files in a PDF portfolio
  • Secure documents against modification or unauthorized viewing

Content of Adobe® Acrobat®: Managing Electronic Documents

Fundamentals of Adobe Acrobat

Exploring Acrobat capabilities

  • Navigating the latest version of Adobe Acrobat
  • Key Acrobat concepts
  • Opening PDFs
  • Viewing document metadata

Navigating and configuring the interface

  • Customizing the work area
  • Adjusting navigation panels
  • Optimizing the interface

Creating PDF Documents

Producing PDFs from various sources

  • Office documents
  • E-mails
  • Web pages
  • Paper documents

Optimizing PDF files

  • Reducing file size
  • Managing search indexes

Managing Document Collaboration

Reviewing PDF documents

  • Working with comments
  • Dynamically adding text or graphics
  • Adding sticky notes and highlighting
  • Annotating PDF documents with markup tools

Managing and tracking shared document reviews

  • Comparing documents to determine differences
  • Optimizing office workflow
  • Initiating a shared review
  • Exporting comments to an Office document

Implementing Electronic Forms

Creating PDF forms

  • Converting PDF files to interactive PDF forms
  • Adding form fields
  • Customizing form fields
  • Adding calculations

Distributing forms

  • Collecting form data
  • Validating input field data
  • Performing calculations with numeric fields
  • Receiving and processing form data

Enhancing and Editing PDF Documents

Applying interactivity

  • Adding and editing links
  • Bookmarks
  • Creating and configuring an action button
  • Producing multimedia presentations
  • Incorporating videos and Flash animation

Modifying PDF documents

  • Merging PDF documents
  • Deleting and renumbering pages
  • Rotating and cropping pages
  • Adding watermarks
  • Converting PDF pages to image format files

Enhancing PDF document accessibility

  • Acrobat accessibility features
  • Adding alternate text
  • Viewing accessible documents

Combining Files in PDF Portfolios

Generating PDF portfolios

  • Integrating PDF and non-PDF files into a portfolio
  • Branding a portfolio

Leveraging portfolios

  • Distributing and sharing a PDF portfolio
  • Searching a PDF portfolio
  • Sorting components

Adding Security to PDF Files

Controlling access

  • Protecting and controlling documents containing sensitive information
  • Protecting documents with passwords

Preventing modification

  • Ensuring file integrity with digital signatures
  • Validating a signed document

Integrating PDF Documents in Your Organization

  • Optimizing PDF files for improved Web search engine results
  • Preparing PDF documents for professional printing
  • Applying Bates numbering
  • Mac PDF support
  • Translating XML documents to PDF

Adobe® Acrobat®: Managing Electronic Documents
Training Adobe® Acrobat®: Managing Electronic Documents

Onze voordelen :

  • Type of training: Inter-company, intra-company and individual
  • 100% flexible & personalised training : You choose the place, the dates and the training program
  • Offer request : Response within 24 hours
  • 50% discount for SME’s from Brussels-Capital Region
  • Free parking, lunch & drinks
  • Free use of our Digital Competence Centre: Manuals, courses, exercises, …

Training Transforming and Styling XML – 3 days

Class overview :

XML is an essential tool for application developers, allowing for the interchange of data between disparate systems. To effectively integrate systems, XSL is needed for transforming and styling XML data.

Class goals :

  • Transform XML data using Extensible Stylesheet Language (XSL)
  • Search and filter XML documents with XPath
  • Build structured stylesheets with Extensible Stylesheet Language Transformation (XSLT) elements
  • Design and debug XSL documents
  • Publish PDF documents using XSL Formatting Objects (XSL-FO)
  • Convert XML data into HTML and other document formats

Content of Transforming and Styling XML

Introducing XSL

XSL recommendations

  • XML Path Language (XPath)
  • XSL Transformations (XSLT)
  • Formatting Objects (XSL-FO)
  • Fundamental XSL concepts

XSL applications

  • Developing XSL
  • Applying a stylesheet
  • Utilizing XSL in production

Leveraging XPath Expressions

Analyzing the key components of XPath

  • Writing primary expressions
  • Constructing sequences
  • Evaluating the context item

Selecting content with path expressions

  • Navigating with Axis points
  • Choosing targets with node tests
  • Filtering results by predicates

Comparing nodes in XPath

  • Value and general comparisons
  • Arithmetic expressions
  • Invoking functions

Building Stylesheets with XSLT

XSLT stylesheet fundamentals

  • Source and result trees
  • Template-driven approach
  • Transforming XML-to-XML

Creating an XSLT stylesheet

  • Following best practices
  • Defining template rules
  • Applying templates
  • Extracting data values
  • Implementing templates out-of-order
  • Copying input nodes

Designing XSLT stylesheets effectively

  • Leveraging built-in rules
  • Resolving conflicts
  • Referencing the changing context

Publishing Reports with XSL-FO

XSL Formatting Objects

  • XSL-FO Formatters
  • XSL-FO Editors/Designers
  • Relationship to DSSSL and CSS

Building the XSL-FO document

  • Defining layout master sets
  • Creating page masters
  • Specifying regions

Transforming XML to XSL-FO

  • Designing a report stylesheet
  • Constructing page sequences
  • Repeating headers and footers

Optimizing Stylesheets with XPath

Leveraging intricate expressions

  • Specifying complex axes
  • Comparing nodes and kinds
  • Creating ranges and filters

Harnessing the power of XPath

  • Referencing variables
  • Looping and conditions
  • Working with sequences
  • Exploring built-in functions
  • Merging data sources

Achieving Complex Transformations

Maximizing template effectiveness

  • Defining variables
  • Passing parameters

Incorporating XSLT elements

  • Generating new content
  • Transforming XML-to-HTML
  • Extending XSL with custom functions
  • Including language extensions

Producing Professional Documents from XML Data

Embedding content

  • Employing external images and links
  • Incorporating dynamic page numbering

Applying advanced formatting techniques

  • Creating lists and tables
  • Alternating page layouts

Transforming and Styling XML
Training Transforming and Styling XML

Onze voordelen :

  • Type of training: Inter-company, intra-company and individual
  • 100% flexible & personalised training : You choose the place, the dates and the training program
  • Offer request : Response within 24 hours
  • 50% discount for SME’s from Brussels-Capital Region
  • Free parking, lunch & drinks
  • Free use of our Digital Competence Centre: Manuals, courses, exercises, …

Training Securing Web Applications, Services and Servers – 4 days

Class overview :

Cybersecurity is a serious challenge today as attackers specifically target Web application vulnerabilities. These vulnerabilities can be exploited to obtain confidential information and compromise organizational integrity.

Class goals :

  • Implement and test secure Web applications in your organization
  • Identify, diagnose and correct the most serious Web application vulnerabilities
  • Configure a Web server to encrypt Web traffic with HTTPS
  • Protect Ajax-powered Web 2.0 applications
  • Secure XML Web services with WS-Security
  • Audit Web application security with manual and automated scanning

Content of Securing Web Applications, Services and Servers

Setting the Stage

  • Defining threats to your Web assets
  • Surveying the legal landscape and privacy issues
  • Exploring common vulnerabilities

Establishing Security Fundamentals

Modeling Web security

  • Achieving Confidentiality, Integrity and Availability (CIA)
  • Performing authentication and authorization

Encrypting and hashing

  • Distinguishing public- and private-key cryptography
  • Verifying message integrity with message digests, digital signatures and digital certificates

Augmenting Web Server Security

Configuring security for HTTP services

  • Managing software updates
  • Restricting HTTP methods

Securing communication with SSL/TLS

  • Obtaining and installing server certificates
  • Enabling HTTPS on the Web server
  • Protecting the exchange of credentials

Detecting unauthorized modification of content

  • Configuring permissions correctly
  • Scanning for file-system changes

Implementing Web Application Security

Employing OWASP resources

  • The Open Web Application Security Project (OWASP) Top Ten
  • Recognizing cybersecurity risks
  • Remediating identified vulnerabilities

Securing database and application interaction

  • Uncovering and preventing SQL injection
  • Defending against an insecure direct object reference
  • Limitations of encrypting database content

Managing session authentication

  • Protecting against session ID hijacking
  • Enforcing URL access control
  • Blocking cross-site request forgery

Controlling information leakage

  • Displaying sanitized error messages to the user
  • Handling request and page faults

Performing input validation

  • Establishing trust boundaries
  • Revealing and removing the threat of cross-site scripting (XSS)
  • Exposing the dangers of client-side validation
  • Preventing E-shoplifting

Enhancing Ajax Security

Ajax features

  • Identifying core Ajax components
  • Exchanging information asynchronously

Assessing risks and evaluating threats

  • Managing unpredictable interactions
  • Exposing JSON vulnerabilities

Securing XML Web Services

Diagnosing XML vulnerabilities

  • Identifying nonterminated tags and field overflows
  • Uncovering Web service weaknesses

Protecting the SOAP message exchange

  • Validating input with an XML schema
  • Encrypting exchanges with HTTPS
  • Implementing WS-Security with a framework
  • Authenticating access to Web services

Scanning Applications for Weaknesses

Operating and configuring scanners

  • Matching patterns to identify faults
  • « Fuzzing » to discover new or unknown vulnerabilities

Detecting application flaws

  • Scanning applications remotely
  • Strategies for testing and scanning
  • Testing Web applications with Netcat, Cryptcat and Wget
  • Intercepting traffic with OWASP WebScarab

Best Practices for Web Security

Adopting standards

  • Reducing risk by implementing proven architectures
  • Handling personal and financial data
  • Developing guidelines for logging

Managing network security

  • Modeling threats to reduce risk
  • Integrating applications with your network architecture

Securing Web Applications, Services and Servers
Training Securing Web Applications, Services and Servers

Onze voordelen :

  • Type of training: Inter-company, intra-company and individual
  • 100% flexible & personalised training : You choose the place, the dates and the training program
  • Offer request : Response within 24 hours
  • 50% discount for SME’s from Brussels-Capital Region
  • Free parking, lunch & drinks
  • Free use of our Digital Competence Centre: Manuals, courses, exercises, …

Training Designing Websites for Mobile Devices – 3 days

Class overview :

Mobile device web browsers provide the primary method of Internet access to an exponentially growing number of users. Traditional websites designed for desktop browsers do not provide an optimal experience for mobile interaction.

Class goals :

  • Develop streamlined mobile websites for efficient access to online information
  • Write compelling HTML5 and CSS3 content for mobile users
  • Employ JavaScript to maximize the potential of each browser platform
  • Extend the browsing experience with mobile-focused multimedia content
  • Harness geolocation capabilities to deliver targeted content
  • Leverage native extensions and exploit local storage for enhanced device integration

Content of Designing Websites for Mobile Devices

Surveying the Mobile Web Environment

  • Exploring key mobile web platforms
  • Android
  • iOS
  • Blackberry
  • Windows phone

Analyzing Requirements for Mobile Websites

Taking advantage of best practices

  • Creating vs. migrating web applications
  • Complying with W3C guidelines

Applying architectural principles and constraints

  • Selecting high-priority features
  • Simplifying the User Interface (UI) for enhanced performance
  • Designing for touch interactivity
  • Identifying bandwidth and memory limitations

Authoring HTML Content for Mobile Websites

Designing for platform independence

  • Maximizing site functionality with progressive enhancement
  • Constructing an appropriate layout for a mobile UI
  • Controlling zoom with the Viewport

Integrating HTML5 extensions

  • E-mail
  • Web addresses
  • Date pickers
  • Spin boxes
  • Autofocus fields
  • Search boxes
  • Dialing the phone from the page
  • Displaying a context-sensitive keyboard

Customizing Presentation with Cascading Style Sheets

Harnessing CSS3 capabilities

  • Selecting style sheets based on device orientation
  • Manipulating layout dynamically with transitions, transforms and animations

Styling layout and content

  • Optimizing styles for touch interactivity
  • Applying styles based on content
  • Simulating the native UI with CSS

CSS extensions for mobile

  • Mapping device Viewports to style sheets
  • Enhancing text readability with text-size-adjust
  • Highlighting touch content with tap-highlight-color

Supporting User Interaction and Mobile Features

Implementing common mobile features

  • Determining support for device capabilities
  • Touch
  • Tilt
  • Multimedia
  • Local storage
  • Detecting browser capabilities on the server and client

Enhancing interactivity with JavaScript

  • Employing key libraries: Modernizr and jQuery mobile
  • Responding to orientation changes

Comparing phone and tablet UIs

  • Differentiating between phone and tablet presentation
  • Adapting web content to respect platform conventions
  • Designing tablet-style, two-column views

Producing Graphics and Media

Processing video for mobile devices

  • Generating bandwidth-appropriate video content
  • Exploiting the HTML5 video element
  • Activating video content from JavaScript

Presenting graphic images

  • Optimizing graphics for mobile devices
  • Creating home screen graphic images

Leveraging Geolocation

Determining device position

  • Querying for the device location with GPS
  • Integrating with the native map application
  • Retrieving location-based web content

Integrating local storage

  • Persisting data onto the device
  • Managing locally stored data

Enhancing Site Functionality

Working offline

  • Enabling disconnected web applications
  • Detecting network status
  • Synchronizing offline data to enterprise databases

Consolidating the web with native extensions

  • Integrating with the home screen
  • Hiding the standard browser UI
  • Accessing native mobile hardware with PhoneGap
  • Camera
  • Contacts
  • Accelerometer
  • Compass

Designing Websites for Mobile Devices
Training Designing Websites for Mobile Devices

Onze voordelen :

  • Type of training: Inter-company, intra-company and individual
  • 100% flexible & personalised training : You choose the place, the dates and the training program
  • Offer request : Response within 24 hours
  • 50% discount for SME’s from Brussels-Capital Region
  • Free parking, lunch & drinks
  • Free use of our Digital Competence Centre: Manuals, courses, exercises, …

Training HTML5: Next Generation Web Development – 1 day

Class overview :

HTML5 empowers organizations to harness the future of Web development today while supporting legacy browsers. Providing specifications to improve accessibility, search engine optimization (SEO), multimedia and user-friendly forms, HTML5 takes Web applications to a new dimension.

Class goals :

  • Leverage HTML5 to create modern, feature-rich sites with next generation standards
  • Improve accessibility and SEO with semantic elements, ARIA and microdata
  • Design professional, eye-catching presentations with CSS3
  • Build user-friendly forms with new input types and advanced UI controls
  • Augment JavaScript-based Web apps with geolocation, local storage, messaging and background processing
  • Program engaging interfaces with drag and drop, Canvas-based graphics, audio and video

Content of HTML5: Next Generation Web Development

Advancing Web Standards to the Next Generation

  • Demystifying HTML5
  • Supporting legacy browsers with polyfils
  • Regressive enhancement

Improving Semantics, Accessibility and Forms

Enhancing markup

  • Adding structural elements in HTML5
  • Maximizing accessibility with semantics and ARIA

Assisting users with form completion

  • Guiding input with autofocus and placeholders
  • Validating data entry without scripting
  • Preventing errors with pickers

Enriching Site Design with CSS3

Manipulating borders and backgrounds

  • Grouping content
  • Rounded corners
  • Gradients
  • Images

Creating elaborate effects

  • Floating text and boxes with shadows and opacity
  • Animating transformations and transitions

Applying Web fonts

  • Customizing appearance with downloadable fonts
  • Installing fonts with @font-face

Optimizing Page Rank with Microdata

Improving search engine optimization (SEO)

  • Employing the Google data vocabularies
  • Testing Google Rich Snippets

Scoping and annotating markup

  • Offers
  • Reviews
  • Organizations
  • Addresses
  • Hiding values in custom data-*attributes

Providing Relevant Content with Geolocation

The geolocation API in JavaScript

  • Estimating user latitude and longitude
  • Demonstrating geolocation with mapping

Generating location-specific content

  • Calculating distance with the haversine formula
  • Filtering information by geographic location

Developing with Local and Session Storage, Messages and Web Workers

Persisting data

  • Saving key/value pairs in localStorage
  • Leveraging JSON, browser databases and object stores

Communicating between windows

  • Posting messages across domains
  • Processing a message from a different source

Incorporating third-party data with Ajax

  • Allowing Cross-Origin Resource Sharing (CORS)
  • Accessing external providers with XMLHttpRequest2

Exchanging information with WebSockets

  • Overcoming limitations of HTTP
  • Pushing data to clients

Increasing responsiveness with asynchronous processing

  • Leveraging Web Workers for CPU-intensive code
  • Creating a tag cloud using a background process

Simplifying Interaction with Drag and Drop

Dragging elements

  • Processing mouse drags
  • Transferring data with events

Identifying target destinations

  • Enabling drop locations
  • Responding to a drop event

Engaging Users with Multimedia Features

Drawing dynamic graphics with Canvas

  • Charting with lines and rectangles
  • Annotating diagrams with text and images

Alternatives to Canvas

  • Mathematical Markup Language (MathML)
  • Scalable Vector Graphics (SVG)
  • Comparing Canvas to SVG

Enhancing a site with audio

  • Embedding audio in a Web page
  • Supporting multiple codecs and containers

Adding video to the Web

  • Encoding media in an Ogg container
  • Converting to H.264 and WebM formats

HTML5: Next Generation Web Development
Training HTML5: Next Generation Web Development

Onze voordelen :

  • Type of training: Inter-company, intra-company and individual
  • 100% flexible & personalised training : You choose the place, the dates and the training program
  • Offer request : Response within 24 hours
  • 50% discount for SME’s from Brussels-Capital Region
  • Free parking, lunch & drinks
  • Free use of our Digital Competence Centre: Manuals, courses, exercises, …

Training Developing a Website – 4 days

Class overview :

Those involved in establishing, developing or maintaining a Web site and anyone wanting to gain more knowledge about Web technologies. A basic familiarity with Microsoft Windows, the Internet and the Web is helpful.

Class goals :

An in-depth case study provides the hands-on skills to generate a dynamic Web site. Exercises include:

  • Creating accessible, standards-based Web pages with HTML, XHTML and CSS
  • Building, testing and refining your Web site
  • Adding DHTML effects to Web pages
  • Enhancing your Web page with images and image maps
  • Configuring and testing a Web server
  • Processing user requests and generating dynamic pages as the response
  • Interfacing your Web site to a database
  • Incorporating multimedia effects

Content of Developing a Website

Introduction to the Web

  • Internet/intranet fundamentals
  • Web architecture
  • Exploring multiple browsers
  • Search Engine Optimization (SEO)

HTML: Hypertext Markup Language

Building a Web page with HTML and XHTML

  • Head and body elements
  • Formatting text with tags
  • Establishing hypertext links
  • Ordered and unordered lists
  • Designing tables to display data
  • Defining relative and absolute anchors

Adding graphic elements

  • Making your pages graphical with embedded images
  • Adding interactivity with « clickable » images
  • Utilizing animated images to liven up a Web page
  • Creating image maps to link multiple parts of a single image

Controlling page styles and layout with CSS

  • Attaching style properties to HTML tags
  • Creating and applying style sheets
  • Implementing a styled navigational menu
  • Choosing and applying styles with class and ID attributes
  • Ensuring a consistent look across all pages of a site

Implementing a Web Server

Web server functionality

  • Web server/browser communication
  • The HyperText Transfer Protocol (HTTP)

Configuring a Web server

  • Setting up the server directory structure
  • Deploying access configuration/security
  • Ongoing server administration

Programming on the Server

Server-side scripting

  • Client/server/script interaction
  • Exploring the operation of server-side Web applications
  • Accessing data on the Web server
  • Creating dynamic Web pages
  • The difference between GET and POST requests
  • Including a consistent navigational menu on all pages
  • Reading and writing browser cookies

Processing user data with forms

  • Capturing user input with HTML forms
  • Adding text fields, selection lists, check boxes and radio buttons to a Web page
  • Configuring a form to invoke your server-side program when submitted
  • Processing form input with dynamic Web pages

Interfacing to a Database

Relational databases and the Web

  • Characterizing database records
  • Using SQL to manipulate the database

Database-driven Web pages

  • Opening a connection to a database
  • Storing data captured from forms
  • Performing dynamic queries on the database
  • Generating a Web page response displaying the results of a query

Creating Dynamic Web Pages

Adding interactivity with JavaScript

  • Incorporating JavaScript that executes in the Web browser
  • Enhancing client-side functionality
  • Validating form content to ensure forms are filled out correctly
  • Reacting to user actions

Incorporating multimedia

  • Embedding animation and video content in Web pages
  • Adding interactivity with plug-ins

Creating interactive Web pages with Dynamic HTML (DHTML)

  • Combining JavaScript and CSS
  • Supporting multiple browsers
  • Dynamically positioning content within a page
  • Revealing and hiding page content
  • Implementing rollover graphics with DHTML

XML and HTML5

  • Fundamentals of XML
  • Implementing an RSS feed on your site
  • Introducing HTML5

Developing a Website
Training Developing a Website

Onze voordelen :

  • Type of training: Inter-company, intra-company and individual
  • 100% flexible & personalised training : You choose the place, the dates and the training program
  • Offer request : Response within 24 hours
  • 50% discount for SME’s from Brussels-Capital Region
  • Free parking, lunch & drinks
  • Free use of our Digital Competence Centre: Manuals, courses, exercises, …