Size: px
Start display at page:

Download ""

Transcription

1 Trip2Life Popup Integration code Static Popup Adding the Trip2Life popup on your website homepage loading takes just few steps. Add the following code to your page within the <head> tag: <!-- CSS files --> <link type= text/css href= rel= stylesheet media= screen /> multilang.sicurezza.sina.co.it/popup/js/jquery.js ></script> multilang.sicurezza.sina.co.it/popup/js/jquery.simplemodal.js ></script> multilang.sicurezza.sina.co.it/popup/js/sina.popup.js ></script> <script type= text/javascript > $(window).ready(function () { // Load dialog on page load setpopup(1, <num_cartoons>, <language>); }); </script> PARAMETERS legenda: You could find a sample file showing how to integrate this popup (popup.html). This popup can be visualized within a static content like a website banner and it can be easily done including the following code to an iframe or as an ajax request: partner=1&count=<num_vignette>&lang=<language> Just replace the parameters, wrapped within < and > characters:

2 ñ <language> the language you desire, EN is the default, stating for English. Esempio <iframe id="trip2lifebanner" src=" N" width="545px" height="470px" scrolling="no" align="top" frameborder="0">no iframe</iframe>

3 Dynamic Popup Adding the Trip2Life popup on your webisite homepage loading takes just a few steps. Add the following code to your page within the <head> tag <!-- CSS files --> <link type= text/css href= rel= stylesheet media= screen /> multilang.sicurezza.sina.co.it/popup/js/jquery.js ></script> multilang.sicurezza.sina.co.it/popup/js/jquery.simplemodal.js ></script> multilang.sicurezza.sina.co.it/popup/js/sina.popup.js ></script> setpopupdynamic (1, < num_cartoons >, <language>, <duration>); PARAMETERS legenda: ñ <duration> the duration in milliseconds of the transitions (espresso in millisecondi). Default value is 3000 milliseconds (ie 3 seconds) You could find a sample file showing how to integrate this popup (dynamic.html). This popup can be visualized within a static content like a website banner and it can be easily done including the following code to an iframe or as an ajax request: partner=1&count=<num_vignette>&lang=<language>&dynamic=true&duration=<duration > Just replace the parameters, wrapped within < and > characters: ñ <duration> the duration in milliseconds of the transitions (). Default value is 3000 milliseconds (ie 3 seconds) Esempio <iframe id="sicurezzastradale" src="

4 n=3000" width="545px" height="470px" scrolling="no" align="top" frameborder="0">nessun iframe</iframe> <iframe id="trip2lifebanner" src= N&dynamic=true&duration=3000 width="545px" height="470px" scrolling="no" align="top" frameborder="0">no iframe</iframe>

5 Resizable Banner Adding the Trip2Life popup on your webisite homepage loading takes just a few steps. Add the following code to your page within the <head> tag: <!-- Contact Form CSS files --> <link rel="stylesheet" href=" multilang.sicurezza.sina.co.it/popup/css/sina_resizable_banner.css" /> multilang.sicurezza.sina.co.it/popup/js/jquery.js"></script> multilang.sicurezza.sina.co.it/popup/js/sina_resizable_banner.js"></script> multilang.sicurezza.sina.co.it/popup/js/sina.popup.js"></script> setresizablebanner (<selector_container_div>, 1, < num_cartoons >, <duration>, <language>); Where in place of : ñ < selector_container_div > css selector to retrieve an html DIV element wrapping the banner ñ <duration> the duration in milliseconds of the transitions (). Default value is 3000 milliseconds (ie 3 seconds) You could find a sample file showing how to integrate this popup (banner.html).

CUSTOMISATION FEATURES

CUSTOMISATION FEATURES CUSTOMISATION FEATURES Fluid Player, the free open source HTML5 video player has been updated with lots of new features! This document showcases Fluid Player s new features and the code you need to implement

More information

NAVIGATION INSTRUCTIONS

NAVIGATION INSTRUCTIONS CLASS :: 13 12.01 2014 NAVIGATION INSTRUCTIONS SIMPLE CSS MENU W/ HOVER EFFECTS :: The Nav Element :: Styling the Nav :: UL, LI, and Anchor Elements :: Styling the UL and LI Elements CSS DROP-DOWN MENU

More information

READSPEAKER ENTERPRISE HIGHLIGHTING 2.5

READSPEAKER ENTERPRISE HIGHLIGHTING 2.5 READSPEAKER ENTERPRISE HIGHLIGHTING 2.5 Advanced Skinning Guide Introduction The graphical user interface of ReadSpeaker Enterprise Highlighting is built with standard web technologies, Hypertext Markup

More information

Which is why we ll now be learning how to write in CSS (or cascading sheet style)

Which is why we ll now be learning how to write in CSS (or cascading sheet style) STYLE WITH CSS My word is changing things in HTML difficult! Can you imagine if we had to do that for every single thing we wanted to change? It would be a nightmare! Which is why we ll now be learning

More information

jquery Speedo Popup Product Documentation Version 2.1

jquery Speedo Popup Product Documentation Version 2.1 jquery Speedo Popup Product Documentation Version 2.1 21 June 2013 Table of Contents 1 Introduction... 1 1.1 Main Features... 1 1.2 Folder Structure... 1 2 Working with jquery Speedo Popup... 2 2.1 Getting

More information

GIMP WEB 2.0 MENUS. Before we begin this tutorial let s visually compare a standard navigation bar and a web 2.0 navigation bar.

GIMP WEB 2.0 MENUS. Before we begin this tutorial let s visually compare a standard navigation bar and a web 2.0 navigation bar. GIMP WEB 2.0 MENUS Before we begin this tutorial let s visually compare a standard navigation bar and a web 2.0 navigation bar. Standard Navigation Bar Web 2.0 Navigation Bar Now the all-important question

More information

showinplaceholder The jquery Plug-in

showinplaceholder The jquery Plug-in showinplaceholder The jquery Plug-in for showing an image to place holder / target box About Plug-in Show in Place Holder plug-in is developed to show an image to place holder / target box. Plug-in can

More information

Introduction to WEB PROGRAMMING

Introduction to WEB PROGRAMMING Introduction to WEB PROGRAMMING Web Languages: Overview HTML CSS JavaScript content structure look & feel transitions/animation s (CSS3) interaction animation server communication Full-Stack Web Frameworks

More information

CSS Futures. Web Development

CSS Futures. Web Development CSS Futures Web Development CSS Futures CSS3 CSS Preprocessors: SASS & LESS CSS Frameworks CSS3 CSS3 is the latest standard for CSS Combined with HTML5, CSS3 makes it possible to create highly interactive

More information

Configuring Hotspots

Configuring Hotspots CHAPTER 12 Hotspots on the Cisco NAC Guest Server are used to allow administrators to create their own portal pages and host them on the Cisco NAC Guest Server. Hotspots created by administrators can be

More information

CSS Cascading Style Sheets

CSS Cascading Style Sheets CSS Cascading Style Sheets site root index.html about.html services.html stylesheet.css images boris.jpg Types of CSS External Internal Inline External CSS An external style sheet is a text document with

More information

Technical Specifications Leaderboard + Mobile Leaderboard. 27/12/2018 Tech Specs 1

Technical Specifications Leaderboard + Mobile Leaderboard. 27/12/2018 Tech Specs 1 27/12/2018 Tech Specs 1 27/12/2018 Screenshot 2 Format Device Width*Height Extensions Max. weight Animation Clicktag Leaderboard Desktop / Tablet 728*90 HTML5/GIF/JPG 70 kb 3 loops in 15 clicktag Mobile

More information

Chapter 3 Attractive Web Designing

Chapter 3 Attractive Web Designing Chapter 3 Attractive Web Designing Theory Part 1. What is a style in a Web page? The tags, attributes and page layout used to make contents of the web page attractive can altogether be called its Style.

More information

Web Engineering CSS. By Assistant Prof Malik M Ali

Web Engineering CSS. By Assistant Prof Malik M Ali Web Engineering CSS By Assistant Prof Malik M Ali Overview of CSS CSS : Cascading Style Sheet a style is a formatting rule. That rule can be applied to an individual tag element, to all instances of a

More information

Technical Instructions

Technical Instructions Technical Instructions This Web Site Tool Kit contains multiple Web assets that you can use to easily customize your Web pages. Web assets included are animated and static banners, a sample Web page, buttons,

More information

HTML & CSS. Lesson 1: HTML Basics Lesson 2: Adding Tables Lesson 3: Intro to CSS Lesson 4: CSS in more detail Lesson 5: Review

HTML & CSS. Lesson 1: HTML Basics Lesson 2: Adding Tables Lesson 3: Intro to CSS Lesson 4: CSS in more detail Lesson 5: Review HTML & CSS Lesson 1: HTML Basics Lesson 2: Adding Tables Lesson 3: Intro to CSS Lesson 4: CSS in more detail Lesson 5: Review Lesson 1: HTML Basics 1. Write main tile HTML & CSS 2. Write today s date Match

More information

CS197WP. Intro to Web Programming. Nicolas Scarrci - February 13, 2017

CS197WP. Intro to Web Programming. Nicolas Scarrci - February 13, 2017 CS197WP Intro to Web Programming Nicolas Scarrci - February 13, 2017 Additive Styles li { color: red; }.important { font-size: 2em; } first Item Second

More information

mincss Documentation Release 0.1 Peter Bengtsson

mincss Documentation Release 0.1 Peter Bengtsson mincss Documentation Release 0.1 Peter Bengtsson Sep 27, 2017 Contents 1 Getting started 3 2 Supported Features and Limitations 5 3 API 7 4 Changelog 9 4.1 v0.8.1 (2013-04-05)...........................................

More information

INTRODUCTION TO CSS. Mohammad Jawad Kadhim

INTRODUCTION TO CSS. Mohammad Jawad Kadhim INTRODUCTION TO CSS Mohammad Jawad Kadhim WHAT IS CSS Like HTML, CSS is an interpreted language. When a web page request is processed by a web server, the server s response can include style sheets,

More information

SEEM4570 System Design and Implementation Lecture 04 jquery

SEEM4570 System Design and Implementation Lecture 04 jquery SEEM4570 System Design and Implementation Lecture 04 jquery jquery! jquery is a JavaScript Framework.! It is lightweight.! jquery takes a lot of common tasks that requires many lines of JavaScript code

More information

Unit 20 - Client Side Customisation of Web Pages. Week 2 Lesson 3 Introduction to CSS

Unit 20 - Client Side Customisation of Web Pages. Week 2 Lesson 3 Introduction to CSS Unit 20 - Client Side Customisation of Web Pages Week 2 Lesson 3 Introduction to CSS Last Time Looked at what CSS is Looked at why we will use it Used in-line CSS

More information

By completing this practical, the students will learn how to accomplish the following tasks:

By completing this practical, the students will learn how to accomplish the following tasks: By completing this practical, the students will learn how to accomplish the following tasks: Learn different ways by which styles that enable you to customize HTML elements and precisely control the formatting

More information

WEB DESIGNING COURSE SYLLABUS

WEB DESIGNING COURSE SYLLABUS F.A. Computer Point #111 First Floor, Mujaddadi Estate/Prince Hotel Building, Opp: Okaz Complex, Mehdipatnam, Hyderabad, INDIA. Ph: +91 801 920 3411, +91 92900 93944 040 6662 6601 Website: www.facomputerpoint.com,

More information

CSS is applied to an existing HTML web document--both working in tandem to display web pages.

CSS is applied to an existing HTML web document--both working in tandem to display web pages. CSS Intro Introduction to Cascading Style Sheets What is CSS? CSS (Cascading Style Sheets) is a supplementary extension to allowing web designers to style specific elements on their pages and throughout

More information

grabattention The jquery Plug-in

grabattention The jquery Plug-in grabattention The jquery Plug-in for an elegant way to bring user attention About Plug-in Grab Attention plug-in is developed to bring to notice / grab attention / get notify user for lead generation form,

More information

CSS Cascading Style Sheets

CSS Cascading Style Sheets CSS Cascading Style Sheets site root index.html about.html services.html stylesheet.css charlie.jpg Linking to your HTML You need to link to your css in the of your HTML file.

More information

Project 3 Web Security Part 1. Outline

Project 3 Web Security Part 1. Outline Project 3 Web Security Part 1 CS155 Indrajit Indy Khare Outline Quick Overview of the Technologies HTML (and a bit of CSS) Javascript PHP Assignment Assignment Overview Example Attack 1 New to web programming?

More information

ADDING CSS TO YOUR HTML DOCUMENT. A FEW CSS VALUES (colour, size and the box model)

ADDING CSS TO YOUR HTML DOCUMENT. A FEW CSS VALUES (colour, size and the box model) INTRO TO CSS RECAP HTML WHAT IS CSS ADDING CSS TO YOUR HTML DOCUMENT CSS IN THE DIRECTORY TREE CSS RULES A FEW CSS VALUES (colour, size and the box model) CSS SELECTORS SPECIFICITY WEEK 1 HTML In Week

More information

Html basics Course Outline

Html basics Course Outline Html basics Course Outline Description Learn the essential skills you will need to create your web pages with HTML. Topics include: adding text any hyperlinks, images and backgrounds, lists, tables, and

More information

GIMP WEB 2.0 MENUS. Web 2.0 Menus: Horizontal Navigation Bar with Dynamic Background Image

GIMP WEB 2.0 MENUS. Web 2.0 Menus: Horizontal Navigation Bar with Dynamic Background Image GIMP WEB 2.0 MENUS Web 2.0 Menus: Horizontal Navigation Bar with Dynamic Background Image WEB 2.0 MENUS: HORIZONTAL NAVIGATION BAR DYNAMIC BACKGROUND IMAGE Before you begin this tutorial, you will need

More information

v0.9.3 Tim Neil Director, Application Platform & Tools Product

v0.9.3 Tim Neil Director, Application Platform & Tools Product v0.9.3 Tim Neil Director, Application Platform & Tools Product Management @brcewane Framework Goals Incubation project to experiment with HTML5 UI Contribute learning's to jquerymobile, Sencha, Dojo Provides

More information

Introduction to Cascading Style Sheet (CSS)

Introduction to Cascading Style Sheet (CSS) Introduction to Cascading Style Sheet (CSS) Digital Media Center 129 Herring Hall http://dmc.rice.edu/ dmc-info@rice.edu (713) 348-3635 Introduction to Cascading Style Sheets 1. Overview Cascading Style

More information

TECHNICAL SPECIFICATIONS DIGITAL Q1-2019

TECHNICAL SPECIFICATIONS DIGITAL Q1-2019 TECHNICAL SPECIFICATIONS DIGITAL Q1-2019 MASS TRANSIT MEDIA T A B L E O F C O N T E N T S 1. Display Advertising 2. Video Advertising 3. Emailing 4. Delivery Info p. 3 p. 7 p. 8 p. 9 2 Display Advertising

More information

SoundCloud allows you to share an audio recording of a presentation, speech, song or event. It is the equivalent for audio that YouTube is for video.

SoundCloud allows you to share an audio recording of a presentation, speech, song or event. It is the equivalent for audio that YouTube is for video. How to create a SoundCloud widget SoundCloud allows you to share an audio recording of a presentation, speech, song or event. It is the equivalent for audio that YouTube is for video. The UON SoundCloud

More information

HTML, XHTML, and CSS 8/21/2011. Chapter Objectives. Chapter 4. Chapter Objectives. Chapter Objectives

HTML, XHTML, and CSS 8/21/2011. Chapter Objectives. Chapter 4. Chapter Objectives. Chapter Objectives HTML, XHTML, and CSS Sixth Edition Chapter 4 Creating Tables in a Web Site Using an External Style Sheet Chapter Objectives Define table elements Describe the steps used to plan, design, and code a table

More information

CST272 ASP.NET Style Sheets Page 1

CST272 ASP.NET Style Sheets Page 1 CST272 ASP.NET Style Sheets Page 1 1 2 3 4 5 6 Style Sheets in ASP.NET CST272 ASP.NET Creating Cascading Style Sheets (CSS) Stores information on how to present the site Cascading style sheets allow content

More information

To place an element at a specific position on a page use:

To place an element at a specific position on a page use: 1 2 To place an element at a specific position on a page use: position: type; top: value; right: value; bottom: value; left: value; Where type can be: absolute, relative, fixed (also static [default] and

More information

Lecture : 3. Practical : 2. Course Credit. Tutorial : 0. Total : 5. Course Learning Outcomes

Lecture : 3. Practical : 2. Course Credit. Tutorial : 0. Total : 5. Course Learning Outcomes Course Title Course Code WEB DESIGNING TECHNOLOGIES DCE311 Lecture : 3 Course Credit Practical : Tutorial : 0 Total : 5 Course Learning Outcomes At end of the course, students will be able to: Understand

More information

The internet is a worldwide collection of networks that link millions of computers. These links allow the computers to share and send data.

The internet is a worldwide collection of networks that link millions of computers. These links allow the computers to share and send data. Review The internet is a worldwide collection of networks that link millions of computers. These links allow the computers to share and send data. It is not the internet! It is a service of the internet.

More information

Forerunner Mobilizer Dashboards

Forerunner Mobilizer Dashboards Forerunner Mobilizer Dashboards Introduction With Forerunner Mobilizer Dashboard end users can now create dashboard style layouts by combining multiple different reports on a single page that will scroll

More information

Chapter 11 CSS2. Presented by Thomas Powell. Slides adopted from HTML & XHTML: The Complete Reference, 4th Edition 2003 Thomas A.

Chapter 11 CSS2. Presented by Thomas Powell. Slides adopted from HTML & XHTML: The Complete Reference, 4th Edition 2003 Thomas A. Chapter 11 CSS2 Presented by Thomas Powell Slides adopted from HTML & XHTML: The Complete Reference, 4th Edition 2003 Thomas A. Powell CSS2 CSS2 (http://www.w3.org/tr/rec-css2/ ) was finalized in May 1998

More information

COMS 359: Interactive Media

COMS 359: Interactive Media COMS 359: Interactive Media Agenda Review CSS Layout Preview Review Introducting CSS What is CSS? CSS Syntax Location of CSS The Cascade Box Model Box Structure Box Properties Review Style is cascading

More information

WEB DESIGNING CURRICULUM

WEB DESIGNING CURRICULUM WEB DESIGNING CURRICULUM Introduction to Web Technologies Careers in Web Technologies and Job Roles How the Website Works? Client and Server Scripting Languages Difference between a Web Designer and Web

More information

HTML and CSS COURSE SYLLABUS

HTML and CSS COURSE SYLLABUS HTML and CSS COURSE SYLLABUS Overview: HTML and CSS go hand in hand for developing flexible, attractively and user friendly websites. HTML (Hyper Text Markup Language) is used to show content on the page

More information

For instructions to change the logo, please refer to:

For instructions to change the logo, please refer to: Header Top: Logo:- For instructions to change the logo, please refer to: https://support.3dcart.com/knowledgebase/article/view/630/5/how-do-i-add-logos-to-my-store Menu Links and Phone Number:- Menu LInks:

More information

SEEM4570 System Design and Implementation. Lecture 3 Cordova and jquery

SEEM4570 System Design and Implementation. Lecture 3 Cordova and jquery SEEM4570 System Design and Implementation Lecture 3 Cordova and jquery Prepare a Cordova Project Assume you have installed all components successfully and initialized a project. E.g. follow Lecture Note

More information

Advanced Dreamweaver CS6

Advanced Dreamweaver CS6 Advanced Dreamweaver CS6 Overview This advanced Dreamweaver CS6 training class teaches you to become more efficient with Dreamweaver by taking advantage of Dreamweaver's more advanced features. After this

More information

IMY 110 Theme 11 HTML Frames

IMY 110 Theme 11 HTML Frames IMY 110 Theme 11 HTML Frames 1. Frames in HTML 1.1. Introduction Frames divide up the web browser window in much the same way that a table divides up part of a page, but a different HTML document is loaded

More information

Cascading Style Sheets CSCI 311

Cascading Style Sheets CSCI 311 Cascading Style Sheets CSCI 311 Learning Objectives Learn how to use CSS to style the page Learn to separate style from structure Styling with CSS Structure is separated from style in HTML5 CSS (Cascading

More information

CSS. Introduction to. Meganadha Reddy K. Technical Trainer NetCom Learning

CSS. Introduction to. Meganadha Reddy K. Technical Trainer NetCom Learning Introduction to CSS Meganadha Reddy K. Technical Trainer NetCom Learning www.netcomlearning.com Advantages of Style Sheets Saves time Easy to change Keep consistency Give you more control over layout Make

More information

Browser code isolation

Browser code isolation CS 155 Spring 2016 Browser code isolation John Mitchell Acknowledgments: Lecture slides are from the Computer Security course taught by Dan Boneh and John Mitchell at Stanford University. When slides are

More information

Project Covered During Training:Real Time Project Training

Project Covered During Training:Real Time Project Training Website: http://www.php2ranjan.com/ Contact person: Ranjan Mobile/whatsapp: 91-9347045052, 09032803895 Dilsukhnagar, Hyderabad, India Email: purusingh2004@gmail.com Skype: purnendu_ranjan Course name:

More information

Match the attack to its description:

Match the attack to its description: Match the attack to its description: 8 7 5 6 4 2 3 1 Attacks: Using Components with Known Vulnerabilities Missing Function Level Access Control Sensitive Data Exposure Security Misconfiguration Insecure

More information

UNIT 3 SECTION 1 Answer the following questions Q.1: What is an editor? editor editor Q.2: What do you understand by a web browser?

UNIT 3 SECTION 1 Answer the following questions Q.1: What is an editor? editor editor Q.2: What do you understand by a web browser? UNIT 3 SECTION 1 Answer the following questions Q.1: What is an editor? A 1: A text editor is a program that helps you write plain text (without any formatting) and save it to a file. A good example is

More information

Prepared: 28 th February 2006 Program Version: swmenupro4.2+ for Joomla/Mambo

Prepared: 28 th February 2006 Program Version: swmenupro4.2+ for Joomla/Mambo Prepared: 28 th February 2006 Program Version: swmenupro4.2+ for Joomla/Mambo Created By: Sean White User Manual Page 2 of 37 Table of Contents What is swmenupro? 3 Installation 4 Getting Started 6 Menu

More information

ITNP43: HTML Lecture 4

ITNP43: HTML Lecture 4 ITNP43: HTML Lecture 4 Niederst, Part III (3rd edn) 1 Style versus Content HTML purists insist that style should be separate from content and structure HTML was only designed to specify the structure and

More information

Deccansoft Software Services

Deccansoft Software Services Deccansoft Software Services (A Microsoft Learning Partner) HTML and CSS COURSE SYLLABUS Module 1: Web Programming Introduction In this module you will learn basic introduction to web development. Module

More information

Table of contents. DMXzone Ajax Form Manual DMXzone

Table of contents. DMXzone Ajax Form Manual DMXzone Table of contents Table of contents... 1 About Ajax Form... 2 Features in Detail... 3 The Basics: Basic Usage of Ajax Form... 13 Advanced: Styling the Default Success and Error Message Sections... 24 Advanced:

More information

HTML and CSS: An Introduction

HTML and CSS: An Introduction JMC 305 Roschke spring14 1. 2. 3. 4. 5. The Walter Cronkite School... HTML and CSS: An Introduction

More information

CS 1100: Web Development: Client Side Coding / Fall 2016 Lab 2: More HTML and CSS

CS 1100: Web Development: Client Side Coding / Fall 2016 Lab 2: More HTML and CSS Goals CS 1100: Web Development: Client Side Coding / Fall 2016 Lab 2: More HTML and CSS Practice writing HTML Add links and images to your web pages Apply basic styles to your HTML This lab is based on

More information

AGENDA :: MULTIMEDIA TOOLS :: CLASS NOTES

AGENDA :: MULTIMEDIA TOOLS :: CLASS NOTES CLASS :: 14 04.28 2017 3 Hours AGENDA CREATE A WORKS PAGE [ HTML ] :: Open index.html :: Save As works.html :: Edit works.html to modify header, 3 divisions for works, then add your content :: Edit index.html

More information

T his article is downloaded from

T his article is downloaded from Fading Elements with JQuery The fade effect is when an element fades out by becoming increasingly transparent over time until it disappears or fades in by becoming decreasingly opaque over time until it

More information

Lesson 1 HTML Basics. The Creative Computer Lab. creativecomputerlab.com

Lesson 1 HTML Basics. The Creative Computer Lab. creativecomputerlab.com Lesson 1 HTML Basics The Creative Computer Lab creativecomputerlab.com What we are going to do today Become familiar with web development tools Build our own web page from scratch! Learn where to find

More information

Networks and Web for Health Informatics (HINF 6220) Tutorial 8 : CSS. 8 Oct 2015

Networks and Web for Health Informatics (HINF 6220) Tutorial 8 : CSS. 8 Oct 2015 Networks and Web for Health Informatics (HINF 6220) Tutorial 8 : CSS 8 Oct 2015 What is CSS? o CSS (Style Sheet) defines how HTML elements are formatted and displayed. o It helps you easily change an HTML

More information

SEEM4570 System Design and Implementation. Lecture 3 Events

SEEM4570 System Design and Implementation. Lecture 3 Events SEEM4570 System Design and Implementation Lecture 3 Events Preparation Install all necessary software and packages. Follow Tutorial Note 2. Initialize a new project. Follow Lecture Note 2 Page 2. Reset

More information

Web Design and Development ACS-1809

Web Design and Development ACS-1809 Web Design and Development ACS-1809 Chapter 4 Cascading Style Sheet Cascading Style Sheets A style defines the appearance of a document A style sheet - a file that describes the layout and appearance of

More information

HTML HTML5. DOM(Document Object Model) CSS CSS

HTML HTML5. DOM(Document Object Model) CSS CSS HTML HTML5 DOM(Document Object Model) CSS CSS HTML html img jpg png gif jpg png gif

More information

Dynamic Select Option Menu Using Ajax And PHP. Wednesday, Mar 11, 2015

Dynamic Select Option Menu Using Ajax And PHP. Wednesday, Mar 11, 2015 Page 1 of 7 TalkersCode.com HTML CSS JavaScript jquery PHP MySQL Web Development Tutorials Dynamic Select Option Menu Using Ajax And PHP. Wednesday, Mar 11, 2015 Share 4 Stum Tags:- Ajax jquery PHP MySQL

More information

To embed the form using an html iframe command, use the script at the end of this document.

To embed the form using an html iframe command, use the script at the end of this document. WEB TO LEAD FORM This function gives Prospects the same opportunity as Members and Guests to enroll online. Users can fill in the Web to Lead Form, submit, and receive a confirmation message. The prospect

More information

Cascading Style Sheets Level 2

Cascading Style Sheets Level 2 Cascading Style Sheets Level 2 Course Objectives, Session 1 Level 1 Quick Review Chapter 6 Revisit: Web Fonts Chapter 8: Adding Graphics to Web Pages Chapter 9: Sprucing Up Your Site s Navigation Begin

More information

CASCADING STYLESHEETS

CASCADING STYLESHEETS CASCADING STYLESHEETS Cascading StyleSheets (CSS) has been mainly created because HTML is just not the right tool for precision and flexibility. HTML is not a very effective for designing web pages. Most

More information

Cascading Style Sheet. Styles as Tag Attributes. Syntax. <h1>: what font type/size is used? STYLE = SELECTOR {RULES} Attributes such as bgcolor

Cascading Style Sheet. Styles as Tag Attributes. Syntax. <h1>: what font type/size is used? STYLE = SELECTOR {RULES} Attributes such as bgcolor Styles? Cascading Style Sheet http://www.eie.polyu.edu.hk/~nflaw/biclustering/index.html Request string: GET /~nflaw/biclustering/index.html HTTP/1.1 Host: www.eie.polyu.edu.hk 1 Response string: HTTP/1.1

More information

Web Designing HTML (Hypertext Markup Language) Introduction What is World Wide Web (WWW)? What is Web browser? What is Protocol? What is HTTP? What is Client-side scripting and types of Client side scripting?

More information

The Web Pro Miami, Inc NW 99 th Pl. Doral, FL T: v.1.0

The Web Pro Miami, Inc NW 99 th Pl. Doral, FL T: v.1.0 2963 NW 99 th Pl. Doral, FL 33172 1092 T: 786.273.7774 info@thewebpro.com www.thewebpro.com v.1.0 Web Pro Manager is an open source website management platform that is easy to use, intuitive, and highly

More information

CSS Quiz Result. 2) Where in an HTML document is the correct place to refer to an external style sheet?

CSS Quiz Result. 2) Where in an HTML document is the correct place to refer to an external style sheet? CSS Quiz Result 1) What does CSS stand for? a) Creative Style Sheets b) Computer Style Sheets c) Cascading Style Sheets - correct answer d) Cascade Style Sheets e) Colorful Style Sheets 2) Where in an

