DOCSLIB.ORG

Adobe Spry and Dreamweaver ADOBE SPRY and DREAMWEAVER (SUP)

Total Page：16

File Type：pdf, Size：1020Kb

Download full-text PDF Read full-text
Adobe Spry and Dreamweaver ADOBE SPRY and DREAMWEAVER (SUP) Adobe Spry and Dreamweaver ADOBE SPRY AND DREAMWEAVER (SUP) The Adobe Spry Framework for Ajax (Spry v.1.6.1 is the latest release of Spry) Spry is a JavaScript-base framework that enables the rapid development of Ajax-powered web pages. Ajax is technology. It is a term commonly used to define a group of interrelated web development techniques used on the client-side to create interactive web applications. Spry uses JavaScript, but acts like an extension of HTML and CSS (so anyone with HTML and CSS can use it). Spry can be used with both client-side and server-side technologies. • Spry is implemented as a set of JavaScript libraries. To add Spry to your page, the user includes the JavaScript library that contains the Spry features as needed, and then deploys that JavaScript file to the web site along with other page. • Spry has three basic components: Spry Data, Spry Widgets and Spry Effects. They can be used together or independently of one another. • No browser plug-ins or server-side modules are required for Spry to work. • Dreamweaver CS4 has features that ease the development of Spry pages but Spry itself is completely tool independent. Any code editor can be used to develop Spry pages (Dreamweaver, Visual Studio, Notepad…). Sidebar AJAX Other Frameworks similar to Spry: Google, Yahoo, jQuery, MooTools, Dojo, etc Spry provides developers with easy to implement tools (Spry Data, Spry Widgets and Spry Effects) Widgets examples Validation widgets Menu Bars (Vertical and Horizontal) Sliding Panels Tooltip Effects examples Show/Hide: Fade Show/Hide: Blind Data examples HTML XML Data CSV Data Set For a full list of Spry examples go to: http://labs.adobe.com/technologies/spry/samples/index.html Using Spry with Dreamweaver - Examples 1) Spry Vertical Menu Create two div elements that will act as the Left and Right sections of the page From the Layout Menu select and drag the Insert Div Tag icon onto the stage and give it a Class: divLeft Select the New CSS Rule The only rule that is required is float:left; From the Layout Menu select and drag the Insert Div Tag icon onto the stage and give it a Class: divRight Completed… go to Code view and delete the auto-generated text Code View Having placed the cursor inside of the divLeft Element, select the Spry Tab, select Spry Menu Bar Place cursor here… Spry will insert the necessary base code for the Vertical menu into the document Modify menu as required… Add some dummy text (Lorum Ipsum) to the right div and modify the Items in the left div Lorem ipsum dolor sit amet, sit lectus proin elit amet, magna a est luctus, nec integer, imperdiet nec sed orci diam id reiciendis. Ut molestie volutpat, elementum mattis tempus nulla mi habitasse, dolor enim sodales vestibulum ut non ligula. Mauris nunc, ultricies in rutrum commodo praesent diam. Nec fusce montes, massa velit quam enim mauris, velit scelerisque justo molestie sed, est mi lorem nunc praesent sodales arcu, orci arcu. Pede hymenaeos vel vestibulum orci sollicitudin vitae. Mauris tincidunt mi, iaculis nullam justo mauris ullamcorper quam exercitationem, nulla justo. Save the file – Notice that Dreamweaver will try to add required support files – Select OK Below is the final code for the Spry Vertical Menu <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <style type="text/css"> <!-- .divLeft { float: left; } --> </style> <script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script> <link href="SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css" /> </head> <body> <div class="divLeft"> <ul id="MenuBar1" class="MenuBarVertical"> <li><a class="MenuBarItemSubmenu" href="#">Item 1</a> <ul> <li><a href="#">Item 1.1</a></li> <li><a href="#">Item 1.2</a></li> <li><a href="#">Item 1.3</a></li> </ul> </li> <li><a href="#">Item 2</a></li> <li><a class="MenuBarItemSubmenu" href="#">Item 3</a> <ul> <li><a class="MenuBarItemSubmenu" href="#">Item 3.1</a> <ul> <li><a href="#">Item 3.1.1</a></li> <li><a href="#">Item 3.1.2</a></li> </ul> </li> <li><a href="#">Item 3.2</a></li> <li><a href="#">Item 3.3</a></li> </ul> </li> <li><a href="#">Item 4</a></li> </ul> </div> <div class="divRight"> Lorem ipsum dolor sit amet, sit lectus proin elit amet, magna a est luctus, nec integer, imperdiet nec sed orci diam id reiciendis. Ut molestie volutpat, elementum mattis tempus nulla mi habitasse, dolor enim sodales vestibulum ut non ligula. Mauris nunc, ultricies in rutrum commodo praesent diam. Nec fusce montes, massa velit quam enim mauris, velit scelerisque justo molestie sed, est mi lorem nunc praesent sodales arcu, orci arcu. Pede hymenaeos vel vestibulum orci sollicitudin vitae. Mauris tincidunt mi, iaculis nullam justo mauris ullamcorper quam exercitationem, nulla justo. </div> <script type="text/javascript"> <!-- var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgRight:"SpryAssets/SpryMenuBarRightHover.gif"}); //--> </script> </body> </html> 2) Spry Accordion with panel animations (this is similar to the Spry Collapsible Panel) Create a new page - exmp2.html From the Insert Panel, select Spry Accordion Modify the panels from the properties windows. Use the +/- keys to add / subtract panels. Type in the label value “Charter”. Also and add any text in the content area… Modify and add additional panels Save the file - When you save the file you must allow Dreamweaver to add any needed support files You can add additional functionality to the Spry Accordion - such as a left or top/bottom menu… The Spry Accordion has several built in methods you can use for navigation To add a “First|Next|Previous|Last” menu, just add the following hyperlinks You will need to use the “onclick” event to trigger the script Be sure that the “Accordion” id is the same name as the “onclick” event to trigger <p> <a href="#" onclick="Accordion1.openFirstPanel(); return false;">First</a> | <a href="#" onclick="Accordion1.openPreviousPanel(); return false;">Previous</a> | <a href="#" onclick="Accordion1.openNextPanel(); return false;">Next</a> | <a href="#" onclick="Accordion1.openLastPanel(); return false;">Last</a> </p> <div id="Accordion1" class="Accordion" tabindex="0"> Adding a Left side menu to the Spry Accordion To add a Left Side menu, first create 2 div elements with the following CSS Rules <style type="text/css"> <!-- .divLeft {float:left;} .divRight {float:right;} --> </style> Next, inside the Accordion1 container, give all of the Accordion panels a unique id. For example, change <div class="AccordionPanel"> to <div id="AccordionPanel1" class="AccordionPanel"> Do the same for the other 3 panels… Next just put a div with the class divLeft around the left side menu items, and a div with the class divRight around the rest of the code <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <script src="SpryAssets/SpryAccordion.js" type="text/javascript"></script> <link href="SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css" /> <style type="text/css"> <!-- .divLeft {float:left;} .divRight {float:right;} --> </style> </head> <body> <div class="divLeft"> <h3>Menu</h3> Open by Panel ID:<br /> <a href="#" onclick="Accordion1.openPanel('AccordionPanel1'); return false;">Charter</a><br /> <a href="#" onclick="Accordion1.openPanel('AccordionPanel2'); return false;">Scope</a><br /> <a href="#" onclick="Accordion1.openPanel('AccordionPanel3'); return false;">Risk</a><br /> <a href="#" onclick="Accordion1.openPanel('AccordionPanel4'); return false;">Costs</a><br /> </div> <div class="divRight"> <p> <a href="#" onclick="Accordion1.openFirstPanel(); return false;">First</a> | <a href="#" onclick="Accordion1.openPreviousPanel(); return false;">Previous</a> | <a href="#" onclick="Accordion1.openNextPanel(); return false;">Next</a> | <a href="#" onclick="Accordion1.openLastPanel(); return false;">Last</a> </p> <div id="Accordion1" class="Accordion" tabindex="0"> <div class="AccordionPanel" id="AccordionPanel1" > <div class="AccordionPanelTab" >Charter</div> <div class="AccordionPanelContent">Charter Lorem ipsum dolor sit amet, sit lectus proin elit amet, magna a est luctus, nec integer, imperdiet nec sed orci diam id reiciendis. Ut molestie volutpat, elementum mattis tempus nulla mi habitasse, dolor enim sodales vestibulum ut non ligula. Mauris nunc, ultricies in rutrum commodo praesent diam. Nec fusce montes, massa velit quam enim mauris, velit scelerisque justo molestie sed, est mi lorem nunc praesent sodales arcu, orci arcu. Pede hymenaeos vel vestibulum orci sollicitudin vitae. Mauris tincidunt mi, iaculis nullam justo mauris ullamcorper quam exercitationem, nulla justo.</div> </div> <div class="AccordionPanel" id="AccordionPanel2" > <div class="AccordionPanelTab">Scope</div> <div class="AccordionPanelContent">Scope Lorem ipsum dolor sit amet, sit lectus proin elit amet, magna a est luctus, nec integer, imperdiet nec sed orci diam id reiciendis. Ut molestie volutpat, elementum mattis tempus nulla mi habitasse, dolor enim sodales vestibulum ut non ligula. Mauris nunc, ultricies in rutrum commodo praesent diam. Nec fusce montes, massa velit quam enim mauris, velit scelerisque justo molestie sed, est mi lorem
Load more

