Description

This very comprehensive cycle will teach you how to create interactive websites, using HTML, XHTML, CSS, JavaScript and Ajax. You will see the features offered by the Dreamweaver CS6 workbench to create your pages as well as the JavaScript language to increase the interactivity of your websites.

Who is this training for ?

For whom ?

Designers and computer scientists wishing to master the techniques for developing interactive websites in HTML, XHTML, CSS, JavaScript, and Ajax.

Prerequisites

Training objectives

Take charge of a Web development environment

Build interactive and accessible Web pages in HTML

Graphically format Web pages using CSS style sheets

Interface the JavaScript language with the graphic elements of Web pages

Access data from 'a relational base

Implement asynchronous and multithreaded requests in Ajax

Training program

• Web technologies
  • How the Web works.
  • Client workstations and servers.
  • Internet protocols: HTTP, FTP, NNTP, SMTP, POP3.
  • Websites: Intranet, Internet, Extranet, B2B, B2C.
  • Hosting platform, browsers and languages.
• Creating pages and websites
  • Presentation and getting started with the Dreamweaver studio.
  • Creating a website: technical choices, compatibility.
  • Description of HTML and XHTML languages.
  • Publishing the site and maintaining the code.
  • Creating a page template.
  • CSS style sheets.
  • Creating forms.
  • Elements.
  • GET/POST methods.
  • Construction of the graphic charter.
  • Usability rules.
  • Accessibility: priority 2 of the WAC/W3C.
  • Integration of graphic animations, graphic components.
  • Plug-ins.
  • The tag inspector.
  • The role of JavaScript.
  • Dynamic creation of JavaScript code.
  • Access to databases.
  • Setting up an ODBC connection.
  • Consulting a database with Dreamweaver.
  • Generating dynamic tables.
  • Usage tables for forms.
  • User authentication.
  • Management of login forms.
  • Conditional control of access to pages.
  • Practical work Creation of a website project space.
  • Development of XHTML pages, CSS, tables.
  • Creation of forms.
  • XHTML compatibility and accessibility test.
  • Reproduce a provided graphic charter.
  • Integration of multimedia components.
  • Connection to a database of data.
• Dynamic HTML and JavaScript
  • Browser types and portability.
  • Scripting languages.
  • Impact of JavaScript on accessibility.
  • Importance of XHTML on the use of JavaScript.
  • Team JavaScript development method.
  • Positioning and illustration of DHTML technologies.
  • JavaScript language: programming concepts Object.
  • Syntax: types, variables, arrays, iterations, functions.
  • Access to browser resources: plug-ins.
  • Manipulation of form content .
  • Validation functions.
  • Events related to form elements.
  • Interaction with cascading style sheets.
  • Multiple CSS, multiple inheritances, priority rules.
  • Text blocks, layers and colors.
  • Access and modify styles.
  • Tools to manipulate style sheets.
  • The XML structure.
  • The means of XML validation: DTD and XSD.
  • The XML parsers and the DOM.
  • Manipulating the DOM.
  • Events and data.
  • How to program event listeners? JavaScript event processing.
  • http redirections.
  • Cookie management.
  • Practical work Implementation of different JavaScript functionalities.
  • Design of custom functions controlling the user activities.
  • Manipulation of style sheets via JavaScript.
  • Manipulation of the DOM.
  • Handling events on form elements.
• Ajax programming
  • Presentation of Asynchronous JavaScript And XML.
  • Objectives.
  • Operating principles.
  • Strength of the Ajax/REST technological mix /Web 2.
  • 0.
  • Ajax presentation (GMail, GMaps, Google Suggest.
  • ).
  • JavaScript Object Notation ( JSON).
  • Advantages and disadvantages.
  • Objects, Arrays, syntax and JSON parser.
  • XML processing in JavaScript.
  • Presentation of XSLT and XPath language.
  • The RSS format.
  • The XMLHttpRequest class.
  • Create an XMLHttpRequest object.
  • Dialogue in synchronous/asynchronous mode with the server.
  • Ajax patterns.
  • Ajax and HTML 5.
  • New events.
  • Secure Ajax exchanges (encryption, sessions.
  • ).
  • Practical work rnCreation of a well-formed and validated XML structure.
  • Implementation .
  • XSLT processing.
  • Use of RSS feeds.
  • Creation of a login form.
  • Dynamic filling of a drop-down menu.
  • Processing RSS data from Ajax feeds.
  • Creating a mapping application in JavaScript.
• Les frameworks Ajax
  • Why use frameworks.
  • JavaScript frameworks.
  • Presentation and implementation of the jQuery framework.
  • Google APIs: Google Search and Google Maps.