More information

Dreamweaver CS3 Concepts and Techniques

Dreamweaver CS3 Concepts and Techniques Dreamweaver CS3 Concepts and Techniques Chapter 3 Tables and Page Layout Part 1 Other pages will be inserted in the website Hierarchical structure shown in page DW206 Chapter 3: Tables and Page Layout

More information

HTML5. clicktag implementation

HTML5. clicktag implementation HTML5 clicktag implementation Date: 18 02-2016 Version: 2.0 Summary Introduction... 3 Google Web Designer... 4 Adobe Edge... 5 Swiffy... 7.swf file with clicktag... 8 Case 1: clicktag explicit... 8 Case

More information

CS 350 Internet Applications I Name: Exam II (CSS) October 29, 2013

CS 350 Internet Applications I Name: Exam II (CSS) October 29, 2013 CS 350 Internet Applications I Name: Exam II (CSS) October 29, 2013 Part I. (50%) Multiple Guess Choice. 1. What does CSS stand for? a. Creative Style Sheets b. Computer Style Sheets c. Cascading Style

More information

B. V. Patel Institute of Business Management, Computer & Information Technology, UTU

B. V. Patel Institute of Business Management, Computer & Information Technology, UTU B. C. A (Semester I) 030010108: Introduction to Web Design Lesson Plan Objective: To provide basic understanding of web and HTML for designing web pages in conjunction with HTML tags, text, videos and

