How to Build a Site Style. WebGUI LIVE!
|
|
- Alexander Taylor
- 5 years ago
- Views:
Transcription
1 How to Build a Site Style WebGUI LIVE!
2 Where do we start? Create a design Turn it into HTML & graphics Introduce WebGUI Components Putting it all together A Closer Look
3 Creating a Design The Big Question... What are my limitations when desiging for WebGUI? NONE If anything, it gives more freedom
4 Our Example
5 Break it up however you normally would Such As... Photoshop Slices Text Editors (Notepad++, etc) WYSIWYG???
6 Break it up however you normally would Keep in mind Login Fields Areas that might have security Graphics Where is your content Navigation systems
7 Break it up however you normally would Login Fields Where to put them? WebGUI Templates define their look... to a point Easy to add via Macros
8 Areas that might have security Remember WebGUI Groups Can provide restricted access to... Special Links Login areas Special messages
9 Graphics What about em? Two different ways to reference them Both use macros
10 Where is your content? So, what exactly IS content? Anything that ISN T part of your design If you put content into a style, it shows up EVERYWHERE that style is used You insert content using template variables
11 Navigation Systems Just the highlights... Remember, WebGUI navigation is dynamic Automatically can add or remove pages Navigation is referenced by using a Macro
12 Introducing WebGUI Components Macros Helpful, and reusable, pieces of code that help you... Allow logins, access to your account, turn adminmode on Insert graphics, navigation, restricted content Display page titles And more!
13 Introducing WebGUI Components Macros Admin and Account Macros Login - ^L(...); Simple way to call the default login fields
14 Introducing WebGUI Components Macros Admin and Account Macros Login - ^L(...); Simple way to call the default login fields Account - ^a(...); Lets the user click on a link to access their account
15 Introducing WebGUI Components Macros Admin and Account Macros Login - ^L(...); Simple way to call the default login fields Account - ^a(...); Lets the user click on a link to access their account Gateway URL - ^/; Returns the URL of the domain
16 Introducing WebGUI Components Macros Admin and Account Macros Login - ^L(...); Simple way to call the default login fields Account - ^a(...); Lets the user click on a link to access their account Gateway URL - ^/; Returns the URL of the domain Admin Toggle - ^AdminToggle(...); Lets you flip to Admin mode and back... Look for them in WebGUI Help, there s more!
17 Introducing WebGUI Components Macros ^AssetProxy(...); Grabs an object and displays it (and it s smart too) <img src= myimage.gif /> becomes... ^AssetProxy(myImage.gif); Referencing Objects
18 Introducing WebGUI Components Macros ^AssetProxy(...); Grabs an object and displays it (and it s smart too) <img src= myimage.gif /> becomes... ^AssetProxy(myImage.gif); Referencing Objects ^FileUrl(...); Returns the URL of whatever you give it <img src= myimage.gif /> becomes... <img src= ^FileUrl(myImage.gif); />
19 ^AssetProxy(); vs. ^FileUrl(); Why use ^AssetProxy()? Grabs and processes passed values Recognizes what is being passed to it and creates necessary tags to display it Ex- <img> Great for quickly referencing assets
20 ^AssetProxy(); vs. ^FileUrl(); Why use ^AssetProxy()? Grabs and processes passed values Recognizes what is being passed to it and creates necessary tags to display it Ex- <img> Great for quickly referencing assets Why use ^FileUrl()? Returns the full URL (minus the domain) of the passed Asset Draws no tags at all Great for giving you more control in your template or for CSS backgrounds
21 Introducing WebGUI Components Macros Page - ^Page(...); Pass it menutitle and you ll display the menu title, pass it title and you ll get the title ^Page(title); becomes... An Example Title Page Titles
22 Introducing WebGUI Components Macros Page - ^Page(...); Pass it menutitle and you ll display the menu title, pass it title and you ll get the title ^Page(title); becomes... An Example Title Company - ^c; Returns the company name in your settings ^c; becomes... Widgets Inc. Page Titles
23 Introducing WebGUI Components Macros Page - ^Page(...); Pass it menutitle and you ll display the menu title, pass it title and you ll get the title ^Page(title); becomes... An Example Title Page Titles Company - ^c; Returns the company name in your settings ^c; becomes... Widgets Inc. <title> Widgets Inc - Home </title> <title> ^c; - ^Page(title); </title>
24 Putting It All Together The Beginning Prep Work Backup your work Keep your.htm file as a reference
25 Backup your work Keep your.htm file as a reference Putting It All Together The Beginning Prep Work Create a copy of that orginal.htm file Called the Working Copy Insert the macros here!
26 Backup your work Keep your.htm file as a reference Putting It All Together The Beginning Prep Work Create a copy of that orginal.htm file Called the Working Copy Insert the macros here! Create a WebGUI folder in your asset manager to store your- Template Images Snippets
27 Putting It All Together The Middle Setup Admin Mode and Content <tmpl_var head.tags> Inserts necessary code to handle editing on a page Needs to be in your <head></head> tags
28 Putting It All Together The Middle Setup Admin Mode and Content <tmpl_var head.tags> Inserts necessary code to handle editing on a page Needs to be in your <head></head> tags ^AdminBar(); Places the Admin bar at the left of the page in admin mode Should be right after your <body> tag
29 Putting It All Together The Middle Setup Admin Mode and Content <tmpl_var head.tags> Inserts necessary code to handle editing on a page Needs to be in your <head></head> tags ^AdminBar(); Places the Admin bar at the left of the page in admin mode Should be right after your <body> tag <tmpl_var body.content> This creates the area for your content Put it wherever you want your content to be (once!)
30 Putting It All Together The Middle, Still External References Use ^AssetProxy(); and ^FileUrl for your images ^AssetProxy(red.gif);
31 Putting It All Together The Middle, Still External References Use ^AssetProxy(); and ^FileUrl for your images ^AssetProxy(red.gif); Use ^FileUrl(); to reference javascripts, CSS files or backgrounds in CSS files background-image: url( ^FileUrl(red.gif); );
32 Putting It All Together The Middle, Still External References Use ^AssetProxy(); and ^FileUrl for your images ^AssetProxy(red.gif); Use ^FileUrl(); to reference javascripts, CSS files or backgrounds in CSS files background-image: url( ^FileUrl(red.gif); ); Use ^AssetProxy(); to pull in Snippets and your Navigation
33 Putting It All Together The End Installing the Template Use File Pile to upload images, CSS, Javascripts to WebGUI
34 Putting It All Together The End Installing the Template Use File Pile to upload images, CSS, Javascripts to WebGUI Create a template from the Asset Manager Be sure to select style!
35 Putting It All Together The Template
36 Putting It All Together The Template
37 Putting It All Together The Template
38 Putting It All Together The End Installing the Template Use File Pile to upload images, CSS, Javascripts to WebGUI Create a template from the Asset Manager Be sure to select style! Create a Navigation configuration from the Asset Manager Remember its URL!
39 A Few Important Bits Navigation & Snippets
40 A Word About Navigation Include a navigation system by ^AssetProxy(); Many available pre-installed You can always create your own Comes in 2 parts- Navigation Configuration Navigation Style Template
41 A Word About Navigation Navigation Configurations This is what is AssetProxy d Controls what pages will be displayed
42 A Word About Navigation Navigation Configurations This is what is AssetProxy d Controls what pages will be displayed Navigation Style Template Associated with the Configuration Controls the look of your navigation
43 Behold the power of Snippets Can be used for external file referencing CSS, Javascript, XML Just give the appropriate URL....css,.js.,.xml
44 Behold the power of Snippets Can be used for external file referencing CSS, Javascript, XML Just give the appropriate URL....css,.js.,.xml And select the appropriate MIME type text/css, text/javascript, text/xml
45 Behold the power of Snippets Can be used for external file referencing CSS, Javascript, XML Just give the appropriate URL....css,.js.,.xml And select the appropriate MIME type text/css, text/javascript, text/xml Why use a snippet instead of uploading a file? Speed and Ease Include template variables and macros
46 Behold the power of Snippets Can be used for external file referencing CSS, Javascript, XML Just give the appropriate URL....css,.js.,.xml And select the appropriate MIME type text/css, text/javascript, text/xml Why use a snippet instead of uploading a file? Speed and Ease Include template variables and macros Restrict sections of your template You can set the security properties for specific groups
47 A Closer Look at our Example
48 A Closer Look at our Example The Head
49 A Closer Look at our Example The Head WebGUI Components
50 A Closer Look at our Example The Body, Part 1
51 A Closer Look at our Example The Body, Part 1 WebGUI Components
52 A Closer Look at our Example The Body, Part 2 - HTML
53 A Closer Look at our Example The Body, Part 2 - HTML with WebGUI WebGUI Components
54 Questions?
Theming WebGUI. Give your WebGUI site a new theme... WUC 2010 Ning Sun (ning) Pluton IT
Theming WebGUI Give your WebGUI site a new theme... WUC 2010 Ning Sun (ning) Pluton IT Outline A step-by-step guide to WebGUI-lize a theme Convert htlm/css template to WebGUI theme Or how to give webgui
More information2004 WebGUI Users Conference
WebGUI Site Design 2004 WebGUI Users Conference General Rules of Web Design Content is King good content is more important than anything else. keeps people interested. even if your design is bad, content
More informationLogging in to the management system.
Welcome to your new site! The Wordpress publishing platform is a robust tool that helps you publish your content to the web without getting too involved with the code. This guide is designed to help you
More informationCUSTOMER PORTAL. Custom HTML splashpage Guide
CUSTOMER PORTAL Custom HTML splashpage Guide 1 CUSTOM HTML Custom HTML splash page templates are intended for users who have a good knowledge of HTML, CSS and JavaScript and want to create a splash page
More informationTraining Sister Hicks
VMT CONSULTING Hand-out Vernell Turner 5/18/2016 2 Training Agenda 1. Images 2. Web Pages General 3. FBH Website 3 Images Tips for Using Images in a MS Word Document: 1. Type your text first before inserting
More informationOU EDUCATE TRAINING MANUAL
OU EDUCATE TRAINING MANUAL OmniUpdate Web Content Management System El Camino College Staff Development 310-660-3868 Course Topics: Section 1: OU Educate Overview and Login Section 2: The OmniUpdate Interface
More informationCreating and Managing Snippets
Creating and Managing Snippets Snippet management and creation is available to Level 9 and 10 admins. Categories are also configured, which are used for sorting snippets when selecting one to place on
More informationAdvanced Web Tutorial 1 Editor Brackets / Visual Code
Advanced Web Tutorial 1 Editor Brackets / Visual Code Goals Create a website showcasing the following techniques - Liquid Layout - Z-index - Visibility Website - Create a folder on the desktop called tutorial
More informationDreamweaver CS4. Introduction. References :
Dreamweaver CS4 Introduction References : http://help.adobe.com 1 What s new in Dreamweaver CS4 Live view Dreamweaver CS4 lets you design your web pages under realworld browser conditions with new Live
More informationWho should use this manual. Signing into WordPress
WordPress Manual Table of Contents Who should use this manual... 3 Signing into WordPress... 3 The WordPress Dashboard and Left-Hand Navigation Menu... 4 Pages vs. Posts... 5 Adding & Editing Your Web
More informationHtml 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 informationEnd User Guide Faculty Folders
End User Guide Faculty Folders Hannon Hill Corporation for California State Polytechnic University, Pomona Hannon Hill Corporation 3423 Piedmont Road, Suite 520 Atlanta, GA 30305 www.hannonhill.com 678.904.6900
More informationWhich 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 informationIndex. alt, 38, 57 class, 86, 88, 101, 107 href, 24, 51, 57 id, 86 88, 98 overview, 37. src, 37, 57. backend, WordPress, 146, 148
Index Numbers & Symbols (angle brackets), in HTML, 47 : (colon), in CSS, 96 {} (curly brackets), in CSS, 75, 96. (dot), in CSS, 89, 102 # (hash mark), in CSS, 87 88, 99 % (percent) font size, in CSS,
More informationWeb Programming and Design. MPT Senior Cycle Tutor: Tamara Week 1
Web Programming and Design MPT Senior Cycle Tutor: Tamara Week 1 What will we cover? HTML - Website Structure and Layout CSS - Website Style JavaScript - Makes our Website Dynamic and Interactive Plan
More informationCreating Effective School and PTA Websites. Sam Farnsworth Utah PTA Technology Specialist
Creating Effective School and PTA Websites Sam Farnsworth Utah PTA Technology Specialist sam@utahpta.org Creating Effective School and PTA Websites Prerequisites: (as listed in class description) HTML
More informationLearn Dreamweaver CS5 in a Day
Learn Dreamweaver CS5 in a Day Topic File Used Page Number Instructions...1 Chapter 1 Tutorial 1. Introduction... 3 2. Previewing finished site in your web browser...als_portfolio... 7 3. Starting Up Dreamweaver...
More informationCreating Pages with the CivicPlus System
Creating Pages with the CivicPlus System Getting Started...2 Logging into the Administration Side...2 Icon Glossary...3 Mouse Over Menus...4 Description of Menu Options...4 Creating a Page...5 Menu Item
More informationGoLive will first ask you if your new site will be for one individual or a work group; select for a Single User, and click Next.
Getting Started From the Start menu, located the Adobe folder which should contain the Adobe GoLive 6.0 folder. Inside this folder, click Adobe GoLive 6.0. GoLive will open to its initial project selection
More informationConverting HTML to PDF author debbiet
DisDat Designs debbiet's PDF conversion Converting HTML to PDF author debbiet Converting HTML files to PDF using HTML Doc Authored by debbiet...1 Let's Get Started...1 Input Tab...1 Output Tab...2 Page
More informationA Guide to Using WordPress + RAVEN5. v 1.4 Updated May 25, 2018
+ v 1.4 Updated May 25, 2018 Table of Contents 1. Introduction...................................................................................3 2. Logging In.....................................................................................4
More informationMPT Web Design. Week 1: Introduction to HTML and Web Design
MPT Web Design Week 1: Introduction to HTML and Web Design What will we do in this class? Learn the basics of HTML and how to create our own template Basic website structure Learn design concepts for a
More informationSOCE Wordpress User Guide
SOCE Wordpress User Guide 1. Introduction Your website runs on a Content Management System (CMS) called Wordpress. This document outlines how to modify page content, news and photos on your website using
More informationAdvanced 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 informationHTML TIPS FOR DESIGNING.
This is the first column. Look at me, I m the second column.
More informationCreate-A-Page Design Documentation
Create-A-Page Design Documentation Group 9 C r e a t e - A - P a g e This document contains a description of all development tools utilized by Create-A-Page, as well as sequence diagrams, the entity-relationship
More informationCreate the Left Navigation SSI Quick Guide
Create the Left Navigation SSI Quick Guide The WCMS system gives you the flexibility to assemble lists of existing content items manually to create the Left Navigation. The Server Side Include [WYSIWYG]
More informationIntroduction to Dreamweaver CS4:
Introduction to Dreamweaver CS4: 1.0.0 published by Antall Training http://www.scottantall.com info@scottantall.com 440/623-3738 Copyright 2003-2009 Antall Training All Rights Reserved. No portion of this
More informationDNN Guidelines. User Manual for Admin Updating Content on Website. Version /07/2014
DNN Guidelines Updating Content on Website Version 1.4 22/07/2014 Prepared By: Lisa Luc Suite 505 Level 5 74 Pitt Street Sydney NSW 2000 ITworx - DNN Guidelines P a g e 2 Table of Contents Introduction...
More informationBeginner Workshop Activity Guide 2012 User Conference
Beginner Workshop Activity Guide 2012 User Conference TUESDAY, MARCH 6 2:00PM 5:00 PM Beginner Training Workshop Attendees will learn the end user functions of OU Campus TM. They will learn how to log
More informationOracle Eloqua s User Guide
http://docs.oracle.com Oracle Eloqua Emails User Guide 2018 Oracle Corporation. All rights reserved 11-Jan-2018 Contents 1 Emails Overview 6 2 Examples of emails 7 3 Creating emails 19 4 Email authoring
More informationUser Guide POPUP PLUS FOR MAGENTO 2. Version: Release Date: Product Page: Popup Plus. Support:
POPUP PLUS FOR MAGENTO 2 User Guide Version: 1.0.0 Release Date: 08.08.2016 Product Page: Popup Plus Support: support@magebuzz.com C O P Y R I G H T 2 0 1 6 M A G E B U Z Z S T O R E TABLE OF CONTENTS
More informationUNIT 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 informationCMS Training Reference Guide
CMS Training Reference Guide Your training session may have been conducted on one of your sites Dev or Staging or Live To login, type your web address domain into a web browser and add (/admin) o Example:
More informationLava New Media s CMS. Documentation Page 1
Lava New Media s CMS Documentation 5.12.2010 Page 1 Table of Contents Logging On to the Content Management System 3 Introduction to the CMS 3 What is the page tree? 4 Editing Web Pages 5 How to use the
More informationOracle Eloqua s User Guide
http://docs.oracle.com Oracle Eloqua Emails User Guide 2017 Oracle Corporation. All rights reserved 08-Dec-2017 Contents 1 Emails Overview 6 2 Examples of emails 7 3 Creating emails 19 4 Email authoring
More informationIn this project, you ll learn how to create your own webpage to tell a story, joke or poem. Think about the story you want to tell.
Tell a Story Introduction In this project, you ll learn how to create your own webpage to tell a story, joke or poem. Step 1: Decide on a story Before you get coding, you ll need to decide on a story to
More informationEasySites Quickstart Guide. Table Of Contents
EasySites Quickstart Guide Table Of Contents 1. Introduction: What is an Easysite? Page 2 2. Log In: Accessing your Easysite Page 2 3. Categories: A Navigation Menu for your Website Page 3 4. Entries:
More information20 THINGS YOU DIDN T KNOW ABOUT WEBGUI. By Tavis Parker
20 THINGS YOU DIDN T KNOW ABOUT WEBGUI By Tavis Parker Asset Manager - Search Need to find an asset on your site? Click Search in the asset manager. Asset Manager - Search Enter the name of the asset you
More informationCenter for Advanced Research in Drying WordPress Manual
Center for Advanced Research in Drying WordPress Manual Table of Contents Who should use this manual... 3 Signing into WordPress... 3 Setting up the Home Page... 4 Editing the Home Page Widgets... 5 Sidebar
More informationUnderstanding Page Template Components. Brandon Scheirman Instructional Designer, OmniUpdate
Understanding Page Template Components Brandon Scheirman Instructional Designer, OmniUpdate Where do PCFs come from??.pcf .PCF Agenda Implementation Process Terminology used in Template Development Hands-on
More informationPixelsilk Training Manual 8/25/2011. Pixelsilk Training. Copyright Pixelsilk
Pixelsilk Training Copyright Pixelsilk 2009 1 Pixelsilk Training Guide Copyright 2009, Pixelsilk All rights reserved. No part of this book or accompanying class may be reproduced or transmitted in any
More informationWordPress Basics. A Short Guide to Updating and Maintaining Your WordPress-Powered Website. ienvisionmedia.com
WordPress Basics A Short Guide to Updating and Maintaining Your WordPress-Powered Website WordPress Basics 2 WordPress Basics: A Short Guide to Updating and Maintaining Your WordPress-Powered Website This
More informationHands On: Dreamweaver CS3 NEW SPRY Widgets
What is a Spry Widget? Spry widgets provide access to dynamic and interactive elements you might like to have on your Web page. These Spry elements include: Menu Bars Tabbed Panels Accordion Effects Collapsible
More informationFigure 1 Forms category in the Insert panel. You set up a form by inserting it and configuring options through the Properties panel.
Adobe Dreamweaver CS6 Project 3 guide How to create forms You can use forms to interact with or gather information from site visitors. With forms, visitors can provide feedback, sign a guest book, take
More informationThe FlexTraining Total e-learning Solution Management Guide Version 5.3
The FlexTraining Total e-learning Solution Management Guide Version 5.3 Copyright 1998-2008 Online Development Library Media Library The Media Library feature lets you establish Dynamic Messages, in one
More informationBy 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 informationThe 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 informationNORTH CAROLINA A&T STATE UNIVERSITY CMS USER GUIDE. A Manual for the Cascade Server Content Management System (CMS)
NORTH CAROLINA A&T STATE UNIVERSITY CMS USER GUIDE A Manual for the Cascade Server Content Management System (CMS) Table of Contents Chapter 1 - Getting Started... 3 Overview... 3 What is a Content Management
More informationGIMP WEB 2.0 MENUS. Web 2.0 Menus: Horizontal Navigation Bar
GIMP WEB 2.0 MENUS Web 2.0 Menus: Horizontal Navigation Bar WEB 2.0 MENUS: HORIZONTAL NAVIGATION BAR Hover effect: You may create your button in GIMP. Mine is 122 pixels by 48 pixels. You can use whatever
More informationWebsite Updates Made Easy
Built by Packerland Websites, Managed by You You will learn: How to log into your website to make changes How to update the Home, About Us & other pages Quick tips for success How to add photos, links,
More informationApps from K15t Software help teams work better together in Confluence and Jira.
Apps from K15t Software help teams work better together in Confluence and Jira. GET IN TOUCH Over 5000 organizations around the world use K15t Software s apps to enhance and expand the project collaboration
More informationGUIDE TO USING OU CAMPUS REGIONS. Office of Public Relations and Marketing
GUIDE TO USING OU CAMPUS REGIONS Office of Public Relations and Marketing WHAT S A REGION? 1. 2. The Parameters tab under the Properties pane in the OU Campus page editor, shown in figure 1, contains regions
More informationConfiguring 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 informationDreamweaver Basics. Planning your website Organize site structure Plan site design & navigation Gather your assets
Dreamweaver Basics Planning your website Organize site structure Plan site design & navigation Gather your assets Creating your website Dreamweaver workspace Define a site Create a web page Linking Manually
More informationTutorial 2 - HTML basics
Tutorial 2 - HTML basics Developing a Web Site The first phase in creating a new web site is planning. This involves determining the site s navigation structure, content, and page layout. It is only after
More informationMonarch Services Website Quick Guide
January 2016 Monarch Services Website Quick Guide www.monarchscc.org Credentials Wordpress Login URL: http://www.monarchscc.org/wp-login Login name :Nancya Password: wcs9na! Hosting Login at dreamhost.com
More informationHarlan County Public Schools. NTI Days Web Design, Advanced Multimedia. Grades 9-12, HCHS
Harlan County Public Schools NTI Days 1-10 Web Design, Advanced Multimedia Grades 9-12, HCHS Introduction: On any days designated as Non-Traditional Instruction (NTI) days, students will be required to
More informationCreating Jump Searches
Creating Jump Searches Jump Searches are created in Website Administration, and they are used to create dynamic hyperlinks for ReeceAndNichols.com property search pages. 1. Open your web browser, and go
More informationPBHS WordPress Blog Manual v1.0
PBHS WordPress Blog Manual v1.0 Logging into your WordPress Blog In our address bar at the top of your browser, enter in www.yourdomain.com/blog/wp admin and press enter on your keyboard. (substitute youtdomain.com
More informationGoogle Earth: Significant Places in Your Life Got Maps? Workshop June 17, 2013
Google Earth: Significant Places in Your Life Got Maps? Workshop June 17, 2013 1. Open Google Earth. 2. Familiarize yourself with Google Earth s navigational features by zooming into Furman s campus, your
More informationJavadocing in Netbeans (rev )
Javadocing in Netbeans (rev. 2011-05-20) This note describes how to embed HTML-style graphics within your Javadocs, if you are using Netbeans. Additionally, I provide a few hints for package level and
More informationWebLink Manual EZ-CAMP2
WebLink Manual EZ-CAMP2 SofterWare, Inc. WebLink March 2010 Table of Contents Table of Contents 1. WEBLINK OVERVIEW...3 Manual Overview...3 Support...3 WebLink Terminology...4 2. ADDING THE FORM TO YOUR
More informationThings to note: Each week Xampp will need to be installed. Xampp is Windows software, similar software is available for Mac, called Mamp.
Tutorial 8 Editor Brackets Goals Introduction to PHP and MySql. - Set up and configuration of Xampp - Learning Data flow Things to note: Each week Xampp will need to be installed. Xampp is Windows software,
More informationLinks Menu (Blogroll) Contents: Links Widget
45 Links Menu (Blogroll) Contents: Links Widget As bloggers we link to our friends, interesting stories, and popular web sites. Links make the Internet what it is. Without them it would be very hard to
More informationNETZONE CMS User Guide Copyright Tomahawk
NETZONE CMS User Guide Copyright 2015. Tomahawk 1 Phone: + 64 9 522 2333 Email: getintouch@tomahawk.co.nz Tomahawk 2015 www.tomahawk.co.nz 2 NETZONE CMS USER GUIDE WHAT YOU LL FIND INSIDE LOGGING IN 4
More informationInsert/Edit Image. Overview
Overview The tool is available on the default toolbar for the WYSIWYG Editor. The Images Gadget may also be used to drop an image on a page and will automatically spawn the Insert/Edit Image modal. Classic
More informationSiteforce Pilot: Best Practices
Siteforce Pilot: Best Practices Getting Started with Siteforce Setup your users as Publishers and Contributors. Siteforce has two distinct types of users First, is your Web Publishers. These are the front
More informationOU Campus Training. Part 2
OU Campus Training Part 2 Login to OU Campus To get started you need to login to OU Campus. While work on your website just use the page last updated date located in the footer: This will take you to the
More informationMAX 2006 Beyond Boundaries
Building a Spry Page MAX 2006 Beyond Boundaries Donald Booth Dreamweaver QE/Spry Team Adobe Systems, Inc. 1. Attach CSS/JS 1. Browse to the Assets folder and attach max.css. 2. Attach the 2 js files.
More informationWelcome to Book Display Widgets
Welcome to Book Display Widgets Book Display Widgets allow you to create virtual book displays on your website, where covers link to that item s record in your catalog. Bring your own lists of books, or
More informationWeb Pro Manager: General User Guide
Web Pro Manager: General User Guide Version 1.14 (7/2013) Web Pro Manager is an open-source website management platform that is easy to use, intuitive, and highly customizable. Web Pro Manager can be used
More informationDrupal Cloud Getting Started Guide Creating a Lab site with the MIT DLC Theme
Introduction Drupal Cloud Getting Started Guide Creating a Lab site with the MIT DLC Theme In this Getting Started Guide, you can follow along as a website is built using the MIT DLC Theme. Whether you
More informationUsing AJAX to Easily Integrate Rich Media Elements
505 Using AJAX to Easily Integrate Rich Media Elements James Monroe Course Developer, WWW.eLearningGuild.com The Problem: How to string together several rich media elements (images, Flash movies, video,
More informationdjango-image-cropping Documentation
django-image-cropping Documentation Release 1.1.0 Jonas und der Wolf Nov 06, 2017 Contents 1 Installation 3 2 Configuration 5 3 Admin Integration 7 4 Backends 9 5 Frontend 11 5.1 easy_thumbnails.............................................
More informationTechniques for Optimizing Reusable Content in LibGuides
University of Louisville From the SelectedWorks of Terri Holtze April 21, 2017 Techniques for Optimizing Reusable Content in LibGuides Terri Holtze, University of Louisville Available at: https://works.bepress.com/terri-holtze/4/
More informationRAGE WebDesign Quick Start 1 of 18. Welcome To RAGE WebDesign
RAGE WebDesign Quick Start 1 of 18 Welcome To RAGE WebDesign RAGE WebDesign Quick Start 2 of 18 About This Quick Start Guide 3 An Introduction To Html 3 Helpful Tips For Working With Rage Webdesign 7 See
More informationFireworks 3 Animation and Rollovers
Fireworks 3 Animation and Rollovers What is Fireworks Fireworks is Web graphics program designed by Macromedia. It enables users to create any sort of graphics as well as to import GIF, JPEG, PNG photos
More informationComp. Manual for U.N.
Comp. Manual for U.N. This Manual drafted : 27/06/2014 Text editing * Archiving articles * Uploading pdfs * Using Adobe Photoshop * Calendar * You Tube Videos 1 To Login for simple Front end editing (publisher)
More informationPASS4TEST. IT Certification Guaranteed, The Easy Way! We offer free update service for one year
PASS4TEST IT Certification Guaranteed, The Easy Way! \ http://www.pass4test.com We offer free update service for one year Exam : 9A0-046 Title : Adobe GoLive CS2 ACE Exam Vendors : Adobe Version : DEMO
More informationWPI Project Center WordPress Manual For Editors
WPI Project Center WordPress Manual For Editors April 17, 2015 Table of Contents Who should use this manual... 3 Signing into WordPress... 3 The WordPress Dashboard and Left-Hand Navigation Menu... 4 Adding
More informationHighlight the s address (example: and go to the top of the page and click on Insert
Contents Linking an email address... 2 LINK AN IMAGE... 2 TO LINK TO A DOCUMENT... 3 How to update the Quick Links.... 6 Changing out a Quick link.... 9 LINKS Linking an email address Highlight the emails
More informationBCI.com Sitecore Publishing Guide. November 2017
BCI.com Sitecore Publishing Guide November 2017 Table of contents 3 Introduction 63 Search 4 Sitecore terms 66 Change your personal settings 5 Publishing basics 5 Log in to Sitecore Editing 69 BCI.com
More informationWEBSITE INSTRUCTIONS
Table of Contents WEBSITE INSTRUCTIONS 1. How to edit your website 2. Kigo Plugin 2.1. Initial Setup 2.2. Data sync 2.3. General 2.4. Property & Search Settings 2.5. Slideshow 2.6. Take me live 2.7. Advanced
More informationAuthoring World Wide Web Pages with Dreamweaver
Authoring World Wide Web Pages with Dreamweaver Overview: Now that you have read a little bit about HTML in the textbook, we turn our attention to creating basic web pages using HTML and a WYSIWYG Web
More informationCourse Syllabus. Course Title. Who should attend? Course Description. Adobe Dreamweaver CC 2014
Course Title Adobe Dreamweaver CC 2014 Course Description Adobe Dreamweaver CC (Creative Clouds) is the world's most powerful web design program. Our Dreamweaver course ''certified by Adobe ''includes
More informationORACLE WCM 11G MASTER CLASS
Copyright 2011 Redstone Content Solutions LLC Oracle WCM 11g Master Class Training Agenda Revised Monday, May 2nd, 2011 REDSTONE CONTENT SOLUTIONS PRESENTS ORACLE WCM 11G MASTER CLASS Audience Designers
More informationREDESIGNING YOUR WEBSITE USING ONLINE PRESENCE BUILDER CUSTOMER USER GUIDE
REDESIGNING YOUR WEBSITE USING ONLINE PRESENCE BUILDER CUSTOMER USER GUIDE 1 CONTENTS 1 GETTING STARTED...3 2 PLANNING...4 3 BACKING UP YOUR WEBSITE...5 4 REFRESHING YOUR WEBSITE...6 4.1 SETTING UP YOUR
More informationCUSTOMER PORTAL Splash Pages
CUSTOMER PORTAL Splash Pages SPLASHPAGES In the splash page area, you can either create a custom splash page or use our editing tool and create a custom splash page using your own code. These splash pages
More informationGuidelines for work on the Genebank KB site
Guidelines for work on the Genebank KB site (By Geert Claessens. For extra information email to geert.jef.claessens@gmail.com) These guidelines are written for users of the Crop Genebank Knowledge Base
More informationHart House C&C Website Guide
step-by-step Instructions Hart House C&C Website Guide > Step-by-step instructions > Guidelines Materials available Online: www.harthouse.ca/design What s included in this guide? Included in this guide:
More informationSEARCHING FOR FRIENDS
Step One In the top right hand corner, click on the Find Friends link. You will be redirected to a new page. In the bottom left hand side of the page you will see a text box labeled Search for People.
More informationTable of contents. DMXzoneUniformManual DMXzone
Table of contents Table of contents... 1 About Uniform... 2 The Basics: Basic Usage of Uniform... 11 Advanced: Updating Uniform Elements on Demand... 19 Reference: Uniform Designs... 26 Video: Basic Usage
More informationAbsoluttweb CMS Guide
MENU Absoluttweb CMS Guide A complete documentation of the Content Management system used by Absoluttweb. Table of content Absoluttweb CMS Guide Introduction Activating the account How and where you log
More informationJack s Coal Fired Pizza
Jack s Coal Fired Pizza WORDPRESS MANUAL TABLE OF CONTENTS Login... 3 Editing Existing Pages... 4 Adding New Pages... 7 Editing/Adding Text... 8 Creating a Link... 9 Linking to a PDF... 10 Making a Link
More informationSeema Sirpal Delhi University Computer Centre
Getting Started on HTML & Web page Design Seema Sirpal Delhi University Computer Centre How to plan a web development project draft a design document convert text to HTML use Frontpage to create web pages
More informationWeb Designer s Manual
Web Designer s Manual web Design Guide Designed by: Tim Green Table of Contents Saving Set Up and Starting Tips pg 3-4 pg 13-14 Classes Page
More informationWe welcome any feedback and suggestions that would make the system easier to use for you. Please us at with your suggestions.
Croogo manual Introduction Welcome to the Croogo website content management system. The purpose of this manual is to provide instruction to website administrators handling low-level website content changes.
More informationINTRODUCTION. This guide aims to help you make the most of your web presence. RETURN TO TOP eusa.ed.ac.uk/activities 1
PROFILE GUIDANCE CONTENTS 01 Introduction 02 Editing your group s profile 03 Admin tools 04 Edit details 05 Tips for creating web content 06 Members 08 Memberships and groups 09 Messages 10 News 11 Writing
More informationCS Multimedia and Communications REMEMBER TO BRING YOUR MEMORY STICK TO EVERY LAB!
CS 1033 Multimedia and Communications REMEMBER TO BRING YOUR MEMORY STICK TO EVERY LAB! Lab 06: Introduction to KompoZer (Website Design - Part 3 of 3) Lab 6 Tutorial 1 In this lab we are going to learn
More information