My Web Site Created using:  PowerPoint  ActivePresentation Designer  PPT2HTML Contact About Copyright 2011 © GMARK Ltd. | | Welcome to our demo site.

Slides:



Advertisements
Similar presentations
Slice and Dice: From PSD Image to XHTML+CSS Svetlin Nakov Telerik Corporation
Advertisements

Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 Chapter 7 Key Concepts 1 Copyright © Terry Felke-Morris.
Chapter 3 – Web Design Tables & Page Layout
WEB DESIGN TABLES, PAGE LAYOUT AND FORMS. Page Layout Page Layout is an important part of web design Why do you think your page layout is important?
Whats New in Office 2010?. Major Changes in Office 2010 The Office Ribbon, which first made its appearance in Office 2007, now appears in all Office 2010.
MIS 425 Lecture 2 – HTML Navigation, Colors, tables and Styles Instructor: Martin Neuhard
Web Development & Design Foundations with XHTML Chapter 7 Key Concepts.
Web Development & Design Foundations with XHTML Chapter 7 Key Concepts.
Unit 20 - Client Side Customisation of Web Pages
Microsoft PowerPoint 2013 An Overview.
UEC 01 : Computer Skills & Programming Concepts I 1PUA – Computer Engineering Department – UEC01 – Dr. Mona Abou - Of Lecture 10: Presentation Graphic.
Microsoft Office Illustrated Fundamentals Unit M: Creating a Presentation.
16 HTML Tables and Frames Section 16.1 Create a basic table using HTML Define borders Merge cells Align content in tables Section 16.2 Create a frames-based.
FIRST COURSE PowerPoint. XP New Perspectives on Microsoft Office 2007: Windows XP Edition2 What Is PowerPoint? PowerPoint is a powerful presentation graphics.
Web Design Guidelines By ZhengHui Hu. Planning User Analysis  Goal  Target Audience Enhance Accessible  Impairment  Environment  Technical Limitation.
3.2 Presentation Software End Show Creating slide shows including audio,video and digital images End Show.
PowerPoint Lesson 2 Creating and Enhancing PowerPoint Presentations
FIRST COURSE Creating Web Pages with Microsoft Office 2007.
INSTRUCTIONAL SUPPORT SERVICES (ISS) SHORT COURSE, FALL 2012 UMSL Introduction to Web Page Design.
Acadia Institute for Teaching and Technology Basic Web Page Design for Courses.
Overall Design Standards
 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.
Designing a Presentation
Chapter 4 Dreamweaver: Part II The Web Warrior Guide to Web Design Technologies.
© 2012 Boise State University1 WordPress Training February 14, 2013.
Microsoft Expression Web - Illustrated Unit B: Creating a Web Site.
Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.
© Ms. Masihi.  The Dreamweaver Welcome Screen first opens when you start Dreamweaver.  This screen gives you quick access to previously opened files,
Web Technologies Website Development Trade & Industrial Education
Creating a Presentation
© 2012 Boise State University1 WordPress Training February 14, 2013.
Siemens Power Generation, Instrumentation &Controls
INTERMEDIATE WEB DESIGN INTRODUCTORY CSS, JAVASCRIPT AND PHP.
Chapter 14. Copyright 2003, Paradigm Publishing Inc. CHAPTER 14 BACKNEXTEND 14-2 LINKS TO OBJECTIVES Add Borders with Borders Button Add Borders with.
Website Development with Dreamweaver
SharePoint Branding with Design Manager. About James 7 years of SharePoint 2007, 2010, 2013 On-prem deployment planning, infrastructure setup, governance.
McGraw-Hill Career Education© 2008 by the McGraw-Hill Companies, Inc. All Rights Reserved. 2-1 Office PowerPoint 2007 Lab 2 Modifying and Refining a Presentation.
 Word doc for you to download › Link at the beginning of class › 10 Questions › Answers to be added inline  Post to Sakai when completed › No resubmits.
 Remember that HTML is just text  Need to point to pictures  Use the img tag  alt: › screen reader › REQUIRED for this class and to validate.
© 2012 The McGraw-Hill Companies, Inc. All rights reserved. word 2010 Chapter 3 Formatting Documents.
Software. A web site is a collection of web pages on a particular topic. A web page is a document written in HTML code. Web pages are linked together.
CHAPTER 5 Working with Data Tables and Inline Frames.
 To begin you first need to sign up to Weebly by going to or alternatively and we will create an account.