More information

Implementing a chat button on TECHNICAL PAPER

Implementing a chat button on TECHNICAL PAPER Implementing a chat button on TECHNICAL PAPER Contents 1 Adding a Live Guide chat button to your Facebook page... 3 1.1 Make the chat button code accessible from your web server... 3 1.2 Create a Facebook

More information

Lesson 1 using Dreamweaver CS3. To get started on your web page select the link below and copy (Save Picture As) the images to your image folder.

Lesson 1 using Dreamweaver CS3. To get started on your web page select the link below and copy (Save Picture As) the images to your image folder. Lesson 1 using Dreamweaver CS3 To get started on your web page select the link below and copy (Save Picture As) the images to your image folder. Click here to get images for your web page project. (Note:

More information

HTML Hyper Text Markup Language

HTML Hyper Text Markup Language HTML Hyper Text Markup Language Home About Services index.html about.html services.html Homepage = index.html site root index.html about.html services.html images headshot.jpg charlie.jpg A webpage built

More information

Integration guide. Contents. Consentmanager.net

Integration guide. Contents. Consentmanager.net Integration guide Contents How to start?... 2 Setup your website and CMP... 2 Create own Design/s... 3 Aligning Texts... 4 Further customization of the CMP... 4 Integrating the CMP into your website/s...

More information

Client-side Techniques. Client-side Techniques HTML/XHTML. Static web pages, Interactive web page: without depending on interaction with a server

Client-side Techniques. Client-side Techniques HTML/XHTML. Static web pages, Interactive web page: without depending on interaction with a server Client-side Techniques Client-side Techniques Static web pages, Interactive web page: without depending on interaction with a server HTML/XHTML: content Cascading Style Sheet (CSS): style and layout Script

More information

Creating Tables in a Web Site Using an External Style Sheet

Creating Tables in a Web Site Using an External Style Sheet HTML 4 Creating Tables in a Web Site Using an External Style Sheet Objectives You will have mastered the material in this chapter when you can: Define table elements Describe the steps used to plan, design,

More information

PHP Online Training. PHP Online TrainingCourse Duration - 45 Days. Call us: HTML

PHP Online Training. PHP Online TrainingCourse Duration - 45 Days.  Call us: HTML PHP Online Training PHP is a server-side scripting language designed for web development but also used as a generalpurpose programming language. PHP is now installed on more than 244 million websites and

More information

Before you begin, make sure you have the images for these exercises saved in the location where you intend to create the Nuklear Family Website.

Before you begin, make sure you have the images for these exercises saved in the location where you intend to create the Nuklear Family Website. 9 Now it s time to challenge the serious web developers among you. In this section we will create a website that will bring together skills learned in all of the previous exercises. In many sections, rather

More information

2005 WebGUI Users Conference

2005 WebGUI Users Conference Cascading Style Sheets 2005 WebGUI Users Conference Style Sheet Types 3 Options Inline Embedded Linked Inline Use an inline style sheet to modify a single element one time in a page.

More information

WELCOME TO JQUERY PROGRAMMING LANGUAGE ONLINE TUTORIAL

WELCOME TO JQUERY PROGRAMMING LANGUAGE ONLINE TUTORIAL WELCOME TO JQUERY PROGRAMMING LANGUAGE ONLINE TUTORIAL 1 The above website template represents the HTML/CSS previous studio project we have been working on. Today s lesson will focus on JQUERY programming

More information

CSC 337. jquery Rick Mercer

CSC 337. jquery Rick Mercer CSC 337 jquery Rick Mercer What is jquery? jquery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development.

More information

20480B: Programming in HTML5 with JavaScript and CSS3

20480B: Programming in HTML5 with JavaScript and CSS3 20480B: Programming in HTML5 with JavaScript and CSS3 Course Details Course Code: Duration: Notes: 20480B 5 days This course syllabus should be used to determine whether the course is appropriate for the

More information

DOCUMENTATION. Table of content : GETTING STARTED. First Step. Theme Installation. Theme License. Importing Demo Data.

DOCUMENTATION. Table of content : GETTING STARTED. First Step. Theme Installation. Theme License. Importing Demo Data. DOCUMENTATION Table of content : GETTING STARTED First Step Theme Installation Theme License Importing Demo Data Setting Up Menu GENERAL SETTINGS Stretched or boxed layout Header Variations Logo Settings

More information

ADOBE 9A Adobe Dream weaver CS3 ACE.

ADOBE 9A Adobe Dream weaver CS3 ACE. ADOBE 9A0-056 Adobe Dream weaver CS3 ACE http://killexams.com/exam-detail/9a0-056 QUESTION: 127 You are developing dynamic pages for which you want to set up a testing server. You want to choose ColdFusion

More information

The default style for an unordered (bulleted) list is the bullet, or dot. You can change the style to either a square or a circle as follows:

The default style for an unordered (bulleted) list is the bullet, or dot. You can change the style to either a square or a circle as follows: CSS Tutorial Part 2: Lists: The default style for an unordered (bulleted) list is the bullet, or dot. You can change the style to either a square or a circle as follows: ul { list-style-type: circle; or

More information

COMSC-031 Web Site Development- Part 2

COMSC-031 Web Site Development- Part 2 COMSC-031 Web Site Development- Part 2 Part-Time Instructor: Joenil Mistal December 5, 2013 Chapter 13 13 Designing a Web Site with CSS In addition to creating styles for text, you can use CSS to create

More information

Technical Specifications Expandable Takeover. 6/03/2017 Tech Specs 1

Technical Specifications Expandable Takeover. 6/03/2017 Tech Specs 1 6/03/2017 Tech Specs 1 6/03/2017 Screenshot 2 Format Device Width*Height Extensions Max. weight Animation Clicktag Large Leaderboard Desktop / Tablet 950*150 HTML5/GIF/JPG 80 kb 3 loops in 15 clicktag

More information

GrooveCar Welcome Packet

GrooveCar Welcome Packet GrooveCar Welcome Packet Thank you and welcome aboard the GC Direct program. We look forward to having your auto resource completed and ready for your members to use. Please review our GCDirect Welcome

More information

LESSON LEARNING TARGETS

LESSON LEARNING TARGETS DAY 3 Frames LESSON LEARNING TARGETS I can describe the attributes of the tag. I can write code to create frames for displaying Web pages with headings, menus, and other content using the

More information

Programming in HTML5 with JavaScript and CSS3

Programming in HTML5 with JavaScript and CSS3 20480 - Programming in HTML5 with JavaScript and CSS3 Duration: 5 days Course Price: $2,975 Software Assurance Eligible Course Description Course Overview This training course provides an introduction

More information

Table Basics. The structure of an table

Table Basics. The structure of an table TABLE -FRAMESET Table Basics A table is a grid of rows and columns that intersect to form cells. Two different types of cells exist: Table cell that contains data, is created with the A cell that

More information