(http://jqueryui.com) François Agneray. Octobre 2012

Size: px
Start display at page:

Download "(http://jqueryui.com) François Agneray. Octobre 2012"

Transcription

1 (http://jqueryui.com) François Agneray Octobre 2012

2 plan jquery UI est une surcouche de jquery qui propose des outils pour créer des interfaces graphiques interactives. Ses fonctionnalités se divisent en différentes catégories : Interactions Donner des propriétés à des éléments HTML => drag, drop, resize,... Widgets Objets "clé en main " qui proposent des fonctionnalités de haut niveau => Accordion, Tabs, Dialog, DatePicker...

3 Interactions Interaction: draggable 1. Inclure les bibliothèques 1 <html> <head> <title>test jquery</title> 2. Inclure le style CSS ( <script type="text/javascript" src="jquery/js/jquery.js"> <script type="text/javascript" src="jquery/js/jquery-ui.js"> <form action="traite_form.php"> <input type="text" name="date"> </form>

4 Interactions Interaction: draggable 1. Inclure les bibliothèques 2. Inclure le style CSS 1 2 <html> <head> <title>test jquery</title>. Inclure le style CSS ( <script type="text/javascript" src="jquery/js/jquery.js"> <script type="text/javascript" src="jquery/js/jquery-ui.js"> <link type="text/css" href="jquery/css/ui-lightness/jquery-ui custom.css" rel="stylesheet">

5 Interactions Interaction draggable 1 <html> <head> <title>test jquery</title> <script type="text/javascript" src="jquery/js/jquery.js"> <script type="text/javascript" src="jquery/js/jquery-ui.js"> 1. Inclure les bibliothèques 2. Inclure le style CSS. Définir un attribut id pour le champ cible. Inclure le style CS 2 <link type="text/css" href="jquery/css/ui-lightness/jquery-ui custom.css" rel="stylesheet"> <div id= "objdrag" > <p>déplace moi</p></div>

6 Interactions Interaction: draggable 1 <html> <head> <title>test jquery</title> <script type="text/javascript" src="jquery/js/jquery.js"> <script type="text/javascript" src="jquery/js/jquery-ui.js"> 1. Inclure les bibliothèques 2. Inclure le style CSS. Définir un attribut id pour le champ cible. Associer la fonction draggable 2 <link type="text/css" href="jquery/css/ui-lightness/jquery-ui custom.css" rel="stylesheet"> $("#objdrag").draggable(); <div id= "objdrag" > <p>déplace moi</p></div>

7 Interactions Interaction: resizable... $("#objet").draggable(); $("#objet").resizable(); <div id= "objet" > <p>resize & Drag</p></div>

8 Interactions Interaction: selectable 2 <style> #selection.ui-selected {background: grey; color: white;} #selection {list-style-type: none;} </style> $("#selection").selectable(); <ul id="selection"> <li class="ui-widget-content"> item 1</li> <li class="ui-widget-content"> item 2</li> <li class="ui-widget-content"> item </li> </ul>

9 Widget tooltip... $(document). tooltip (); Test de <a href="#" title="blabla info bulle">l'info bulle</a>

10 Widget Accordion $("#accordeon").accordion(); }) <div id="accordeon"> <h>section 1</h><div><p>bla bla bla bla section 1</p></div> <h>section 2</h><div><p>bla bla bla bla section 2</p> </div> <h>section </h><div><p>bla bla bla bla section </p></div> <h>section </h><div><p>bla bla bla bla section </p></div> </div>

11 Widget Tabs $("#onglets").tabs(); }) <div id="onglets"> <ul> <li><a href="#onglet1">onglet 1</a></li> <li><a href="#onglet2">onglet 2</a></li> <li><a href="#onglet">onglet </a></li> </ul> <div id="onglet1">blablabla section 1</div> <div id="onglet2">blablabla section 2</div> <div id="onglet">blablabla section </div> </div>

12 Widget Dialog $("#dialogue").dialog(); }) <div id="dialogue" title="basic dialog"> <p>boîte de dialogue</p> </div>

13 Widget DatePicker... $("#date1").datepicker(); Saisir une date: <input type="text" name="date" id="date1" >