Welcome to PowerPoint for Beginners In-Tech Training Elementary School Teachers Day 2 January 13 and 14, 2003.
How to Design an Effective PowerPoint Presentation
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 Chapter 7 Key Concepts 1 Copyright © Terry Felke-Morris.
Web Page Design 1 Information Technology ClassAct SRS enabled. Web Page Design This presentation will explore: creating web pages structure, formatting.
1 Preparation for site Create a folder in MyDocuments: beavercheese. Create a subfolder, images Classes, career, DW beginner Download.
Qmags At The Cutting Edge of Digital Publishing. Mobile (Platform, Specification and Features) Template Elements ( Your home page will be the only unique.
IPDF toolkit – brought to you by PwC How to use this Interactive PDF (iPDF) template This template is part of a self-service iPDF toolkit. Use this to.
Chapter 28. Copyright 2003, Paradigm Publishing Inc. CHAPTER 28 BACKNEXTEND 28-2 LINKS TO OBJECTIVES Table Calculations Table Properties Fields in a Table.
Microsoft Expression Web - Illustrated Unit A: Getting Started With Microsoft Expression Web.
COMP 143 Web Development with Adobe Dreamweaver CC.
HTML LAYOUTS. CONTENTS Layouts Example Layout Using Element Example Using Table Example Output Summary Exercise.
Microsoft PowerPoint This is the introduction to PowerPoint.
How to Create Static and Animated PowerPoint Slides
Overall Design Standards
Overall Design Standards
Overall Design Standards
Microsoft PowerPoint This is the introduction to PowerPoint.
PowerPoint Template Navy Cover with Icons.
Web Technologies for Business
Microsoft PowerPoint This is the introduction to PowerPoint.
PowerPoint Template Navy Cover with Icons.
Common Page Design Elements
Overall Design Standards
Overall Design Standards
Microsoft PowerPoint This is the introduction to PowerPoint.
Microsoft Office Illustrated Fundamentals
Overall Design Standards
Presentation transcript:

My Web Site Created using:  PowerPoint  ActivePresentation Designer  PPT2HTML Contact About Copyright 2011 © GMARK Ltd. | | Welcome to our demo site HomeWire FrameTemplateThemeLayoutsActivePresentationPPT2HTMLAdvantagesDownload |||||||| This is an example of a macro Web site built entirely with the following software:  PowerPoint ® 2010 from Microsoft ®  ActivePresentation™ Designer from GMARK  PPT2HTML from PPTools If we needed to explain how to use it, we’d have failed… so we won’t! The site itself explains how we built it (in under an hour) though ++

My Web Site Created using:  PowerPoint  ActivePresentation Designer  PPT2HTML Contact About Copyright 2011 © GMARK Ltd. | | Wire Frame All great Web sites start with a well thought out wire frame. The wire frame defines where the various elements of your site go. From this, you can decide what is always the same and where the actual content of your site will be placed. This is used as a basis to creating the PowerPoint slide master layouts needed. We decided on a relatively simple wire frame for this demo as shown to the right. Masthead ActivePresentation Navigation Left Article Content Main Article Content Footer HomeWire FrameTemplateThemeLayoutsActivePresentationPPT2HTMLAdvantagesDownload ||||||||

My Web Site Created using:  PowerPoint  ActivePresentation Designer  PPT2HTML Contact About Copyright 2011 © GMARK Ltd. | | Slide Master The following objects are placed on the slide master: 1.Masthead image 2.Masthead text “My Web Site” 3.Masthead text “Created using…” 4.Footer with hyperlinks for Contact and About Us HomeWire FrameTemplateThemeLayoutsActivePresentationPPT2HTMLAdvantagesDownload ||||||||

My Web Site Created using:  PowerPoint  ActivePresentation Designer  PPT2HTML Contact About Copyright 2011 © GMARK Ltd. | | Theme The PowerPoint theme consists of 3 primary elements: 1.Color palette 2.Fonts 3.Effects Color Palette We used a default palette called Pushpin Fonts We used a font family called MetaOT for all titles and body content. Effects The effect family was set to Opulent HomeWire FrameTemplateThemeLayoutsActivePresentationPPT2HTMLAdvantagesDownload ||||||||

My Web Site Created using:  PowerPoint  ActivePresentation Designer  PPT2HTML Contact About Copyright 2011 © GMARK Ltd. | | Layouts Layouts were created in the Slide Master to cover the following types of content pages: 1.Left navigation plus main article content to the right. 2.Two column content. 3.Two column content with the right column taking an image. 4.Content taking the full area. HomeWire FrameTemplateThemeLayoutsActivePresentationPPT2HTMLAdvantagesDownload ||||||||

My Web Site Created using:  PowerPoint  ActivePresentation Designer  PPT2HTML Contact About Copyright 2011 © GMARK Ltd. | | ActivePresentation Designer The ActivePresentation navigation is built using a 1 level tree as shown in the screenshot to the right. Multiple levels can be used for a site with more pages. Style is set as per the button below and sound is not used as it’s not supported by PPT2HTML. View Style Tab HomeWire FrameTemplateThemeLayoutsActivePresentationPPT2HTMLAdvantagesDownload ||||||||

My Web Site Created using:  PowerPoint  ActivePresentation Designer  PPT2HTML Contact About Copyright 2011 © GMARK Ltd. | | ActivePresentation Designer The style of the menu bar is created with a custom template that is based on one of the pre-installed templates with a single change to adjust the position to be units from the top of the slide. View Tree Tab HomeWire FrameTemplateThemeLayoutsActivePresentationPPT2HTMLAdvantagesDownload ||||||||

My Web Site Created using:  PowerPoint  ActivePresentation Designer  PPT2HTML Contact About Copyright 2011 © GMARK Ltd. | | PPT2HTML The PPT2HTML configuration was changed from one of the pre-installed templates as follows: 1.Base = Full Screen 2.Modified to delete the navigation table 3.Size changed to 940x705 (Wordpress width) View Template HomeWire FrameTemplateThemeLayoutsActivePresentationPPT2HTMLAdvantagesDownload ||||||||

My Web Site Created using:  PowerPoint  ActivePresentation Designer  PPT2HTML Contact About Copyright 2011 © GMARK Ltd. | | PPT2HTML The PPT2HTML template had the following removed from the original template FullScreen.htm: :Prefs.PageTitle: :InfoComment: :Nav.Map: View Template Previous :Nav.LinksToAll: Next HomeWire FrameTemplateThemeLayoutsActivePresentationPPT2HTMLAdvantagesDownload ||||||||

My Web Site Created using:  PowerPoint  ActivePresentation Designer  PPT2HTML Contact About Copyright 2011 © GMARK Ltd. | | Advantages Because PPT2HTML converts your presentation to a set of images (read this image preloading FAQ), you can:image preloading FAQ 1)Design whatever you want in PowerPoint and display exactly the same thing on any browser. There’s no HTML coding, no CSS to understand. Just draw and publish! 2)Produce highly accessible presentations as required by academic and governmental institutions. 3)Build easily copyrighted sites because there is no text or separate images to be copied. 4)Design layouts with ease. 5)Use any font and never be restricted by the default Arial, Verdana type of limitation. 6)No server side scripting to learn to be able to build modular looking pages. 7)Very useful for simple sites or prototyping complex ones. 8)Flash is supported (see this FAQ) and JavaScript is supported (see this FAQ)see this FAQ Disadvantages For the same reason as in the advantages, the following is what you don’t get: 1)Optimised pages for narrow bandwidth Internet connections (but read this FAQ)but read this FAQ 2)PowerPoint animation engine is not supported but you can export builds as individual pages. 3)Styled hyperlinks are not supported. HomeWire FrameTemplateThemeLayoutsActivePresentationPPT2HTMLAdvantagesDownload ||||||||

My Web Site Created using:  PowerPoint  ActivePresentation Designer  PPT2HTML Contact About Copyright 2011 © GMARK Ltd. | | Download If you’re interested in finding out more about how this micro-site was built, you can download the following packages: Trial version of ActivePresentation Designer Trial version of PPT2HTML PowerPoint file used in this demo HomeWire FrameTemplateThemeLayoutsActivePresentationPPT2HTMLAdvantagesDownload ||||||||