Recommended publications
  • THE FUTURE of SCREENS from James Stanton a Little Bit About Me
    THE FUTURE OF SCREENS From james stanton A little bit about me. Hi I am James (Mckenzie) Stanton Thinker / Designer / Engineer / Director / Executive / Artist / Human / Practitioner / Gardner / Builder / and much more... Born in Essex, United Kingdom and survived a few hair raising moments and learnt digital from the ground up. Ok enough of the pleasantries I have been working in the design field since 1999 from the Falmouth School of Art and onwards to the RCA, and many companies. Ok. less about me and more about what I have seen… Today we are going to cover - SCREENS CONCEPTS - DIGITAL TRANSFORMATION - WHY ASSETS LIBRARIES - CODE LIBRARIES - COST EFFECTIVE SOLUTION FOR IMPLEMENTATION I know, I know, I know. That's all good and well, but what does this all mean to a company like mine? We are about to see a massive change in consumer behavior so let's get ready. DIGITAL TRANSFORMATION AS A USP Getting this correct will change your company forever. DIGITAL TRANSFORMATION USP-01 Digital transformation (DT) – the use of technology to radically improve performance or reach of enterprises – is becoming a hot topic for companies across the globe. VERY DIGITAL CHANGING NOT VERY DIGITAL DIGITAL TRANSFORMATION USP-02 Companies face common pressures from customers, employees and competitors to begin or speed up their digital transformation. However they are transforming at different paces with different results. VERY DIGITAL CHANGING NOT VERY DIGITAL DIGITAL TRANSFORMATION USP-03 Successful digital transformation comes not from implementing new technologies but from transforming your organisation to take advantage of the possibilities that new technologies provide.
    [Show full text]
  • Developer's Guide ● Using the Conscriptus Web API
    Conscriptus Developers Guide Pages: 39 Version: 1.0 Issued: 2008-08-30 Author: Andrei Ivanov [email protected] Yakutsk Copyright © 2007-2008, Andrei Ivanov. All rights reserved. mailto:[email protected] Important notice: Author(s) makes no warranty for the use of its products and assumes no responsibility for any errors which may appear in this document nor does it make a commitment to update the information contained herein. Described products are not intended for use in medical, life saving or life sustaining applications. Author(s) assumes no liability for applications assistance, customer’s applications or product designs, software performance, or infringement of patents. Author(s) retains the right to make changes to these specifications at any time, without notice. All trademarks mentioned in this document or Web site are the property of their respective owners. Date: 08/30/2008 Page 3 of 39 Conscriptus Developers Guide - Conscriptus appointment timesheet time sheduler History of changes 2008/01/08 First release 2008/06/04 Group manipulation added Summary Этот документ описывает необходимые и рекомендуемые действия по настройке рабочего окружения среды разработчика приложения MeetUp, может быть полезна как справочник по выполнению некоторых операций и содержит такую полезную информацию, как информацию о размещении файлов. Definitions and Abbreviations ADO Microsoft ActiveX Database Objects ® library BDE Borland Database Engine® library GUI Graphical user interface IDE интегрированная среда разработки LUW ОС Linux®, Unix® or Microsoft Windows® RAD rapid application development SDI single document interface VCL Borland Visual Component Library® User Software application user Scope Cellphone application to assist persons assign a meeting at the suitable place and time according to their location and time sheet.
    [Show full text]
  • Learning PHP, Mysql, and Javascript
    Learning PHP, MySQL, and JavaScript Robin Nixon Beijing • Cambridge • Farnham • Köln • Sebastopol • Taipei • Tokyo Learning PHP, MySQL, and JavaScript by Robin Nixon Copyright © 2009 Robin Nixon. All rights reserved. Printed in the United States of America. Published by O’Reilly Media, Inc., 1005 Gravenstein Highway North, Sebastopol, CA 95472. O’Reilly books may be purchased for educational, business, or sales promotional use. Online editions are also available for most titles (http://my.safaribooksonline.com). For more information, contact our corporate/institutional sales department: (800) 998-9938 or [email protected]. Editor: Andy Oram Indexer: Ellen Troutman Zaig Production Editor: Sumita Mukherji Cover Designer: Karen Montgomery Copyeditor: Nancy Kotary Interior Designer: David Futato Proofreader: Kiel Van Horn Illustrator: Robert Romano Printing History: July 2009: First Edition. Nutshell Handbook, the Nutshell Handbook logo, and the O’Reilly logo are registered trademarks of O’Reilly Media, Inc. Learning PHP, MySQL, and JavaScript, the image of sugar gliders, and related trade dress are trademarks of O’Reilly Media, Inc. Many of the designations used by manufacturers and sellers to distinguish their products are claimed as trademarks. Where those designations appear in this book, and O’Reilly Media, Inc., was aware of a trademark claim, the designations have been printed in caps or initial caps. While every precaution has been taken in the preparation of this book, the publisher and author assume no responsibility for errors or omissions, or for damages resulting from the use of the information con- tained herein. TM This book uses RepKover™, a durable and flexible lay-flat binding. ISBN: 978-0-596-15713-5 [M] 1246467361 Table of Contents Preface .
    [Show full text]
  • HTML5 HTML5 Designing Rich Internet Applications
    HTML5 HTML5 DESIGNING RICH INTERNET APPLICATIONS MATTHEW DAVID AMSTERDAM • BOSTON • HEIDELBERG • LONDON • NEW YORK • OXFORD PARIS • SAN DIEGO • SAN FRANCISCO • SINGAPORE • SYDNEY • TOKYO Focal Press is an imprint of Elsevier Focal Press is an imprint of Elsevier 30 Corporate Drive, Suite 400, Burlington, MA 01803, USA The Boulevard, Langford Lane, Kidlington, Oxford, OX5 1GB, UK © 2010 Elsevier, Inc. All rights reserved. No part of this publication may be reproduced or transmitted in any form or by any means, electronic or mechanical, including photocopying, recording, or any information storage and retrieval system, without permission in writing from the Publisher. Details on how to seek permission, further information about the Publisher's permissions policies and our arrangements with organizations such as the Copyright Clearance Center and the Copyright Licensing Agency, can be found at our website: www.elsevier.com/permissions. This book and the individual contributions contained in it are protected under copyright by the Publisher (other than as may be noted herein). Notices Knowledge and best practice in this field are constantly changing. As new research and experience broaden our understanding, changes in research methods, professional practices, or medical treatment may become necessary. Practitioners and researchers must always rely on their own experience and knowledge in evaluating and using any information, methods, compounds, or experiments described herein. In using such information or methods they should be mindful of their own safety and the safety of others, including parties for whom they have a professional responsibility. To the fullest extent of the law, neither the Publisher nor the authors, contributors, or editors, assume any liability for any injury and/or damage to persons or property as a matter of products liability, negligence or otherwise, or from any use or operation of any methods, products, instructions, or ideas contained in the material herein.
    [Show full text]
  • NEAR EAST UNIVERSITY Faculty of Engineering
    NEAR EAST UNIVERSITY Faculty of Engineering Department of Computer Engineering AUTO GALLERY MANAGEMENT SYSTEM Graduation Project COM 400 Student: Ugur Emrah CAKMAK Supervisor : Assoc. Prof. Dr. Rahib ABIYEV Nicosia - 2008 ACKNOWLEDGMENTS "First, I would like to thank my supervisor Assoc. Prof. Dr. Rahib Abiyev for his invaluable advice and belief in my work and myself over the course of this Graduation Project.. Second, I would like to express my gratitude to Near East University for the scholarship that made the work possible. Third, I thank my family for their constant encouragement and support during the preparation of this project. Finally, I would like to thank Neu Computer Engineering Department academicians for their invaluable advice and support. TABLE OF CONTENT ACKNOWLEDGEMENT i TABLE OF CONTENTS ii ABSTRACT iii INTRODUCTION 1 CHAPTER ONE - PHP - Personal Home Page 2 1.1 History Of PHP 2 1.2 Usage 5 1.3 Security 6 1 .4 Syntax 7 1.5 Data Types 8 1.6 Functions 9 1.7 Objects 9 1.8 Resources 10 1.9 Certification 12 1 .1 O List of Web Applications 12 1.11 PHP Code Samples 19 CHAPTER TWO - MySQL 35 2.1 Uses 35 2.2 Platform and Interfaces 36 2.3 Features 37 2.4 Distinguishing Features 38 2.5 History 40 2.6 Future Releases 41 2.7 Support and Licensing .41 2.8 Issues 43 2.9Criticism 44 2.10 Creating the MySQL Database 45 2.11 Database Code of a Sample CMS 50 CHAPTER THREE - Development of Auto Gallery Management System 72 CONCLUSION 77 REFERENCES 78 APPENDIX 79 ii ABSTRACT Auto Gallery Management System is a unique Content Management System which supports functionality for auto galleries.
    [Show full text]
  • Temario Oposicións Informática
    TEMARIO OPOSICIÓNS INFORMÁTICA GRUPO A1 - ESCALA DE SISTEMAS E TECNOLOXÍA DA INFORMACIÓN TEMA 32. APLICACIÓNS DE INTERNET ENRIQUECIDAS (RIA). Esta obra foi publicada abertamente pola Egap atopándose cunha licenza de Recoñecemento- CompartirIgual 2.0 España de Creative Commons. Para ver unha copia da licenza visite: http://creativecommons.org/licenses/by-sa/3.0/es Autor: Juan Marcos Filgueira Gomis Juan Marcos Filgueira Gomis 1 TEMA 32. APLICACIÓNS DE INTERNET ENRIQUECIDAS (RIA). 32.1 INTRODUCIÓN E CONCEPTOS 32.2 AJAX 32.3 RIA PARA MULTIMEDIA E ANIMACIÓNS 32.4 OUTRAS TECNOLOXÍAS RIA 32.5 ESQUEMA 32.6 REFERENCIAS 32.1 INTRODUCIÓN E CONCEPTOS As aplicacións de Internet enriquecidas ou RIA (en inglés Rich Internet Applications), son un conxunto de tecnoloxías que buscan achegar as interfaces das aplicacións web ás das aplicacións de escritorio dotándoas de novas funcionalidades, de aí a riqueza, e axilizando aspectos como as recargas de datos. Por norma xeral precisan dun framework, compoñente adicional ou plug-in no navegador que permitan a súa interpretación. Nas aplicacións RIA a maior parte da comunicación faise de maneira asíncrona en comunicacións transparentes ao usuario que evitan gran parte das recargas de páxinas para realizar actualizacións de datos. Fronte a estas vantaxes no tocante á usabilidade en canto a mellora das funcionalidades e actualizacións de datos a principal desvantaxe será a accesibilidade da páxina para usuarios que presenten dificultades de acceso á información na web. Moitas destas tecnoloxías pertencen ao mundo do software propietario atopando gran dependencia respecto das compañías que as desenvolven. As principais tecnoloxías atópanse nas plataformas Flash, Flex e AIR de Adobe, Silverlight de Microsoft, OpenLaszlo, incontables frameworks AJAX e Javascript, e outras tecnoloxías como as xa maduras, Applets e Java WebStart e as emerxentes como XUL, JavaFX, GWT ou Bindows.
    [Show full text]
  • Javascript Chapitre 5 : Encore Plus Loin…
    12/17/2019 JavaScript Chapitre 5 : encore plus loin… MAS‐RAD – Master of Advanced Studies, Rapid Application Development Stéphane GOBRON HE‐Arc –hes.so 2019 JavaScript 6 chapitres . Description du cours . Ch1 : fondamentaux . Ch2 : instructions de base . Ch3 : structure objet . Ch4 : instructions avancées . Ch5 : encore plus loin Après ce cours vous savez que c'est la réponse 'D' bien sur! 1 12/17/2019 Librairies et extensions …en quelques mots donc seulement l'introduction des concepts de… . 5.1 Librairies Généraliste : jQuery Spécialisée : Buzz . 5.2 En complément AJAX Pour la 3D : WebGL "More, more, and more!" 5. Encore plus loin… 5.1 Librairies . JS lib ‐ Dom, JS ‐ Graphisme, Web ‐ Recherche spécifique . E.g. généraliste : jQuery . E.g. spécialisée : Buzz Il y aurait beaucoup à dire… 2 12/17/2019 Librairies DOM ou JS Manipulation du DOM Pure JavaScript/AJAX AccDC FuncJS Dojo Toolkit Google Closure Library Glow Joose jQuery jsPHP midori Microsoft's Ajax library MooTools MochiKit Prototype JS Framework PDF.js YUI Library Rico Socket.io Spry framework Underscore.js Wakanda Framework Librairies Web‐application related Graphisme & Web GUI‐related (Widget AngularJS Graphical/Visualization libraries) Backbone.js (Canvas or SVG related) Ample SDK Batman.js D3.js DHTMLX Cappuccino Ext JS Echo CanvasJS HTML5 Charts Ink Ember.js JavaScript InfoVis Toolkit iX Framework Enyo Fellowrock jQuery UI Google Web Toolkit Kinetic.js Lively Kernel JavaScriptMVC Processing.js qooxdoo Knockout Raphaël Script.aculo.us rAppid.js SWFObject SmartClient Rialto Toolkit Three.js Kendo UI SproutCore Frame‐Engine CreateJS Web Atoms 3 12/17/2019 Librairies Plus généralement . Pour rechercher une lib spécifique et/ou accéder à l’ensemble de l’étendu des lib JS : https://www.javascripting .com/ Librairies généralistes jQuery http://en.wikipedia.org/ But et principe wiki/JQuery Plan visuel de jQuery .
    [Show full text]
  • Uživatelské Rozhraní Webových IS
    MASARYKOVA UNIVERZITA F}w¡¢£¤¥¦§¨ AKULTA INFORMATIKY !"#$%&'()+,-./012345<yA| Uživatelské rozhraní webových IS DIPLOMOVÁ PRÁCE Tomáš Obšívaˇc Brno, jaro 2009 Prohlášení Prohlašuji, že tato diplomová práce je mým p ˚uvodnímautorským dílem, které jsem vypra- coval samostatnˇe.Všechny zdroje, prameny a literaturu, které jsem pˇrivypracování použí- val nebo z nich ˇcerpal,v práci ˇrádnˇecituji s uvedením úplného odkazu na pˇríslušnýzdroj. Vedoucí práce: doc. Ing. Michal Brandejs, CSc. ii Shrnutí Práce popisuje rozvoj WWW s ohledem na jeho využití pro uživatelské rozhraní informaˇc- ních systém ˚u,pˇredstavujespecifika a r ˚uznéúrovnˇenávrhu webového rozhraní podle míry jejich abstrakce s pˇríkladyrealizovanými pro Informaˇcnísystém MU (IS MU), srovnává sou- ˇcasnérámce jazyka JavaScript sloužící k manipulaci s HTML stránkou a od ˚uvodˇnujevolbu jednoho z nich pro IS MU, popisuje vybrané prvky designu znovupoužitelné ve webových aplikacích, krátce ukazuje další zp ˚usobyzpˇrístupnˇenídat uživatel ˚uma v poslední ˇcástise vˇenujeznaˇcceIS MU (pˇrílohouje jí vˇenovanýgrafický manuál). iii Klíˇcováslova uživatelské rozhraní, design, JavaScript, framework, informaˇcnísystémy, web, znaˇcka iv Obsah 1 Úvod ............................................. 2 1.1 Zadání ......................................... 2 1.2 O této práci ....................................... 2 2 Webové stránky jako uživatelské rozhraní ....................... 3 2.1 Hypertext a WWW .................................. 3 2.2 Souˇcasnýstav webu ................................. 6 2.2.1 Web 2.0 a sémantický web . 6 2.3 Od statického webu k WIS .............................. 7 2.4 Design rozhraní (vs. další rysy systému) ...................... 8 2.5 Grafické zpracování („povrch“) ........................... 10 2.5.1 Ikony pro aplikaˇcnískupiny IS MU . 11 2.5.2 Uživatelská volba designu . 12 2.6 Rozvržení stránek IS MU („kostra“) ........................ 13 2.6.1 Oblíbené záložky, jazyk a odhlášení [1] . 14 2.6.2 Hlaviˇckaa info k uživateli [2–4] .
    [Show full text]
  • Download the Sample Pages
    Adobe® Dreamweaver® CS6 on Demand Publisher Paul Boger Copyright © 2012 by Perspection, Inc. Associate Publisher All rights reserved. No part of this book shall be reproduced, stored in a Greg Wiegand retrieval system, or transmitted by any means, electronic, mechanical, photo- copying, recording, or otherwise, without written permission from the publish- Acquisitions Editor er. No patent liability is assumed with respect to the use of the information Laura Norman contained herein. Although every precaution has been taken in the prepara- Managing Editor tion of this book, the publisher and author assume no responsibility for errors Steve Johnson or omissions. Nor is any liability assumed for damages resulting from the use Author of the information contained herein. Steve Johnson Editor Library of Congress Cataloging-in-Publication Data is on file Adrian Hyde Page Layout ISBN-13: 978-0-7897-4932-1 James Teyler ISBN-10: 0-7897-4932-7 Interior Designers Steve Johnson Printed and bound in the United States of America Marian Hartsough First Printing: June 2012 Photographs Tracy Teyler 15 14 13 12 4 3 2 1 Indexer Que Publishing offers excellent discounts on this book when ordered Katherine Stimson in quantity for bulk purchases or special sales. Proofreader For information, please contact: U.S. Corporate and Government Sales Beth Teyler Team Coordinator 1-800-382-3419 or [email protected] Cindy Teeters For sales outside the U.S., please contact: International Sales 1-317-428-3341 or [email protected] Trademarks All terms mentioned in this book that are known to be trademarks or service marks have been appropriately capitalized.
    [Show full text]
  • Web Application Framework
    UU - IT - UDBL 1 E-COMMERCE and SECURITY - 1DL018 Spring 2008 An introductury course on e-commerce systems alt. http://www.it.uu.se/edu/course/homepage/ehandel/vt08/ Kjell Orsborn Uppsala Database Laboratory Department of Information Technology, Uppsala University, Uppsala, Sweden Kjell Orsborn 4/24/08 UU - IT - UDBL 2 Web Servers ch 6, 7 Kjell Orsborn Department of Information Technology Uppsala University, Uppsala, Sweden Kjell Orsborn 4/24/08 UU - IT - UDBL 3 Web clients and Web servers Clients running browsers Web server Requests sent pages received Kjell Orsborn 4/24/08 UU - IT - UDBL 4 Web server • The term web server can mean one of two things: – A computer program that is responsible for accepting HTTP requests from clients, which are known as web browsers, and serving them HTTP responses along with optional data contents, which usually are web pages such as HTML documents and linked objects (images, etc.). – A computer that runs a computer program as described above. Kjell Orsborn 4/24/08 UU - IT - UDBL 5 Common features of Web servers • Web server programs might differ in detail, but they all share some basic common features: – HTTP: every web server program operates by accepting HTTP requests from the client, and providing an HTTP response to the client. • The HTTP response usually consists of an HTML document, but can also be a raw file, an image, or some other type of document (defined by MIME-types). – Logging: usually web servers have also the capability of logging some detailed information, about client requests and server responses, to log files; • this allows the webmaster to collect statistics by running log analyzers on log files.
    [Show full text]
  • Using the Spry Framework
    Using the Spry Framework Trademarks 1 Step RoboPDF, ActiveEdit, ActiveTest, Authorware, Blue Sky Software, Blue Sky, Breeze, Breezo, Captivate, Central, ColdFusion, Contribute, Database Explorer, Director, Dreamweaver, Fireworks, Flash, FlashCast, FlashHelp, Flash Lite, FlashPaper, Flash Video Encoder, Flex, Flex Builder, Fontographer, FreeHand, Generator, HomeSite, JRun, MacRecorder, Macromedia, MXML, RoboEngine, RoboHelp, RoboInfo, RoboPDF, Roundtrip, Roundtrip HTML, Shockwave, SoundEdit, Studio MX, UltraDev, and WebHelp are either registered trademarks or trademarks of Adobe Systems Incorporated and may be registered in the United States or in other jurisdictions including internationally. Other product names, logos, designs, titles, words, or phrases mentioned within this publication may be trademarks, service marks, or trade names of Adobe Systems Incorporated or other entities and may be registered in certain jurisdictions including internationally. Third-Party Information This guide contains links to third-party websites that are not under the control of Adobe Systems Incorporated, and Adobe Systems Incorporated is not responsible for the content on any linked site. If you access a third-party website mentioned in this guide, then you do so at your own risk. Adobe Systems Incorporated provides these links only as a convenience, and the inclusion of the link does not imply that Adobe Systems Incorporated endorses or accepts any responsibility for the content on those third- party sites. © 2006 Adobe Systems Incorporated. All rights
    [Show full text]
  • Download College Prospectus
    1 Contents Page No. Welcome to IACT Programming Courses Corporate Solutions 3 Visual Basic Skills Training Paths 40 Instructor Led Training 4 Advanced Diploma in Visual Basic 41 Professional Certification 5 Visual Basic Primer 42 iLive Learning 6 Visual Basic Progressor 43 eLearning 7 Visual Basic.NET Application Development 44 Professional Support Services 8 Visual Basic.NET Web Development 45 VBA Development with MS Office 46 Crystal Reports 47 C, C++ and C# Training Paths 48 Office Computing Skills Introduction to Programming C 49 Advanced C 50 Office Skills Training Paths 10 OOP Programming in C++ 51 ECDL (European Computer Driving Licence) 11 ASP.NET with Visual C# 52 MOS (MOUS) Master Course 12 JAVA Training Paths 53 Microsoft Office 2010 Migration Course 13 JAVA Primer 54 Certified Training Professional 14 JAVA Programming 55 Microsoft Word Level 1 15 Building Web applications with JAVA 56 Microsoft Word Level 2 16 Advanced JAVA and J2EE Development 57 iExcel Master Diploma Paths 17 iExcel Master Course 18 DTP and Graphic Design Microsoft Excel Level 1 19 Microsoft Excel Level 2 20 DTP and Graphic Design Training Paths 59 Microsoft Excel Level 3 21 DTP Master Course 60 Microsoft Excel Dashboards 22 Adobe InDesign 61 Professional Excel Skills for Financial Services 23 Adobe Illustrator 62 Microsoft Access Level 1 24 Adobe PhotoShop 63 Microsoft Access Level 2 25 QuarkXpress 64 Microsoft PowerPoint 26 Introduction to VISIO 65 Microsoft Project 26 Corel DRAW! 66 Corel Ventura 67 Internet & Web Development PC support and Operating
    [Show full text]