14 Widget DatePicker... $("#date1").datepicker({ dateformat: "yy-mm-dd", altfield: "#Altdate", altformat: "DD, d MM, yy" Saisir une date: <input type="text" name="date" id="date1" > => <input type="text" id="altdate" size=0>

15 Widget DatePicker... $("#date1").datepicker({ dateformat: "yy-mm-dd", altfield: "#Altdate", altformat: "DD, d MM, yy", showon: "button", buttonimage: "IMG/calendar.jpeg", buttonimageonly: true Saisir une date: <input type="text" name="date" id="date1" > => <input type="text" id="altdate" size=0>

16 Widget slider... $("#monslider"). slider ({ min: 0, max: 10, value : 0, slide: function(event, ui){$("#variation").html(ui.value);} <b>variation</b> [ <span id="variation"> 0 </span> ] <div id="monslider"></div>

17 Widget Button... $("#radio"). buttonset (); <form> <div id="radio"> <input type="radio" id="radio1" name="btn-radio" checked><label for="radio1"> Radio 1</label> <input type="radio" id="radio2" name="btn-radio"><label for="radio2"> Radio 2</label> <input type="radio" id="radio" name="btn-radio"><label for="radio"> Radio </label> </div> </form>

18 Widget Menu... $("#monmenu"). menu ({ select: function( event, ui ) { }... var link = ui.item.children( "a:first" ); if ( link.attr( "target" ) event.metakey event.shiftkey event.ctrlkey ) {return;} location.href = link.attr( "href" ); <ul id="monmenu"> <li><a href="#">item 1</a></li> <li><a href="#">item 2</a></li> <li> <a href="#">item </a> <ul> <li><a href="#">item -1</a></li> <li><a href="#">item -2</a></li> <li><a href="#">item -</a></li> </ul> </li> </ul>

Web - Travaux Pratiques 1

Web - Travaux Pratiques 1 Web - Travaux Pratiques 1 Pour rappel, le squelette d une page HTML5 est la suivante : Syntaxe ... ... Une fois qu une page est terminée,

More information

OPENTABLE GROUP SEARCH MODULE GETTING STARTED ADD RESERVATIONS TO YOUR WEBSITE

OPENTABLE GROUP SEARCH MODULE GETTING STARTED ADD RESERVATIONS TO YOUR WEBSITE ADD RESERVATIONS TO YOUR WEBSITE OPENTABLE GROUP SEARCH MODULE The group search module allows users to select a specific restaurant location from a list and search tables at that location. The code below

More information

Intro to jquery. Web Systems 02/17/2012

Intro to jquery. Web Systems 02/17/2012 Intro to jquery Web Systems 02/17/2012 What is jquery? A JavaScript library Lightweight (about 31KB for the minified version) Simplifies HTML document traversing (DOM), event handling, animations, and

More information

Software API guide (EN) Manuale dei componenti software API (EN) Pag. 1 di 11

Software API guide (EN) Manuale dei componenti software API (EN) Pag. 1 di 11 Sftware API guide (EN) Manuale dei cmpnenti sftware API (EN) Dipartiment Ecnmia e Prmzine della Città - Settre Agenda digitale e tecnlgie infrmatiche piazza Liber Paradisus, 10-40129 Blgna e-mail pendata@cmune.blgna.it

More information

CLASSROOM WEB DESIGNING COURSE

CLASSROOM WEB DESIGNING COURSE About Web Trainings Academy CLASSROOM WEB DESIGNING COURSE Web Trainings Academy is the Top institutes in Hyderabad for Web Technologies established in 2007 and managed by ITinfo Group (Our Registered

More information

Modifier le texte d'un élément d'un feuillet, en le spécifiant par son numéro d'index:

Modifier le texte d'un élément d'un feuillet, en le spécifiant par son numéro d'index: Bezier Curve Une courbe de "Bézier" (fondé sur "drawing object"). select polygon 1 of page 1 of layout "Feuillet 1" of document 1 set class of selection to Bezier curve select Bezier curve 1 of page 1

More information

CST 150 Web Design I CSS Review - In-Class Lab

CST 150 Web Design I CSS Review - In-Class Lab CST 150 Web Design I CSS Review - In-Class Lab The purpose of this lab assignment is to review utilizing Cascading Style Sheets (CSS) to enhance the layout and formatting of web pages. For Parts 1 and

More information

Créer une carte. QGIS Tutorials and Tips. Author. Ujaval Gandhi http://google.com/+ujavalgandhi. Translations by

Créer une carte. QGIS Tutorials and Tips. Author. Ujaval Gandhi http://google.com/+ujavalgandhi. Translations by Créer une carte QGIS Tutorials and Tips Author Ujaval Gandhi http://google.com/+ujavalgandhi Translations by Sylvain Dorey Allan Stockman Delphine Petit Alexis Athlani Florian Texier Quentin Paternoster

More information

Introduction to web development and JavaScript

Introduction to web development and JavaScript Objectives Chapter 1 Introduction to web development and JavaScript Applied Load a web page from the Internet or an intranet into a web browser. View the source code for a web page in a web browser. Knowledge

More information

Using Spry Widgets. In This Chapter

Using Spry Widgets. In This Chapter B2 Using Spry Widgets One foundation of Web 2.0 is widespread user interactivity enabled by extensive use of CSS and JavaScript. This allows applications that run inside a Web browser to offer the kind

More information

JTouch Mobile Extension for Joomla! User Guide

JTouch Mobile Extension for Joomla! User Guide JTouch Mobile Extension for Joomla! User Guide A Mobilization Plugin & Touch Friendly Template for Joomla! 2.5 Author: Huy Nguyen Co- Author: John Nguyen ABSTRACT The JTouch Mobile extension was developed

More information

Rich User Interfaces for Web-Based Corporate Applications

Rich User Interfaces for Web-Based Corporate Applications Rich User Interfaces for Web-Based Corporate Applications Ivan Zapevalov, Software Engineer 1 Outline RIA technologies AJAX technology Widgets Demo application in JavaScript Demo application in GWT Web-catalog

More information

jquery Sliding Image Gallery

jquery Sliding Image Gallery jquery Sliding Image Gallery Copyright 2011 FlashBlue Website : http://www.flashdo.com Email: flashblue80@hotmail.com Twitter: http://twitter.com/flashblue80 Directories source - Original source files

More information

SmartTouch R CRM Enhancements. 1. Administrators now have an Account Preferences Section where you can view emails & phones in search views.

SmartTouch R CRM Enhancements. 1. Administrators now have an Account Preferences Section where you can view emails & phones in search views. SmartTouch R CRM Enhancements 1. Administrators now have an Account Preferences Section where you can view emails & phones in search views. You now have the option to view Email Address and/or Phone Number

More information

C:\Users\Micha\Documents\drupal 7 module\improved_multi_select-7.x-2.x-dev.tar\improved_multi_select-7.x-2.x-dev\improved_multi_sel

C:\Users\Micha\Documents\drupal 7 module\improved_multi_select-7.x-2.x-dev.tar\improved_multi_select-7.x-2.x-dev\improved_multi_sel 1 (function ($) { 2 Drupal.behaviors.improved_multi_select = { 3 attach: function(context, settings) { 4 if (settings.improved_multi_select && settings.improved_multi_select. selectors) { 5 var options

More information

HTML5 & Friends. And How They Change A Developer s Life

HTML5 & Friends. And How They Change A Developer s Life HTML5 & Friends And How They Change A Developer s Life Yang Piao yp@cmu.edu 2 HTML5? 3 What is HTML5 The markup language 5 th major version of HTML successor of HTML 4.01 Or a set of cutting-edge web technologies

More information

<Insert Picture Here> Oracle Application Express: Mobile User Interfaces Marc Sewtz Senior Software Development Manager Oracle Application Express Oracle USA Inc. 520 Madison Avenue,

More information

Using Adobe Dreamweaver CS4 (10.0)

Using Adobe Dreamweaver CS4 (10.0) Getting Started Before you begin create a folder on your desktop called DreamweaverTraining This is where you will save your pages. Inside of the DreamweaverTraining folder, create another folder called

More information

Subject Tool Remarks What is JQuery. Slide Javascript Library

Subject Tool Remarks What is JQuery. Slide Javascript Library Subject Tool Remarks What is JQuery Slide Javascript Library Picture John Resig Tool for Searching the DOM (Document Object Model) Created by John Resig Superstar Very Small (12k) Browser Independent Not

More information

Over mij. 17 jaar 17 jaar 2 jaar. 1 week

Over mij. 17 jaar 17 jaar 2 jaar. 1 week Oracle Application Express & Christian Rokitta.nl OGh APEX Dag 26 Maart 2012 1 2 Over mij 17 jaar 17 jaar 2 jaar 1 week Agenda Waarom Waarom mobile website (vs native App)? HTML APEX Kosten voor mobile

More information

Peers Technologies Pvt. Ltd. Web Application Development

Peers Technologies Pvt. Ltd. Web Application Development Page 1 Peers Technologies Pvt. Ltd. Course Brochure Web Application Development Overview To make you ready to develop a web site / web application using the latest client side web technologies and web

More information

Technical Service Bulletin

Technical Service Bulletin Technical Service Bulletin FILE CONTROL CREATED DATE MODIFIED DATE FOLDER OpenDrive 02/05/2005 662-02-25008 Rev. : A Installation Licence SCO sur PC de remplacement English version follows. Lors du changement

More information

ios App Development Using Cordova

ios App Development Using Cordova ios App Development Using Cordova Created by Todd Treece Last updated on 2015-06-29 08:20:06 AM EDT Guide Contents Guide Contents Overview Installing Dependencies Creating a New App index.html index.css

More information

Mobile Web Applications using HTML5. L. Cotfas 14 Dec. 2011

Mobile Web Applications using HTML5. L. Cotfas 14 Dec. 2011 Mobile Web Applications using HTML5 L. Cotfas 14 Dec. 2011 Reasons for mobile web development Many different platforms: Android, IPhone, Symbian, Windows Phone/ Mobile, MeeGo (only a few of them) Reasons

More information

Form Management Admin Guide

Form Management Admin Guide Form Management Admin Guide Getting around the navigation Model Management (Admin/Technical). Create, edit and manage the basic template of content models. Form Builder - Lets you create properties in

More information

COURSE OUTLINE FACULTY OF INFORMATION AND COMMUNICATION TECHNOLOGY UNIVERSITI TEKNIKAL MALAYSIA MELAKA

COURSE OUTLINE FACULTY OF INFORMATION AND COMMUNICATION TECHNOLOGY UNIVERSITI TEKNIKAL MALAYSIA MELAKA COURSE OUTLINE FACULTY OF INFORMATION AND COMMUNICATION TECHNOLOGY UNIVERSITI TEKNIKAL MALAYSIA MELAKA ADOBE DREAMWEAVER AUTHORING TOOL DTM 3612 SEMESTER 1 SESI 2010/2011 DTM 3612 ADOBE DREAMWEAVER AUTHORING

More information

SEO Content Writing Guide

SEO Content Writing Guide A Guideline for Creating Content to Achieve Higher Search Engine Ranking By Steve Wiideman Search Engine Optimization Expert Contents Writing Content in Wordpress... 3 Questions for the Designer... 3 Wordpress

More information

Cours de Java. Sciences-U Lyon. Java - Introduction Java - Fondamentaux Java Avancé. http://www.rzo.free.fr

Cours de Java. Sciences-U Lyon. Java - Introduction Java - Fondamentaux Java Avancé. http://www.rzo.free.fr Cours de Java Sciences-U Lyon Java - Introduction Java - Fondamentaux Java Avancé http://www.rzo.free.fr Pierre PARREND 1 Octobre 2004 Sommaire Java Introduction Java Fondamentaux Java Avancé GUI Graphical

More information

Personnalisez votre intérieur avec les revêtements imprimés ALYOS design

Personnalisez votre intérieur avec les revêtements imprimés ALYOS design Plafond tendu à froid ALYOS technology ALYOS technology vous propose un ensemble de solutions techniques pour vos intérieurs. Spécialiste dans le domaine du plafond tendu, nous avons conçu et développé

More information

Vanilla Forums Theme Guide Version 1.3

Vanilla Forums Theme Guide Version 1.3 1 Topics Covered Introduction Tool Box Choosing Your Theme Homepage Layout Homepage Layouts Customize HTML Basic HTML layout Understanding HTML Layout Breaking down and customizing the code The HTML head

More information

Tutorial JavaScript: Switching panels using a radio button

Tutorial JavaScript: Switching panels using a radio button Tutorial JavaScript: Switching panels using a radio button www.nintex.com support@nintex.com Contents About this tutorial... 3 Upload the JavaScript File... 4 Using JavaScript to hide or show a control

More information

Chapter 1 Introduction to web development and PHP

Chapter 1 Introduction to web development and PHP Chapter 1 Introduction to web development and PHP Murach's PHP and MySQL, C1 2010, Mike Murach & Associates, Inc. Slide 1 Objectives Applied 1. Use the XAMPP control panel to start or stop Apache or MySQL

More information

We automatically generate the HTML for this as seen below. Provide the above components for the teaser.txt file.

We automatically generate the HTML for this as seen below. Provide the above components for the teaser.txt file. Creative Specs Gmail Sponsored Promotions Overview The GSP creative asset will be a ZIP folder, containing four components: 1. Teaser text file 2. Teaser logo image 3. HTML file with the fully expanded

More information

Sun Management Center 3.6 Version 5 Add-On Software Release Notes

Sun Management Center 3.6 Version 5 Add-On Software Release Notes Sun Management Center 3.6 Version 5 Add-On Software Release Notes For Sun Fire, Sun Blade, Netra, and Sun Ultra Systems Sun Microsystems, Inc. www.sun.com Part No. 819-7977-10 October 2006, Revision A

More information

Installing and Sending with DocuSign for NetSuite v2.2

Installing and Sending with DocuSign for NetSuite v2.2 DocuSign Quick Start Guide Installing and Sending with DocuSign for NetSuite v2.2 This guide provides information on installing and sending documents for signature with DocuSign for NetSuite. It also includes

More information

UComment. UComment is a comment component for Umbraco, it makes it very easy to add comment functionality to any Umbraco content document you wish.

UComment. UComment is a comment component for Umbraco, it makes it very easy to add comment functionality to any Umbraco content document you wish. UComment UComment is a comment component for Umbraco, it makes it very easy to add comment functionality to any Umbraco content document you wish. Contents Installation... 3 Setup... 4 Prerequisites...

More information

.NET Best Practices Part 1 Master Pages Setup. Version 2.0

.NET Best Practices Part 1 Master Pages Setup. Version 2.0 .NET Best Practices Part 1 Master Pages Setup Version 2.0 2014 CrownPeak Technology, Inc. All rights reserved. No part of this document may be reproduced or transmitted in any form or by any means, electronic

More information

Dreamweaver CS5. Module 2: Website Modification

Dreamweaver CS5. Module 2: Website Modification Dreamweaver CS5 Module 2: Website Modification Dreamweaver CS5 Module 2: Website Modification Last revised: October 31, 2010 Copyrights and Trademarks 2010 Nishikai Consulting, Helen Nishikai Oakland,

More information

Maximizing the Use of Slide Masters to Make Global Changes in PowerPoint

Maximizing the Use of Slide Masters to Make Global Changes in PowerPoint Maximizing the Use of Slide Masters to Make Global Changes in PowerPoint This document provides instructions for using slide masters in Microsoft PowerPoint. Slide masters allow you to make a change just

More information

Liste d'adresses URL

Liste d'adresses URL Liste de sites Internet concernés dans l' étude Le 25/02/2014 Information à propos de contrefacon.fr Le site Internet https://www.contrefacon.fr/ permet de vérifier dans une base de donnée de plus d' 1

More information

Tutorial: Building a Dojo Application using IBM Rational Application Developer Loan Payment Calculator

Tutorial: Building a Dojo Application using IBM Rational Application Developer Loan Payment Calculator Tutorial: Building a Dojo Application using IBM Rational Application Developer Loan Payment Calculator Written by: Chris Jaun (cmjaun@us.ibm.com) Sudha Piddaparti (sudhap@us.ibm.com) Objective In this

More information

Coding Standards for Web Development

Coding Standards for Web Development DotNetDaily.net Coding Standards for Web Development This document was downloaded from http://www.dotnetdaily.net/ You are permitted to use and distribute this document for any noncommercial purpose as

More information

The Smart Forms Web Part allows you to quickly add new forms to SharePoint pages, here s how:

The Smart Forms Web Part allows you to quickly add new forms to SharePoint pages, here s how: User Manual First of all, congratulations on being a person of high standards and fine tastes! The Kintivo Forms web part is loaded with features which provide you with a super easy to use, yet very powerful

More information

jquery Tutorial for Beginners: Nothing But the Goods

jquery Tutorial for Beginners: Nothing But the Goods jquery Tutorial for Beginners: Nothing But the Goods Not too long ago I wrote an article for Six Revisions called Getting Started with jquery that covered some important things (concept-wise) that beginning

More information

PDF Web Form. Projects 1

PDF Web Form. Projects 1 Projects 1 In this project, you ll create a PDF form that can be used to collect user data online. In this exercise, you ll learn how to: Design a layout for a functional form. Add form fields and set

More information

CSS : petits compléments

CSS : petits compléments CSS : petits compléments Université Lille 1 Technologies du Web CSS : les sélecteurs 1 au programme... 1 ::before et ::after 2 compteurs 3 media queries 4 transformations et transitions Université Lille

More information

Developer Tutorial Version 1. 0 February 2015

Developer Tutorial Version 1. 0 February 2015 Developer Tutorial Version 1. 0 Contents Introduction... 3 What is the Mapzania SDK?... 3 Features of Mapzania SDK... 4 Mapzania Applications... 5 Architecture... 6 Front-end application components...

More information

To Begin Customize Office

To Begin Customize Office To Begin Customize Office Each of us needs to set up a work environment that is comfortable and meets our individual needs. As you work with Office 2007, you may choose to modify the options that are available.

More information

Site.com Workbook. Version 1: Summer 14. Last updated: July 4, 2014

Site.com Workbook. Version 1: Summer 14. Last updated: July 4, 2014 Version 1: Summer 14 Site.com Workbook Last updated: July 4, 2014 Copyright 2000 2014 salesforce.com, inc. All rights reserved. Salesforce.com is a registered trademark of salesforce.com, inc., as are

More information

Further web design: Cascading Style Sheets Practical workbook

Further web design: Cascading Style Sheets Practical workbook Further web design: Cascading Style Sheets Practical workbook Aims and Learning Objectives This document gives an introduction to the use of Cascading Style Sheets in HTML. When you have completed these

More information

Dynamic Input Settings

Dynamic Input Settings DSETTINGS Type DSETTINGS DS SE Pointer Input Dynamic Input Settings You can configure dynamic input to meet your personal, school, or company standards. Dynamic input settings appear on the Dynamic Input

More information

Figure 1 responsive grid system for all view ports, from desktops, tablets and smart phones

Figure 1 responsive grid system for all view ports, from desktops, tablets and smart phones Pimp your SharePoint with Uihiro our front-end framework for developing responsive, on-prem, hybrid, pure Office 365 and mobile ready projects. Our theming engine provides a rich repeatable design experience

More information

Step 1: How to Create Links / Hyperlinks

Step 1: How to Create Links / Hyperlinks Step 1: How to Create Links / Hyperlinks Links allow you to use text or images to link a site visitor to another page or file either on your site or on another site. To learn how to create links, watch

More information

Making an online form in Serif WebPlus

Making an online form in Serif WebPlus Making an online form in Serif WebPlus Before you begin your form, it is a very good idea to plan it out on a piece of paper. Decide what information you wish to collect, and which type of fields will

More information

How to Build a More Effective XSite

How to Build a More Effective XSite How to Build a More Effective XSite presented by a la mode Course Highlights Take advantage of advanced design and content features Enable XSite access and features for your employees and colleagues Introduction

More information

Tutorial 6 Creating a Web Form. HTML and CSS 6 TH EDITION

Tutorial 6 Creating a Web Form. HTML and CSS 6 TH EDITION Tutorial 6 Creating a Web Form HTML and CSS 6 TH EDITION Objectives Explore how Web forms interact with Web servers Create form elements Create field sets and legends Create input boxes and form labels

More information

Nanacast.com Manual for Creating Buttons, Forms, Links and Coupon boxes.

Nanacast.com Manual for Creating Buttons, Forms, Links and Coupon boxes. Nanacast.com Manual for Creating Buttons, Forms, Links and Coupon boxes. Create Forms, Buttons & Links Nanacast.com will allow you to create your own buttons and forms to use on your own website by generating

More information

Introduction to Web Development with Dreamweaver

Introduction to Web Development with Dreamweaver ITS Training Introduction to Web Development with Dreamweaver In this Workshop In this workshop you will be introduced to HTML basics and using Dreamweaver to create and edit web files. You will learn

More information

Adobe Acrobat Electronic Signatures

Adobe Acrobat Electronic Signatures Adobe Acrobat Electronic Signatures Creating a custom signature stamp 1. Sign your name on a piece of paper (a marker style pen works well) 2. Scan the paper 3. Save to the desktop (or anywhere you like)

More information

WEB DESIGN COURSE CONTENT

WEB DESIGN COURSE CONTENT WEB DESIGN COURSE CONTENT INTRODUCTION OF WEB TECHNOLOGIES Careers in Web Technologies How Websites are working Domain Types and Server About Static and Dynamic Websites Web 2.0 Standards PLANNING A BASIC

More information

Yusof Al-Wadei Page 1 of 9. Interactive Web Design through Survey and Adoption of Modern Web-Technologies Yusof Hussein Al-Wadei

Yusof Al-Wadei Page 1 of 9. Interactive Web Design through Survey and Adoption of Modern Web-Technologies Yusof Hussein Al-Wadei Page 1 of 9 Interactive Web Design through Survey and Adoption of Modern Web-Technologies Yusof Hussein Al-Wadei Page 2 of 9 ABSTRACT Technologies used in modern web development are continuously being

More information

Dreamweaver. Introduction to Editing Web Pages

Dreamweaver. Introduction to Editing Web Pages Dreamweaver Introduction to Editing Web Pages WORKSHOP DESCRIPTION... 1 Overview 1 Prerequisites 1 Objectives 1 INTRODUCTION TO DREAMWEAVER... 1 Document Window 3 Toolbar 3 Insert Panel 4 Properties Panel

More information

ShoreTel Enterprise Contact Center 8 Installing and Implementing Chat

ShoreTel Enterprise Contact Center 8 Installing and Implementing Chat ShoreTel Enterprise Contact Center 8 Installing and Implementing Chat November 2012 Legal Notices Document and Software Copyrights Copyright 1998-2012 by ShoreTel Inc., Sunnyvale, California, USA. All

More information

6. If you want to enter specific formats, click the Format Tab to auto format the information that is entered into the field.

6. If you want to enter specific formats, click the Format Tab to auto format the information that is entered into the field. Adobe Acrobat Professional X Part 3 - Creating Fillable Forms Preparing the Form Create the form in Word, including underlines, images and any other text you would like showing on the form. Convert the

More information

Training Studio Templates Documentation Table of Contents

Training Studio Templates Documentation Table of Contents Training Studio Templates Documentation Table of Contents Loading the TrainingStudio Solution... 2 Architecture... 3 Big Picture... 4 Lesson Directory... 6 index.htm... 6 Styles... 16 backgroundstyles.css...

More information

Audit de sécurité avec Backtrack 5

Audit de sécurité avec Backtrack 5 Audit de sécurité avec Backtrack 5 DUMITRESCU Andrei EL RAOUSTI Habib Université de Versailles Saint-Quentin-En-Yvelines 24-05-2012 UVSQ - Audit de sécurité avec Backtrack 5 DUMITRESCU Andrei EL RAOUSTI

More information

WebCenter User experience. John Sim @JRSim_UIX

WebCenter User experience. John Sim @JRSim_UIX WebCenter User experience ipads - Xbox John Sim @JRSim_UIX About Fishbowl Solutions Specializing on portals & content management for 13 years Customers throughout North America & EMEA Enterprise-wide consulting

More information

HTML and CSS. Elliot Davies. April 10th, 2013. ed37@st-andrews.ac.uk

HTML and CSS. Elliot Davies. April 10th, 2013. ed37@st-andrews.ac.uk HTML and CSS Elliot Davies ed37@st-andrews.ac.uk April 10th, 2013 In this talk An introduction to HTML, the language of web development Using HTML to create simple web pages Styling web pages using CSS

More information

Advanced Online Media Dr. Cindy Royal Texas State University - San Marcos School of Journalism and Mass Communication

Advanced Online Media Dr. Cindy Royal Texas State University - San Marcos School of Journalism and Mass Communication Advanced Online Media Dr. Cindy Royal Texas State University - San Marcos School of Journalism and Mass Communication Using JQuery to Make a Photo Slideshow This exercise was modified from the slideshow

More information

Copyright 2011 Center for Innovation in Teaching and Research 1

Copyright 2011 Center for Innovation in Teaching and Research 1 Mobile Websites with Dreamweaver CS5.5 Center for Innovation in Teaching and Research Presenter: Chad Dennis Instructional Technology Systems Manager ce-dennis@wiu.edu Copyright 2011 Center for Innovation

More information

Using jquery and CSS to Gain Easy Wins in CiviCRM

Using jquery and CSS to Gain Easy Wins in CiviCRM Using jquery and CSS to Gain Easy Wins in CiviCRM The CMS agnostic, cross browser way to get (mostly) what you want By Stuart from Korlon LLC (find me as "Stoob") Why is this method OK to use? CiviCRM

More information

This tutorial assumes that you are familiar with ASP.Net and ActiveX controls.

This tutorial assumes that you are familiar with ASP.Net and ActiveX controls. ASP.Net with Iocomp ActiveX controls This tutorial assumes that you are familiar with ASP.Net and ActiveX controls. Steps to host an Iocomp ActiveX control in an ASP.NET page using Visual Studio 2003 The

More information

USER Guide. ECONOMIX Solution. New Module - Purchases online. Purchases Online. User Guide. 2009 ECONOMIX SYSTÈME INC. Tous droits réservés.

USER Guide. ECONOMIX Solution. New Module - Purchases online. Purchases Online. User Guide. 2009 ECONOMIX SYSTÈME INC. Tous droits réservés. USER Guide New Module - Purchases online ECONOMIX Solution 1 Module PURCHASES ONLINE Module Introduction Economix introduces a new feature called. This feature has been developed to facilitate the ordering

More information

Skills for Employment Investment Project (SEIP)

Skills for Employment Investment Project (SEIP) Skills for Employment Investment Project (SEIP) Standards/ Curriculum Format For Web Design Course Duration: Three Months 1 Course Structure and Requirements Course Title: Web Design Course Objectives:

More information

This matches a date in the MM/DD/YYYY format in the years 2011 2019. The date must include leading zeros.

This matches a date in the MM/DD/YYYY format in the years 2011 2019. The date must include leading zeros. Validating the date format There are plans to adapt the jquery UI Datepicker widget for use in a jquery Mobile site. At the time of this writing, the widget was still highly experimental. When a stable

More information

CSS. CSS - cascading style sheets CSS - permite separar num documento HTML o conteúdo do estilo. ADI css 1/28

CSS. CSS - cascading style sheets CSS - permite separar num documento HTML o conteúdo do estilo. ADI css 1/28 CSS CSS - cascading style sheets CSS - permite separar num documento HTML o conteúdo do estilo ADI css 1/28 Cascaded Style Sheets Por ordem de prioridade: Inline

More information

caqtdm Tutorial Jim Stevens APS Controls Group October 9, 2014

caqtdm Tutorial Jim Stevens APS Controls Group October 9, 2014 caqtdm Tutorial Jim Stevens APS Controls Group October 9, 2014 Based on 2004 Medm lecture by Kenneth Evans Jr. 2013 Abridged version by Tim Mooney for SSG class 1 caqtdm Tutorial Introduction Introduction:

More information

Sun Management Center 3.0 Platform Update 4 Release Notes for Sun Fire 15K/12K Systems

Sun Management Center 3.0 Platform Update 4 Release Notes for Sun Fire 15K/12K Systems Sun Management Center 3.0 Platform Update 4 Release Notes for Sun Fire 15K/12K Systems Sun Microsystems, Inc. 4150 Network Circle Santa Clara, CA 95054 U.S.A. 650-960-1300 Part No. 816-5008-10 April 2002,

More information

Entrance exam for PBA in Web Development

Entrance exam for PBA in Web Development Entrance exam for PBA in Web Development Fill out your personal details below. Full name: CPR-number: E-mail address: 1 PART I: Overall knowledge In this test you will find 35 questions covering different

More information

What s New in Adobe InDesign CS3

What s New in Adobe InDesign CS3 What s New in Adobe InDesign CS3 Welcome to Adobe InDesign CS3. This is a significant upgrade to an extremely powerful page layout application. This book provides you with details you need to effectively

More information

Using the Scheduling Module of MBA

Using the Scheduling Module of MBA Create the Job and Import the Trusses (MBA) Using the Scheduling Module of MBA The process of preparing work for and entering it into the MBA Scheduling Module requires a number of steps. MBA The job is

More information

Getting Started Guide

Getting Started Guide Getting Started Guide Table of Contents OggChat Overview... 3 Getting Started Basic Setup... 3 Dashboard... 4 Creating an Operator... 5 Connecting OggChat to your Google Account... 6 Creating a Chat Widget...

More information

PowerPoint basics. Before you begin. What you'll learn. Requirements. Estimated time to complete:

PowerPoint basics. Before you begin. What you'll learn. Requirements. Estimated time to complete: PowerPoint basics PowerPoint is a powerful presentation application, but to use it most effectively, you first have to understand the basics. This tutorial introduces some of the tasks and features that

More information

MANUAL FOR WEBSITE DEVELOPMENT USING WORDPRESS FOR RESEARCH GROUP SITE

MANUAL FOR WEBSITE DEVELOPMENT USING WORDPRESS FOR RESEARCH GROUP SITE MANUAL FOR WEBSITE DEVELOPMENT USING WORDPRESS FOR RESEARCH GROUP SITE 0 Table of Content Site Full View 2 I How to create a new Post? 3 II How to create Post Category? 4 III How to create new Page? 6

More information

IE Class Web Design Curriculum

IE Class Web Design Curriculum Course Outline Web Technologies 130.279 IE Class Web Design Curriculum Unit 1: Foundations s The Foundation lessons will provide students with a general understanding of computers, how the internet works,

More information

Boston University. Overview and Description: Instructor, Contact Email, Office Hours and Blackboard Site: Topic Coverage.

Boston University. Overview and Description: Instructor, Contact Email, Office Hours and Blackboard Site: Topic Coverage. Boston University Metropolitan College MET CS601 - Web Application Development Overview and Description: This course focuses on building core competencies in web design and development. It begins with

More information

DOM, Jav Ja a v Script a and AJA AJ X A Madalina Croitoru IUT Mont Mon pellier

DOM, Jav Ja a v Script a and AJA AJ X A Madalina Croitoru IUT Mont Mon pellier DOM, JavaScript and AJAX Madalina Croitoru IUT Montpellier JavaScript Initially called LiveScript Implemented in Netscape Navigator Microsoft adapts it in 1996: Jscript European Computer Manufacturers

More information

Introduction to web development using XHTML and CSS. Lars Larsson. Today. Course introduction and information XHTML. CSS crash course.

Introduction to web development using XHTML and CSS. Lars Larsson. Today. Course introduction and information XHTML. CSS crash course. using CSS using CSS 1 using CSS 2 3 4 Lecture #1 5 6 using CSS Material using CSS literature During this, we will cover server side web with JavaServer Pages. JSP is an exciting technology that lets developers

More information

ITP 101 Project 3 - Dreamweaver

ITP 101 Project 3 - Dreamweaver ITP 101 Project 3 - Dreamweaver Project Objectives You will also learn how to make a website outlining your company s products, location, and contact info. Project Details USC provides its students with

More information

Website Creator Pro Quick Reference Guide. Version: 0.5

Website Creator Pro Quick Reference Guide. Version: 0.5 Website Creator Pro Quick Reference Guide Version: 0.5 Contents 1. Introduction 3 2. Navigation 4 2.1. Top Bar 4 2.1.1. Tabs 4 2.1.2. Buttons 4 2.2. Website Structure Fly-Out 4 3. Usage 5 3.1. Editor 5

More information

Web Based Warehouse Management System

Web Based Warehouse Management System KEMI-TORNIO UNIVERSITY OF APPLIED SCIENCES Web Based Warehouse Management System Yang Yang Thesis of Information Technology Degree Programme Bachelor of Engineering KEMI 2012 Yang Yang BACHELOR S THESIS

More information

Web Development CSE2WD Final Examination June 2012. (a) Which organisation is primarily responsible for HTML, CSS and DOM standards?

Web Development CSE2WD Final Examination June 2012. (a) Which organisation is primarily responsible for HTML, CSS and DOM standards? Question 1. (a) Which organisation is primarily responsible for HTML, CSS and DOM standards? (b) Briefly identify the primary purpose of the flowing inside the body section of an HTML document: (i) HTML

More information

Your Guide to the All New, Drag & Drop, Mobile-Responsive Email Builder

Your Guide to the All New, Drag & Drop, Mobile-Responsive Email Builder Your Guide to the All New, Drag & Drop, Mobile-Responsive Email Builder The All New Drag & Drop Email Builder from Net-Results Contents I. Introduction II. Overview - The Canvas & Builder Tools III. The

More information

Microsoft Expression Web

Microsoft Expression Web Microsoft Expression Web Microsoft Expression Web is the new program from Microsoft to replace Frontpage as a website editing program. While the layout has changed, it still functions much the same as

More information

App Development for Modern UI MODULE 4: APP DEVELOPMENT ESSENTIALS

App Development for Modern UI MODULE 4: APP DEVELOPMENT ESSENTIALS App Development for Modern UI MODULE 4: APP DEVELOPMENT ESSENTIALS Module 4: App Development Essentials Windows, Bing, PowerPoint, Internet Explorer, Visual Studio, WebMatrix, DreamSpark, and Silverlight

More information

Case Study. [Solaire System]

Case Study. [Solaire System] Case Study [Solaire System] INDEX Project Description... 2 Objective... 4 Challenges... 4 Solution... 4 Client Testimony... 5 Project Description One of our Canada based client wants us to develop Soalire

More information

JavaScript Libraries. Ajax Experience - October John Resig (ejohn.org)

JavaScript Libraries. Ajax Experience - October John Resig (ejohn.org) JavaScript Libraries Ajax Experience - October 2007 John Resig (ejohn.org) Question: How do you want to write JavaScript? 1) Plug-and-Play Drop in a calendar widget or tabbed navigation Little, to no,

More information

Responsive Web Design for Teachers. Exercise: Building a Responsive Page with the Fluid Grid Layout Feature

Responsive Web Design for Teachers. Exercise: Building a Responsive Page with the Fluid Grid Layout Feature Exercise: Building a Responsive Page with the Fluid Grid Layout Feature Now that you know the basic principles of responsive web design CSS3 Media Queries, fluid images and media, and fluid grids, you

More information

Database Forms and Reports Tutorial

Database Forms and Reports Tutorial Database Forms and Reports Tutorial Contents Introduction... 1 What you will learn in this tutorial... 2 Lesson 1: Create First Form Using Wizard... 3 Lesson 2: Design the Second Form... 9 Add Components

More information