Open Solutions for a Changing World™ Copyright 2005, Data Access WordwideElectos June 6-9, 2005 Key Biscayne, Florida Data Access Europe BV Eddy Kleinjan,

Slides:



Advertisements
Similar presentations
HTML Basics Customizing your site using the basics of HTML.
Advertisements

Nvu - How to Create Your Own Website From Start to Finish!Dr. Dawn Sherry & Dr. Barry J. Monk Dr. Dawn Sherry Dr. Barry J. Monk Assistant Professor of.
CSS Cascading Style Sheets. Objectives Using Inline Styles Working with Selectors Using Embedded Styles Using an External Style Sheet Applying a Style.
CSS. CSS stands for Cascading Style Sheets Styles define how to display HTML elements Styles were added to HTML 4.0 to solve a problem External Style.
Making Things Look Nice: Visual Appearance and CSS CMPT 281.
It’s All About Style The Basics of Style Sheets Presented by Barry Diehl.
Introduction to CSS.
Web Design with Cascading Style Sheet Lan Vu. Overview Introduction to CSS Designing CSS Using Visual Studio to create CSS Using template for web design.
Images, Tables, lists, blocks, layout, forms, iframes
Tutorial 3 Introducing Cascading Style Sheets. XP New Perspectives on Blended HTML, XHTML, and CSS2 Objectives Learn about Cascading Style Sheets Write.
Designing Websites Using HTML and FrontPage A Typical Webpage View Source A webpage is a text file containing instructions to tell a computer how the.
Beginning Web Site Creation: Dreamweaver CS4. XHTMLCSS  Describes the structure  Content  Collection of styles  Formatting body { background-color:
Cascading Style Sheets. Slide 2 Lecture Overview Overview of Cascading Style Sheets (CSS) Ways to declare a CSS CSS formatting capabilities New features.
Cascading Style Sheets Scripting with Style. CSS versus HTML  Ways to format in HTML –HTML Tag extensions –Converting Text to images –Page Layout with.
CM143 Week 4 Introducing CSS. Cascading Style Sheets A definition for the style in which an element of the webpage will be displayed Border width, colour,
Presented by Mina Haratiannezhadi 1.  publishing, editing and modifying content  maintenance  central interface  manage workflows 2.
Tutorial 3: Adding and Formatting Text. 2 Objectives Session 3.1 Type text into a page Copy text from a document and paste it into a page Check for spelling.
Using Cascading Style Sheets (CSS) Dept. of Computer Science and Computer Information CSCI N-100.
Understanding HTML Style Sheets. What is a style?  A style is a rule that defines the appearance and position of text and graphics. It may define the.
Acadia Institute for Teaching and Technology Basic Web Page Design for Courses.
 Using Microsoft Expression Web you can: › Create Web pages and Web sites › Set what you site will look like as you design it › Add text, images, multimedia.
TO ENABLE THE CROSS-BORDER EXCHANGE OF CULTURE BY PROVIDING AN INNOVATIVE, MULTILINGUAL IT PLATFORM, BASED ON AVAILABLE OPEN SOURCE SOCIAL PLATFORM SOLUTIONS.
HTML & CSS A brief introduction. OUTLINE 1.What is HTML? 2.What is CSS? 3.How are they used together? 4.Troubleshooting/Common problems 5.More resources.
Open Solutions for a Changing World™ Copyright 2005, Data Access WordwideElectos June 6-9, 2005 Key Biscayne, Florida Data Access Europe BV Eddy Kleinjan,
Cascading Style Sheets (CSS) Instructor: Mr. Ahmed Al Astal ITGD4104 Department Requirement for senior student University of Palestine Faculty of IT.
Week 4.  Three ways to apply CSS: Inline CSS Internal style sheets ( header style information) External style sheets.
HTML Web Authoring Tonya L. DeZarn Janice Thompson Juana Wallace.
CSS Cascading Style Sheets By Garrett Garman. CSS Why use Style Sheets? Separates Appearance and Structure Modularity Quick and Easy changes Flexibility.
Understanding CSS Essentials: Content Flow, Positioning, and Styling
© Ms. Masihi.  The Dreamweaver Welcome Screen first opens when you start Dreamweaver.  This screen gives you quick access to previously opened files,
Cascading Style Sheets. Defines the presentation of one or more web pages Similar to a template Can control the appearance of an entire web site giving.
Bare bones notes. Suggested organization for main folder. REQUIRED organization for the 115 folder.
CIT 256 Dreamweaver Intro. Dr. Beryl Hoffman. Start Dreamweaver Start from Start Menu/Adobe Master Collection CS6/ Adobe Dreamweaver CS6 Choose Create.
Website Development with Dreamweaver
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 7 TH EDITION Chapter 3 Key Concepts 1 Copyright © Terry Felke-Morris.
CSS My favourite ICT lesson By Federico Boschi Cascading Style Sheets.
PUBLISHING ONLINE Chapter 2. Overview Blogs and wikis are two Web 2.0 tools that allow users to publish content online Blogs function as online journals.
Cascading Style Sheets Tom Osman. Keep the content of a webpage separate from the formatting of the page. Structure (of content)  Headings  Sub headings.
Internet Web Publishing III. Intro to Cascading Style Sheets Patricia Roberts.
Cascading Style Sheets Class 2, Lecture 2 Rachel A Ober
Copyright 2007, Information Builders. Slide 1 Understanding Basic HTML Amanda Regan Technical Director June, 2008.
Introduction to web development and HTML MGMT 230 LAB.
CSS Cascading Style Sheets. CSS Advantages Greater typography and page layout control Style is separate from structure Styles can be stored in a separate.
Open Solutions for a Changing World™ Copyright 2005, Data Access WordwideElectos June 6-9, 2005 Key Biscayne, Florida Data Access Europe BV Eddy Kleinjan,
IT: Web Technologies: Web Animation 1 Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Designing Web Site Layout Using.
FrontPage 2000 For Online Classes June 29, 2000 Distance Learning Conference.
Cascading Style Sheets
Lesson 15: Cascading Style Sheets. Objectives Identify ways to apply Web page formatting with Cascading Style Sheets (CSS1 and CSS2) using various methods.
Cascading Style Sheets
Cascading Style Sheets Primary readings Presentations Explain & review projects with class mates.
Web Technologies Beginning Cascading Style Sheets (CSS) 1Copyright © Texas Education Agency, All rights reserved.
Chapter 8 HTML Editors. Copyright © 2006 Pearson Addison-Wesley. All rights reserved. 8-2 Text Editors Text editors don't have word processing features.
Writing Your Own Web Page: Using HTML and FrontPage Chapter 10.
Style Sheets. Coding Style Sheets  Style sheets use RULES to create the style  A selector (a tag or user-defined style name)  and then declarations.
1111 Master Pages Beginning ASP.NET in C# and VB Chapter 6.
11 User Controls Beginning ASP.NET in C# and VB Chapter 8.
Building a Website: Layout Fall Overall Structure: Home Page Title Section Title Frame Picture UNCP Math Menu Content Footer Contact Information.
Practice for Chapter 3: Assume that you are a freelance web designer and need to create a website to promote your freelance company.
OV Copyright © 2008 Element K Content LLC. All rights reserved. Working with Web Pages  An Introduction to Cascading Style Sheets  Format a Web.
Web and Multimedia Development Copyright © Genetic Computer School 2007WM LESSON OVERVIEW  Use of Tables  Creating Tables  Try It – 1  Creating.
Tutorial #1 Using HTML to Create Web Pages. HTML, XHTML, and CSS HTML – HyperText Markup Language The tags the browser uses to define the content of the.
Web Design Terminology Unit 2 STEM. 1. Accessibility – a web page or site that address the users limitations or disabilities 2. Active server page (ASP)
HTML LAYOUTS. CONTENTS Layouts Example Layout Using Element Example Using Table Example Output Summary Exercise.
Create and edit web pages 4
Weebly Elements, Continued
Cascading Style Sheets (CSS)
Cascading Style Sheets - Building a stylesheet
Introduction to CSS.
Exercise 9 Skills You create and use styles to create formatting rules that can easily by applied to other pages in the Web site. You can create internal.
Cascading Style Sheets - Building a stylesheet
Presentation transcript:

Open Solutions for a Changing World™ Copyright 2005, Data Access WordwideElectos June 6-9, 2005 Key Biscayne, Florida Data Access Europe BV Eddy Kleinjan, Senior Consultant

Open Solutions for a Changing World™ Copyright 2005, Data Access WordwideElectos June 6-9, 2005 Key Biscayne, Florida Electos  Content Management System  Fully Browser Based  Visual DataFlex Web App Server  Extensible; Source Code is Available  Included in Visual DataFlex Studio

Open Solutions for a Changing World™ Copyright 2005, Data Access WordwideElectos June 6-9, 2005 Key Biscayne, Florida Advantages of using Electos  Website Owners can Change the Website  No HTML Knowledge is Required  Website can be Changed from any Location  Forces Website to have a Consistent Structure  Appearance of Pages can be Scheduled  Automatic Indexing of Content for fast searches  Control Access to Protected Items (Pro Edition)

Open Solutions for a Changing World™ Copyright 2005, Data Access WordwideElectos June 6-9, 2005 Key Biscayne, Florida Publications Require Structure

Open Solutions for a Changing World™ Copyright 2005, Data Access WordwideElectos June 6-9, 2005 Key Biscayne, Florida Electos Tools  Electos Studio Create and Manage Structure Create and Manage Content  Electos Publisher Publishes Content in a Structured way  Electos Site Manager (Pro and Developer Edition) Manages Multiple Websites on a Single Server

Open Solutions for a Changing World™ Copyright 2005, Data Access WordwideElectos June 6-9, 2005 Key Biscayne, Florida Design in Electos  ASP template decides the looks  Separation of Content and Style  Structured Pages called "Document Structure"  WYSIWYG Editing of Text elements  Upload Content like Pictures, Word and PDF documents

Open Solutions for a Changing World™ Copyright 2005, Data Access WordwideElectos June 6-9, 2005 Key Biscayne, Florida Electos Publisher Document ASP Template Electos Publisher Page Document Structure

Open Solutions for a Changing World™ Copyright 2005, Data Access WordwideElectos June 6-9, 2005 Key Biscayne, Florida Electos Concepts  Pages publish Documents using ASP Templates  Documents are based on a Document Structure  Document Structures have one or more Elements  ASP Templates define where/how Elements are Published

Open Solutions for a Changing World™ Copyright 2005, Data Access WordwideElectos June 6-9, 2005 Key Biscayne, Florida

Open Solutions for a Changing World™ Copyright 2005, Data Access WordwideElectos June 6-9, 2005 Key Biscayne, Florida Electos Demo

Open Solutions for a Changing World™ Copyright 2005, Data Access WordwideElectos June 6-9, 2005 Key Biscayne, Florida Maintaining Content  Pages  ASP Templates  Activation  Categories

Open Solutions for a Changing World™ Copyright 2005, Data Access WordwideElectos June 6-9, 2005 Key Biscayne, Florida Electos Publisher Document ASP Template Electos Publisher Page

Open Solutions for a Changing World™ Copyright 2005, Data Access WordwideElectos June 6-9, 2005 Key Biscayne, Florida Pages  A Page publishes a Document  A Document is based on a Document Structure  A Page is published using an ASP template Document ASP Template Electos Publisher Page

Open Solutions for a Changing World™ Copyright 2005, Data Access WordwideElectos June 6-9, 2005 Key Biscayne, Florida ASP Templates  ASP Templates are used to publish a Document  Pages bind a Document and ASP Template together  ASP Templates are inherited when no explicit template has been assigned Document ASP Template Electos Publisher Page

Open Solutions for a Changing World™ Copyright 2005, Data Access WordwideElectos June 6-9, 2005 Key Biscayne, Florida Document Structures

Open Solutions for a Changing World™ Copyright 2005, Data Access WordwideElectos June 6-9, 2005 Key Biscayne, Florida

Open Solutions for a Changing World™ Copyright 2005, Data Access WordwideElectos June 6-9, 2005 Key Biscayne, Florida Document Structures  Document Structures define Items that make up a Document  The number of Items is Unlimited  The Type of an Item defines what type of content is expected to be entered for it. Available types are: - Single Line Text - Multi Line Text - File Title Text

Open Solutions for a Changing World™ Copyright 2005, Data Access WordwideElectos June 6-9, 2005 Key Biscayne, Florida Document Structure Items Types  Items can be: Single Line Text Multi Line Text Files Reference to  Word Document  PDF Document  Images

Open Solutions for a Changing World™ Copyright 2005, Data Access WordwideElectos June 6-9, 2005 Key Biscayne, Florida Document Structure Items  Single Line defines a maximum width in Characters  Multi Line Text defines a maximum width in Pixels that will be used during Content Editing to give a WYSIWYG impression.  When a reference to a Word document or PDF document is given, those documents can be selected while editing the content. The Document itself will be shown in an Inline Frame while Publishing.  The Position defines in what order the items need to be entered.

Open Solutions for a Changing World™ Copyright 2005, Data Access WordwideElectos June 6-9, 2005 Key Biscayne, Florida Document Structure Items Names  The Name of an item will be the name by which the content can be accessed from within an ASP Template  The Title will be text that will be used as a Label when users enter text for an Item.

Open Solutions for a Changing World™ Copyright 2005, Data Access WordwideElectos June 6-9, 2005 Key Biscayne, Florida Content Types  Documents  Uploaded files like: Images PDF and Word Documents

Open Solutions for a Changing World™ Copyright 2005, Data Access WordwideElectos June 6-9, 2005 Key Biscayne, Florida Directory Structure (Common)  C:\Program Files\Electos\... …\Common\Data Has Electos Global Information …\Common\SiteManager Contains Site Manager. Will always contain the most recent version of Electos that has been installed.

Open Solutions for a Changing World™ Copyright 2005, Data Access WordwideElectos June 6-9, 2005 Key Biscayne, Florida Directory Structure (Electos)  C:\Program Files\Electos\v9.9\... Electos Version Specific Files

Open Solutions for a Changing World™ Copyright 2005, Data Access WordwideElectos June 6-9, 2005 Key Biscayne, Florida Directory Structure (Websites)  …\WebSites\... Contains one directory for each Web Site. …\MySite\AppHtml Contains all files needed for Publishing a Website …\MySite\AppHtml\ContentFiles Contains all uploaded files …\MySite\Data Contains the database that holds the Electos managed Content …\MySite\LogFiles Contains the logfiles for the specific Website

Open Solutions for a Changing World™ Copyright 2005, Data Access WordwideElectos June 6-9, 2005 Key Biscayne, Florida Cascading Style Sheets

Open Solutions for a Changing World™ Copyright 2005, Data Access WordwideElectos June 6-9, 2005 Key Biscayne, Florida Cascading Style Sheets  Define the formatting of text in one place  Use the Cascading Style Sheets (CSS) in both the Electos Studio and Electos Publisher.Heading1 { font-family : Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; font: large; color: #000000; font-style: normal; font-weight: bold; }

Open Solutions for a Changing World™ Copyright 2005, Data Access WordwideElectos June 6-9, 2005 Key Biscayne, Florida Steps to create CSS  Create …\Css\ElectosStyles.css  Publish the names of the styles that can be used in Electos Studio under: Electos Studio – Control Panel – CSS Styles  Include the Stylesheet in your ASP Template  Use TopStyle Light to create your CSS

Open Solutions for a Changing World™ Copyright 2005, Data Access WordwideElectos June 6-9, 2005 Key Biscayne, Florida Restricted Access

Open Solutions for a Changing World™ Copyright 2005, Data Access WordwideElectos June 6-9, 2005 Key Biscayne, Florida Restricted Access  Create Members Manually (Administrator)  Create / Manage Groups  Assign Members to one or more groups  Put Access Restrictions in place using Groups

Open Solutions for a Changing World™ Copyright 2005, Data Access WordwideElectos June 6-9, 2005 Key Biscayne, Florida Restrict Access to Pages  Restrict access to Page Category  ASP Templates need to be ‘Restriction Aware’  Include ElectosRestriction.inc Indicates a restricted Object

Open Solutions for a Changing World™ Copyright 2005, Data Access WordwideElectos June 6-9, 2005 Key Biscayne, Florida Image Gallery

Open Solutions for a Changing World™ Copyright 2005, Data Access WordwideElectos June 6-9, 2005 Key Biscayne, Florida Image Gallery  An Image Gallery is a Collection of Images  Can be created using an Image Gallery Document Structure together with an Image Gallery ASP Template

Open Solutions for a Changing World™ Copyright 2005, Data Access WordwideElectos June 6-9, 2005 Key Biscayne, Florida Image Gallery iTotal = oPublisher.call("GET_GalleryCount", iPageID, "Gallery") For iLoop = 0 To (iTotal - 1) sImageUrl = oPublisher.call("GET_GalleryImageURL", iPageID, "Gallery", iLoop) sImageAlt = oPublisher.call("GET_GalleryAltText", iPageID, "Gallery", iLoop) sImageThumb = oPublisher.call("GET_GalleryThumbURL", iPageID, "Gallery", iLoop, 100, 100, false) If sImageThumb = "" Then sImageThumb = "Images/ThumbNAV.jpg“ // Show the image Loop

Open Solutions for a Changing World™ Copyright 2005, Data Access WordwideElectos June 6-9, 2005 Key Biscayne, Florida GET_GalleryCount  Returns the number of images for this page and the give Document Structure Item Name iTotal = oPublisher.call("GET_GalleryCount", iPageID, "Gallery")

Open Solutions for a Changing World™ Copyright 2005, Data Access WordwideElectos June 6-9, 2005 Key Biscayne, Florida GET_GalleryImageURL  Returns the URL to the full image sImageUrl = oPublisher.call("GET_GalleryImageURL", iPageID, "Gallery", iLoop)

Open Solutions for a Changing World™ Copyright 2005, Data Access WordwideElectos June 6-9, 2005 Key Biscayne, Florida GET_GalleryAltText  Returns the ALT Text for the image sImageAlt = oPublisher.call("GET_GalleryAltText", iPageID, "Gallery", iLoop)

Open Solutions for a Changing World™ Copyright 2005, Data Access WordwideElectos June 6-9, 2005 Key Biscayne, Florida GET_GalleryThumbURL  Returns URL to a thumbnail size version of the original picture  The Thumbnail will be automatically created if it doesn’t exist yet  Max size is passed (100,100) together with the switch whether or not the picture should fill the available area with a transparent colour sImageThumb = oPublisher.call("GET_GalleryThumbURL", iPageID, "Gallery", iLoop, 100, 100, false)

Open Solutions for a Changing World™ Copyright 2005, Data Access WordwideElectos June 6-9, 2005 Key Biscayne, Florida Questions?

Open Solutions for a Changing World™ Copyright 2005, Data Access WordwideElectos June 6-9, 2005 Key Biscayne, Florida Thank you!