Website Login Integration
|
|
- Gertrude Daniel
- 8 years ago
- Views:
Transcription
1 SSO Widget Website Login Integration October 2015
2 Table of Contents Introduction... 3 Getting Started... 5 Creating your Login Form... 5 Full code for the example (including CSS and JavaScript):
3 Introduction This document explains how to add a basic Applied CSR24 Self-Service Portal Customer Login to your organization s website, which may look similar to what is shown below. Adding this login on your organization s website gives your clients a fast, easy way to access CSR24 Self-Service portal. These instructions are intended for web designers, and they detail the process for adding a simple CSR24 Self-Service login to an existing web page. In order to follow these directions, you must have general knowledge of HTML, as well as knowledge of HTML forms, which are used to implement the client login. The code to implement the login form uses a mix of required and optional values. 3
4 4
5 Getting Started This document focuses on the SSO Widget itself, the example form contains the following elements: The Customer Login label The login name text input The password text input A Remember Me checkbox A Sign On or Login button Register Account and Forgot Details links. <div class="login"> <h1>customer Login</h1> <form name="portalsignon" id="portalsignon" method="post" action=" <input type="hidden" name="agencykey" value=" " /> <input type="hidden" name="subagencykey" value="" /> <input type="hidden" name="errorurl" value=" /> <input type="text" name="username" size="99" placeholder="username" /> <input type="password" name="password" size="18" placeholder="password" /> <input type="checkbox" name="rememberme" value="remember"/><span class="rememberme">remember Me</span> <input type="button" name="signon" value="sign On" onclick="usersignon();" /> <a href="javascript:altlink('signup');">register Account</a> <a href="javascript:altlink('forgot');">forgot Details?</a> </form> </div> Note: For Canadian brokers, use and for UK brokers, use In addition, there are a number of hidden input fields some required and some optional. This is the main HTML code used for the example. Note that the JavaScript calls are included in the example, but do not require any updates. The full code for the example, including the JavaScript and CSS styling, is at the end of this document. You can update the CSS styles to align with your corporate branding. This document discusses the example shown above, line by line. Creating your Login Form The first element creates a div to contain your form, specifies a CSS class to provide a simple background color and positioning, and adds some header text as a 5
6 description. None of these are required, but they are recommended. <div class="login"> <h1>customer Login</h1> </div> The next step creates the HTML form element itself. The first step is to add an HTML form element to your webpage. The form s method is set to post to the CSR24 Self-Service Portal: <form name="portalsignon" id="portalsignon" method="post" action=" This element is required. You may replace the standard signon URL shown above ( with your organizations personalized URL obtained from Applied. Note: For Canadian brokers, use and for UK brokers, use Next there are several hidden values passed in. Hidden values are not visible on the webpage. Some of these values are required and some are optional. For optional values, you may omit the entire line if desired. The AgencyKey input value is required and represents your Agency Portal Key. The value shown, " " is for example purposes only. You should use your Applied assigned Agency Key value instead. If you do not know this value, please contact your Applied Account Manager. <input type="hidden" name="agencykey" value=" " /> The SubAgencyKey value is also not visible to the customer and is optional. This value is used for sub-agencies or branches that you may have defined. This example does not specify a value. <input type="hidden" name="subagencykey" value="" /> The "ErrorURL" parameter is optional and specifies a URL to which a customer is redirected if an incorrect user ID or password is entered. If you would like to handle the error within your site, you must specify a URL to which to redirect the login error. <input type="hidden" name="errorurl" value=" /> The value in this example above redirects to the CSR24 portal. Replace that URL with your own. 6
7 If a custom ErrorURL value is not specified, the customer is redirected to the default signon page for the Self-Service portal ( ) where the login error displays. This is also the case if you choose not to add this line. Next, add the Username and Password inputs to the webpage for the username and password. The Username value can be up to 99 characters and must match a user name already created in the Self-Service portal. The "size" value of 99 should not be changed from what is shown. The Password value may be up to 18 characters long. This "size" value should also not be changed from what is shown. <input type="text" name="username" size="99" placeholder="username" /> <input type="password" name="password" size="18" placeholder="password" /> The next line adds a Remember Me checkbox to the page. This is not required, and in this example is using JavaScript to create/set a user cookie when the Submit button is clicked if the item is checked. <input type="checkbox" name="rememberme" value="remember"/><span class="rememberme">remember Me</span> Add a button to submit the customer login information to the CSR24 portal to be verified. <input type="button" name="signon" value="sign On" onclick="usersignon();" /> The last two elements in the example code are optional and are using JavaScript calls for their functionality. <a href="javascript:altlink('signup');">register Account</a> <a href="javascript:altlink('forgot');">forgot Details?</a> Full code for the example (including CSS and JavaScript): <!DOCTYPE html> <html lang="en" xmlns=" <head> <meta charset="utf-8" /> <!-- Copy this section into the head of your document --> <style> /*Login Container*/.Login { 7
8 background-color:#1180d7; width:210px; height:280px; color:#fff; padding:15px; /*Login Title*/.Login h1 { font-size:17px; text-align:left; margin:20px 0 0; font-weight:normal; /*links*/.login a { color:#fff; margin:12px 0; display:block; text-align:center; /*User Name and Password*/.Login input { width:195px; margin:20px 0 0; border:none; padding:10px 5px 5px 10px; color:#000; /*Sign on Button*/.Login input[type="button"] { width: 210px; margin: 10px 0 0; border: none; padding: 10px 5px; color: #1180d7; text-align: center; font-size: 14px; background-color: #fff; /*Container background color*/ /*container width*/ /*container height*/ /*text color*/ /*Title Font size*/ /*Link Color*/ /*Button text color*/ /*Button text alignment*/ /*Button font size*/ /*Button background color*/.login input[type="checkbox"] {width:30px; float:left;.login.rememberme {text-align:left; display:block; margin-top:17px; float:left; </style> <!-- End style copy--> <!-- Begin script copy--> <script language="javascript"> function setcookie(cookiename, cookievalue) { 8
9 document.cookie = encodeuricomponent(cookiename) + '=' + encodeuricomponent(cookievalue) + '; expires=fri, 31 Dec :59:59 GMT' + '; path=/'; function getcookie(cookiename) { return decodeuricomponent(document.cookie.replace(new RegExp("(?:(?:^.*;)\\s*" + encodeuricomponent(cookiename).replace(/[\-\.\+\*]/g, "\\$&") + "\\s*\\=\\s*([^;]*).*$) ^.*$"), "$1")) null; function usersignon() { if (document.portalsignon.username.value > '' && document.portalsignon.password.value > '') { if (document.portalsignon.rememberme.checked == true) { setcookie('username', document.portalsignon.username.value); else { setcookie('username', ''); document.portalsignon.submit(); else { alert('please enter a user name and password'); document.portalsignon.username.focus(); function altlink(linkname) { if (linkname == 'signup') surl = ' if (linkname == 'forgot') surl = ' + document.portalsignon.agencykey.value + '/Password?language=EN&urlReferrer=' + encodeuricomponent(parent.location.href); document.portalsignon.action = surl; document.portalsignon.submit(); function documentready() { var saveduserid = getcookie('username'); if (saveduserid > '') { document.portalsignon.username.value = saveduserid; document.portalsignon.rememberme.checked = true; </script> <!-- End script copy--> </head> <body onload="documentready();"> 9
10 <!--Start of Widget. Place copy where Login to be displayed.--> <div class="login"> <h1>customer Login</h1> <form name="portalsignon" id="portalsignon" method="post" action=" <input type="hidden" name="agencykey" value=" " /> <input type="hidden" name="subagencykey" value="" /> <input type="hidden" name="culture" value="en-us" /> <input type="hidden" name="errorurl" value=" /> <input type="text" name="username" size="10" placeholder="username" /> <input type="password" name="password" size="10" placeholder="password" /> <input type="checkbox" name="rememberme" value="remember"/><span class="rememberme">remember Me</span> <input type="button" name="signon" value="sign On" onclick="usersignon();" /> <a href="javascript:altlink('signup');">register Account</a> <a href="javascript:altlink('forgot');">forgot Details?</a> </form> </div> <!--End of Widget. End Copy--> </body> </html> 10
Web Development 1 A4 Project Description Web Architecture
Web Development 1 Introduction to A4, Architecture, Core Technologies A4 Project Description 2 Web Architecture 3 Web Service Web Service Web Service Browser Javascript Database Javascript Other Stuff:
More informationIntell-a-Keeper Reporting System Technical Programming Guide. Tracking your Bookings without going Nuts! http://www.acorn-is.
Intell-a-Keeper Reporting System Technical Programming Guide Tracking your Bookings without going Nuts! http://www.acorn-is.com 877-ACORN-99 Step 1: Contact Marian Talbert at Acorn Internet Services at
More informationIn order for the form to process and send correctly the follow objects must be in the form tag.
Creating Forms Creating an email form within the dotcms platform, all the HTML for the form must be in the Body field of a Content Structure. All names are case sensitive. In order for the form to process
More informationHTML Tables. IT 3203 Introduction to Web Development
IT 3203 Introduction to Web Development Tables and Forms September 3 HTML Tables Tables are your friend: Data in rows and columns Positioning of information (But you should use style sheets for this) Slicing
More informationc. Write a JavaScript statement to print out as an alert box the value of the third Radio button (whether or not selected) in the second form.
Practice Problems: These problems are intended to clarify some of the basic concepts related to access to some of the form controls. In the process you should enter the problems in the computer and run
More informationWHITEPAPER. Skinning Guide. Let s chat. 800.9.Velaro www.velaro.com info@velaro.com. 2012 by Velaro
WHITEPAPER Skinning Guide Let s chat. 2012 by Velaro 800.9.Velaro www.velaro.com info@velaro.com INTRODUCTION Throughout the course of a chat conversation, there are a number of different web pages that
More informationImplementing Specialized Data Capture Applications with InVision Development Tools (Part 2)
Implementing Specialized Data Capture Applications with InVision Development Tools (Part 2) [This is the second of a series of white papers on implementing applications with special requirements for data
More informationHow to use SSO with SharePoint 2010 (FBA) using subdomains. Moataz Esmat EXT.1386
How to use SSO with SharePoint 2010 (FBA) using subdomains Moataz Esmat EXT.1386 I. Browse the web applications using subdomains: After creating the FBA web applications you need to simulate browsing the
More informationScript Handbook for Interactive Scientific Website Building
Script Handbook for Interactive Scientific Website Building Version: 173205 Released: March 25, 2014 Chung-Lin Shan Contents 1 Basic Structures 1 11 Preparation 2 12 form 4 13 switch for the further step
More informationOutline of CSS: Cascading Style Sheets
Outline of CSS: Cascading Style Sheets nigelbuckner 2014 This is an introduction to CSS showing how styles are written, types of style sheets, CSS selectors, the cascade, grouping styles and how styles
More informationProfessional & Workgroup Editions
Professional & Workgroup Editions Add a popup window for scheduling appointments on your own web page using HTML Date: August 2, 2011 Page 1 Overview This document describes how to insert a popup window
More informationHTML Form Widgets. Review: HTML Forms. Review: CGI Programs
HTML Form Widgets Review: HTML Forms HTML forms are used to create web pages that accept user input Forms allow the user to communicate information back to the web server Forms allow web servers to generate
More information2- Forms and JavaScript Course: Developing web- based applica<ons
2- Forms and JavaScript Course: Cris*na Puente, Rafael Palacios 2010- 1 Crea*ng forms Forms An HTML form is a special section of a document which gathers the usual content plus codes, special elements
More informationYandex.Widgets Quick start
17.09.2013 .. Version 2 Document build date: 17.09.2013. This volume is a part of Yandex technical documentation. Yandex helpdesk site: http://help.yandex.ru 2008 2013 Yandex LLC. All rights reserved.
More informationFortigate SSL VPN 4 With PINsafe Installation Notes
Fortigate SSL VPN 4 With PINsafe Installation Notes Table of Contents Fortigate SSL VPN 4 With PINsafe Installation Notes... 1 1. Introduction... 2 2. Overview... 2 2.1. Prerequisites... 2 2.2. Baseline...
More informationWeb Design Basics. Cindy Royal, Ph.D. Associate Professor Texas State University
Web Design Basics Cindy Royal, Ph.D. Associate Professor Texas State University HTML and CSS HTML stands for Hypertext Markup Language. It is the main language of the Web. While there are other languages
More informationJavaScript and Dreamweaver Examples
JavaScript and Dreamweaver Examples CSC 103 October 15, 2007 Overview The World is Flat discussion JavaScript Examples Using Dreamweaver HTML in Dreamweaver JavaScript Homework 3 (due Friday) 1 JavaScript
More informationJavaScript By: A. Mousavi & P. Broomhead SERG, School of Engineering Design, Brunel University, UK
Programming for Digital Media EE1707 JavaScript By: A. Mousavi & P. Broomhead SERG, School of Engineering Design, Brunel University, UK 1 References and Sources 1. DOM Scripting, Web Design with JavaScript
More informationInternet Technologies
QAFQAZ UNIVERSITY Computer Engineering Department Internet Technologies HTML Forms Dr. Abzetdin ADAMOV Chair of Computer Engineering Department aadamov@qu.edu.az http://ce.qu.edu.az/~aadamov What are forms?
More informationFortigate SSL VPN 3.x With PINsafe Installation Notes
Fortigate SSL VPN 3.x With PINsafe Installation Notes Table of Contents Fortigate SSL VPN 3.x With PINsafe Installation Notes... 1 1. Introduction... 2 2. Overview... 2 2.1. Prerequisites... 2 2.2. Baseline...
More informationFurther web design: HTML forms
Further web design: HTML forms Practical workbook Aims and Learning Objectives The aim of this document is to introduce HTML forms. By the end of this course you will be able to: use existing forms on
More informationWeb 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 informationSlicing and Coding the Navigation Background in CSS
CSS Template Tutorial Please take your time to visit http://www.freecss.info Table of Contents Step 1 Setting up. page 3 Step 2 Coding the basics.page 5 Step 3 Coding and slicing the header. page 9 Step
More informationWebsite Planning Checklist
Website Planning Checklist The following checklist will help clarify your needs and goals when creating a website you ll be surprised at how many decisions must be made before any production begins! Even
More informationInPost UK Limited GeoWidget Integration Guide Version 1.1
InPost UK Limited GeoWidget Integration Guide Version 1.1 Contents 1.0. Introduction... 3 1.0.1. Using this Document... 3 1.0.1.1. Document Purpose... 3 1.0.1.2. Intended Audience... 3 1.0.2. Background...
More informationCreate Your own Company s Design Theme
Create Your own Company s Design Theme A simple yet effective approach to custom design theme INTRODUCTION Iron Speed Designer out of the box already gives you a good collection of design themes, up to
More informationMaking Web Application using Tizen Web UI Framework. Koeun Choi
Making Web Application using Tizen Web UI Framework Koeun Choi Contents Overview Web Applications using Web UI Framework Tizen Web UI Framework Web UI Framework Launching Flow Web Winsets Making Web Application
More informationecommercesoftwareone Advance User s Guide -www.ecommercesoftwareone.com
Advance User s Guide -www.ecommercesoftwareone.com Contents Background 3 Method 4 Step 1 - Select Advance site layout 4 Step 2 - Identify Home page code of top/left and bottom/right sections 6 Step 3 -
More informationHTML CSS Basic Structure. HTML Structure [Source Code] CSS Structure [Cascading Styles] DIV or ID Tags and Classes. The BOX MODEL
HTML CSS Basic Structure HTML [Hypertext Markup Language] is the code read by a browser and defines the overall page structure. The HTML file or web page [.html] is made up of a head and a body. The head
More information<?php if (Login::isLogged(Login::$_login_front)) { Helper::redirect(Login::$_dashboard_front); }
More information
Web Design and Databases WD: Class 7: HTML and CSS Part 3
Web Design and Databases WD: Class 7: HTML and CSS Part 3 Dr Helen Hastie Dept of Computer Science Heriot-Watt University Some contributions from Head First HTML with CSS and XHTML, O Reilly Recap! HTML
More informationVisualizing a Neo4j Graph Database with KeyLines
Visualizing a Neo4j Graph Database with KeyLines Introduction 2! What is a graph database? 2! What is Neo4j? 2! Why visualize Neo4j? 3! Visualization Architecture 4! Benefits of the KeyLines/Neo4j architecture
More informationA send-a-friend application with ASP Smart Mailer
A send-a-friend application with ASP Smart Mailer Every site likes more visitors. One of the ways that big sites do this is using a simple form that allows people to send their friends a quick email about
More information1 of 8 9/14/2011 5:40 PM
file:///z:/sites/gemini/public_html/westbendmarketingfirm.htm 1 of 8 9/14/2011 5:40 PM
More informationFortis Theme Update Guide
Fortis Theme Update Guide Copyright 2012 Infortis 1 Table of Contents 1. How to update the theme?...3 2. Important changes...5 2.1 Fortis Theme version 1.3.1...5 2.2 Fortis Theme version 1.3.0...5 2.3
More informationCS412 Interactive Lab Creating a Simple Web Form
CS412 Interactive Lab Creating a Simple Web Form Introduction In this laboratory, we will create a simple web form using HTML. You have seen several examples of HTML pages and forms as you have worked
More informationMASTERTAG DEVELOPER GUIDE
MASTERTAG DEVELOPER GUIDE TABLE OF CONTENTS 1 Introduction... 4 1.1 What is the zanox MasterTag?... 4 1.2 What is the zanox page type?... 4 2 Create a MasterTag application in the zanox Application Store...
More informationWEB PROGRAMMING LAB (Common to CSE & IT)
138 WEB PROGRAMMING LAB (Common to CSE & IT) Course Code :13CT1121 L T P C 0 0 3 2 Course Educational Objectives: The main objective of the lab course is to expose the students to different programming
More informationPLAYER DEVELOPER GUIDE
PLAYER DEVELOPER GUIDE CONTENTS CREATING AND BRANDING A PLAYER IN BACKLOT 5 Player Platform and Browser Support 5 How Player Works 6 Setting up Players Using the Backlot API 6 Creating a Player Using the
More informationHTML Forms and CONTROLS
HTML Forms and CONTROLS Web forms also called Fill-out Forms, let a user return information to a web server for some action. The processing of incoming data is handled by a script or program written in
More informationIntroduction to Adobe Dreamweaver CC
Introduction to Adobe Dreamweaver CC What is Dreamweaver? Dreamweaver is the program that we will be programming our websites into all semester. We will be slicing our designs out of Fireworks and assembling
More informationWeb Building Blocks. Joseph Gilbert User Experience Web Developer University of Virginia Library joe.gilbert@virginia.
Web Building Blocks Core Concepts for HTML & CSS Joseph Gilbert User Experience Web Developer University of Virginia Library joe.gilbert@virginia.edu @joegilbert Why Learn the Building Blocks? The idea
More informationInterspire Website Publisher Developer Documentation. Template Customization Guide
Interspire Website Publisher Developer Documentation Template Customization Guide Table of Contents Introduction... 1 Template Directory Structure... 2 The Style Guide File... 4 Blocks... 4 What are blocks?...
More informationCREATING A NEWSLETTER IN ADOBE DREAMWEAVER CS5 (step-by-step directions)
CREATING A NEWSLETTER IN ADOBE DREAMWEAVER CS5 (step-by-step directions) Step 1 - DEFINE A NEW WEB SITE - 5 POINTS 1. From the welcome window that opens select the Dreamweaver Site... or from the main
More informationMCH Strategic Data Best Practices Review
MCH Strategic Data Best Practices Review Presenters Alex Bardoff Manager, Creative Services abardoff@whatcounts.com Lindsey McFadden Manager, Campaign Production Services lmcfadden@whatcounts.com 2 Creative
More informationios 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 informationWeb Design Revision. AQA AS-Level Computing COMP2. 39 minutes. 39 marks. Page 1 of 17
Web Design Revision AQA AS-Level Computing COMP2 204 39 minutes 39 marks Page of 7 Q. (a) (i) What does HTML stand for?... () (ii) What does CSS stand for?... () (b) Figure shows a web page that has been
More informationVisualizing an OrientDB Graph Database with KeyLines
Visualizing an OrientDB Graph Database with KeyLines Visualizing an OrientDB Graph Database with KeyLines 1! Introduction 2! What is a graph database? 2! What is OrientDB? 2! Why visualize OrientDB? 3!
More informationUsing Form Tools (admin)
EUROPEAN COMMISSION DIRECTORATE-GENERAL INFORMATICS Directorate A - Corporate IT Solutions & Services Corporate Infrastructure Solutions for Information Systems (LUX) Using Form Tools (admin) Commission
More informationPay with Amazon Integration Guide
2 2 Contents... 4 Introduction to Pay with Amazon... 5 Before you start - Important Information... 5 Important Advanced Payment APIs prerequisites... 5 How does Pay with Amazon work?...6 Key concepts in
More informationCarTrawler AJAX Booking Engine Version: 5.10 Date: 01/10/13. http://www.cartrawler.com
Date: 01/10/13 http://www.cartrawler.com 1. Introduction... 3 1.1. Pre-requisites... 3 1.2. Intended Audience... 3 2. Technical Dependencies... 3 3. Implementation... 3 3.1. Set up the server environment...
More informationThe purpose of jquery is to make it much easier to use JavaScript on your website.
jquery Introduction (Source:w3schools.com) The purpose of jquery is to make it much easier to use JavaScript on your website. What is jquery? jquery is a lightweight, "write less, do more", JavaScript
More informationCREATING HORIZONTAL NAVIGATION BAR USING ADOBE DREAMWEAVER CS5
CREATING HORIZONTAL NAVIGATION BAR USING ADOBE DREAMWEAVER CS5 Step 1 - Creating list of links - (5 points) Traditionally, CSS navigation is based on unordered list - . Any navigational bar can be
More informationEmbedding a Data View dynamic report into an existing web-page
Embedding a Data View dynamic report into an existing web-page Author: GeoWise User Support Released: 23/11/2011 Version: 6.4.4 Embedding a Data View dynamic report into an existing web-page Table of Contents
More informationHow to code, test, and validate a web page
Chapter 2 How to code, test, and validate a web page Slide 1 Objectives Applied 1. Use a text editor like Aptana Studio 3 to create and edit HTML and CSS files. 2. Test an HTML document that s stored on
More informationIntroduction to XHTML. 2010, Robert K. Moniot 1
Chapter 4 Introduction to XHTML 2010, Robert K. Moniot 1 OBJECTIVES In this chapter, you will learn: Characteristics of XHTML vs. older HTML. How to write XHTML to create web pages: Controlling document
More informationWeb Reporting by Combining the Best of HTML and SAS
Web Reporting by Combining the Best of HTML and SAS Jason Chen, Kaiser Permanente, San Diego, CA Kim Phan, Kaiser Permanente, San Diego, CA Yuexin Cindy Chen, Kaiser Permanente, San Diego, CA ABSTRACT
More informationjquery 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 informationJavaScript: Arrays. 2008 Pearson Education, Inc. All rights reserved.
1 10 JavaScript: Arrays 2 With sobs and tears he sorted out Those of the largest size... Lewis Carroll Attempt the end, and never stand to doubt; Nothing s so hard, but search will find it out. Robert
More informationQQ WebAgent Quick Start Guide
QQ WebAgent Quick Start Guide Contents QQ WebAgent Quick Start Guide... 1 Implementing QQ WebAgent. on Your Web Site... 2 What You Need to Do... 2 Instructions for Web designers, Webmasters or Web Hosting
More informationLab 5 Introduction to Java Scripts
King Abdul-Aziz University Faculty of Computing and Information Technology Department of Information Technology Internet Applications CPIT405 Lab Instructor: Akbar Badhusha MOHIDEEN Lab 5 Introduction
More informationHow to Properly Compose E-Mail HTML Code : 1
How to Properly Compose E-Mail HTML Code : 1 For any successful business, creating and sending great looking e-mail is essential to project a professional image. With the proliferation of numerous e-mail
More informationWEB DESIGN LAB PART- A HTML LABORATORY MANUAL FOR 3 RD SEM IS AND CS (2011-2012)
WEB DESIGN LAB PART- A HTML LABORATORY MANUAL FOR 3 RD SEM IS AND CS (2011-2012) BY MISS. SAVITHA R LECTURER INFORMATION SCIENCE DEPTATMENT GOVERNMENT POLYTECHNIC GULBARGA FOR ANY FEEDBACK CONTACT TO EMAIL:
More informationUsing Style Sheets for Consistency
Cascading Style Sheets enable you to easily maintain a consistent look across all the pages of a web site. In addition, they extend the power of HTML. For example, style sheets permit specifying point
More informationMaking Responsive Emails
Making Responsive Emails Who Am I? Justine Jordan Wearer of Many Hats, Litmus @meladorri @litmusapp #CSSsummit litmus.com/lp/csssummit Sample HTML, slides, templates, frameworks, and other goodies. Disclaimer:
More informationSample HP OO Web Application
HP OO 10 OnBoarding Kit Community Assitstance Team Sample HP OO Web Application HP OO 10.x Central s rich API enables easy integration of the different parts of HP OO Central into custom web applications.
More informationClient-side Web Engineering From HTML to AJAX
Client-side Web Engineering From HTML to AJAX SWE 642, Spring 2008 Nick Duan 1 What is Client-side Engineering? The concepts, tools and techniques for creating standard web browser and browser extensions
More informationAppendix IX. Codes written for developing the revised search tool in HTML
Appendix IX Codes written for developing the revised search tool in HTML 1
More informationKlik op deze albums als u de foto s van onze evenementen wil ontdekken.
Fotogalerij by Charlotte Dion - mardi, août 04, 2015 http://www.acfbenelux.be/nl/fotogalerij/ Klik op deze albums als u de foto s van onze evenementen wil ontdekken. var lightbox_transition = 'elastic';
More informationVisualization: Combo Chart - Google Chart Tools - Google Code
Page 1 of 8 Google Chart Tools Home Docs FAQ Forum Terms Visualization: Combo Chart Overview Example Loading Data Format Configuration Options Methods Events Data Policy Overview A chart that lets you
More informationWorking with forms in PHP
2002-6-29 Synopsis In this tutorial, you will learn how to use forms with PHP. Page 1 Forms and PHP One of the most popular ways to make a web site interactive is the use of forms. With forms you can have
More informationMobile Web Applications. Gary Dubuque IT Research Architect Department of Revenue
Mobile Web Applications Gary Dubuque IT Research Architect Department of Revenue Summary Times are approximate 10:15am 10:25am 10:35am 10:45am Evolution of Web Applications How they got replaced by native
More informationHTML5 and CSS3 Part 1: Using HTML and CSS to Create a Website Layout
CALIFORNIA STATE UNIVERSITY, LOS ANGELES INFORMATION TECHNOLOGY SERVICES HTML5 and CSS3 Part 1: Using HTML and CSS to Create a Website Layout Fall 2011, Version 1.0 Table of Contents Introduction...3 Downloading
More informationMul$media im Netz (Online Mul$media) Wintersemester 2014/15. Übung 06 (Nebenfach)
Mul$media im Netz (Online Mul$media) Wintersemester 2014/15 Übung 06 (Nebenfach) Online Mul?media WS 2014/15 - Übung 05-1 Today s Agenda Flashback! 5 th tutorial Introduc?on to JavaScript Assignment 5
More informationEmail Campaign Guidelines and Best Practices
epromo Guidelines HTML Maximum width 700px (length = N/A) Maximum total file size, including all images = 200KB Only use inline CSS, no stylesheets Use tables, rather than layout Use more TEXT instead
More informationChapter 2 HTML Basics Key Concepts. Copyright 2013 Terry Ann Morris, Ed.D
Chapter 2 HTML Basics Key Concepts Copyright 2013 Terry Ann Morris, Ed.D 1 First Web Page an opening tag... page info goes here a closing tag Head & Body Sections Head Section
More informationCommunication. Container-Exchange
Communication Container-Exchange By its so-called container system, OnyxCeph³ supports a synchronized data exchange between multiple separate Onyx databases for the same or for different licensees. By
More informationCreate Webpages using HTML and CSS
KS2 Create Webpages using HTML and CSS 1 Contents Learning Objectives... 3 What is HTML and CSS?... 4 The heading can improve Search Engine results... 4 E-safety Webpage... 5 Creating a Webpage... 6 Creating
More informationSingle Page Web App Generator (SPWAG)
Single Page Web App Generator (SPWAG) Members Lauren Zou (ljz2112) Aftab Khan (ajk2194) Richard Chiou (rc2758) Yunhe (John) Wang (yw2439) Aditya Majumdar (am3713) Motivation In 2012, HTML5 and CSS3 took
More informationThe MVC Programming Model
The MVC Programming Model MVC is one of three ASP.NET programming models. MVC is a framework for building web applications using a MVC (Model View Controller) design: The Model represents the application
More informationStyle & Layout in the web: CSS and Bootstrap
Style & Layout in the web: CSS and Bootstrap Ambient intelligence: technology and design Fulvio Corno Politecnico di Torino, 2014/2015 Goal Styling web content Advanced layout in web pages Responsive layouts
More information<script type="text/javascript"> var _gaq = _gaq []; _gaq.push(['_setaccount', 'UA 2418840 25']); _gaq.push(['_trackpageview']);
More information
ANGULAR JS SOFTWARE ENGINEERING FOR WEB SERVICES HASAN FAIZAL K APRIL,2014
ANGULAR JS SOFTWARE ENGINEERING FOR WEB SERVICES HASAN FAIZAL K APRIL,2014 What is Angular Js? Open Source JavaScript framework for dynamic web apps. Developed in 2009 by Miško Hevery and Adam Abrons.
More informationWeb Design I. Spring 2009 Kevin Cole Gallaudet University 2009.03.05
Web Design I Spring 2009 Kevin Cole Gallaudet University 2009.03.05 Layout Page banner, sidebar, main content, footer Old method: Use , , New method: and "float" CSS property Think
More informationOnline Multimedia Winter semester 2015/16
Multimedia im Netz Online Multimedia Winter semester 2015/16 Tutorial 12 Major Subject Ludwig-Maximilians-Universität München Online Multimedia WS 2015/16 - Tutorial 12-1 Today s Agenda Imperative vs.
More informationSAML Authentication Quick Start Guide
SAML Authentication Quick Start Guide Powerful Authentication Management for Service Providers and Enterprises Authentication Service Delivery Made EASY Copyright 2013 SafeNet, Inc. All rights reserved.
More informationInserting the Form Field In Dreamweaver 4, open a new or existing page. From the Insert menu choose Form.
Creating Forms in Dreamweaver Modified from the TRIO program at the University of Washington [URL: http://depts.washington.edu/trio/train/howto/page/dreamweaver/forms/index.shtml] Forms allow users to
More informationCSS for Page Layout. Key Concepts
CSS for Page Layout Key Concepts CSS Page Layout Advantages Greater typography control Style is separate from structure Potentially smaller documents Easier site maintenance Increased page layout control
More informationConfiguring iplanet 6.0 Web Server For SSL and non-ssl Redirect
Introduction Configuring iplanet 6.0 Web Server For SSL and non-ssl Redirect This document describes the process for configuring an iplanet web server for the following situation: Require that clients
More informationLAB MANUAL CS-322364(22): Web Technology
RUNGTA COLLEGE OF ENGINEERING & TECHNOLOGY (Approved by AICTE, New Delhi & Affiliated to CSVTU, Bhilai) Kohka Kurud Road Bhilai [C.G.] LAB MANUAL CS-322364(22): Web Technology Department of COMPUTER SCIENCE
More informationCIS 467/602-01: Data Visualization
CIS 467/602-01: Data Visualization HTML, CSS, SVG, (& JavaScript) Dr. David Koop Assignment 1 Posted on the course web site Due Friday, Feb. 13 Get started soon! Submission information will be posted Useful
More informationDreamweaver CS4 Day 2 Creating a Website using Div Tags, CSS, and Templates
Dreamweaver CS4 Day 2 Creating a Website using Div Tags, CSS, and Templates What is a DIV tag? First, let s recall that HTML is a markup language. Markup provides structure and order to a page. For example,
More informationUnderstanding Cross Site Scripting
Understanding Cross Site Scripting Hardik Shah Understanding cross site scripting attacks Introduction: there are many techniques which a intruder can use to compromise the webapplications. one such techniques
More informationInternetVista Web scenario documentation
InternetVista Web scenario documentation Version 1.2 1 Contents 1. Change History... 3 2. Introduction to Web Scenario... 4 3. XML scenario description... 5 3.1. General scenario structure... 5 3.2. Steps
More informationSetting up an Apache Server in Conjunction with the SAP Sybase OData Server
Setting up an Apache Server in Conjunction with the SAP Sybase OData Server PRINCIPAL AUTHOR Adam Hurst Philippe Bertrand adam.hurst@sap.com philippe.bertrand@sap.com REVISION HISTORY Version 1.0 - June
More informationCST 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 informationecontrol 3.5 for Active Directory & Exchange Self-Service Guide
econtrol 3.5 for Active Directory & Exchange Self-Service Guide This Guide Welcome to the econtrol 3.5 for Active Directory and Exchange Self-Service Guide. This guide is econtrol end-users who have been
More information3M Information Technology
3M Information Technology IT Customer Relationship Management Applications Web Services Toolkit User Guide Custom Web Lead Capture Submit Lead Last Updated: 23-FEB-07 Page 1 of 33 (Last Modified: 2/24/2007
More information