TYPO3 - Introduction.

Slides:



Advertisements
Similar presentations
DEPARTMENT OF INFORMATION STUDIES Andy Dawson LIS1510 Library and Archives Automation Issues Basics of XHTML Andy Dawson Department of Information Studies,
Advertisements

Main Title Here Additional copy here, additional copy here, additional copy here, additional copy here, additional copy here. ADD YOUR WEB ADDRESS HERE.
Insert an image Screen Shots How to insert an image.
Magnolia Templating. Header Footer Menu Collection Collection Page Template (JSP) Page Properties Page + TemplateContent.
CharMeck.org Contributing Microsoft Office SharePoint Server MOSS 2007 Orientation and Basic Training.
Web Content Management System Website Maintenance Demonstration Introduction to Macromedia Contribute Jamie Uprichard.
Adding HTML to Blackboard
Amazing Call to Action Templates. Personalising the Call to Action Templates Images are grouped in the Powerpoint slide so to edit an element, simply.
CPSC 203 Introduction to Computers Lab 39, 40 By Jie (Jeff) Gao.
LayoutLayout Manage your blog! Baharstudio.blogspot.com Baharstudio.50webs.com.
Website Design CLA – Transportation. Defining a Site Select: Site – New - Site Click Next.
Managing your website in OpenCMS Yvonne Aburrow Web Services Team.
Adobe Contribute CS4 Targeted Training, LLC © Targeted Training, LLC 2010.
IS1811 Multimedia Development for Internet Applications Lecture 4: Introduction to HTML Rob Gleasure
Introduction to HTML Wah Yan College (Hong Kong) Mr. Li C.P.
OCBSA.ORG WEBSITE INTRODUCTION Mark Pugh. We all learn from each other! Mark Pugh.
CIRCA Training Program CIRCA Operations Training Program.
INSERT TOPIC INSERT SUB TOPIC Welcome to FISPALIVE Nashville 2014.
Welcome to the Circus! A step by step process to making your own Google Site for the NEW Northern Potter Website!
Web Design Part I. Click Menu Site to create a new site root.
Main Title Here Additional copy here, additional copy here, additional copy here, additional copy here, additional copy here. ADD YOUR WEB ADDRESS HERE.
Lecture Capture and. Goal Link to D2L D2L Website
How to create & use Dreamweaver Templates. Creating a Dreamweaver Template o A template is a common structure or layout of a web site that most of your.
More PowerPoint. Re-using your slides You can re-use your slides in different presentation. Choose Insert, Slides from Files Browse to locate the presentation.
Transportation Agenda 165. Transportation About Pages Pages organize and present information Pages are files that end in.aspx 166.
Document Control Template Editors Brad Adamczyk Template Editor Bands Bands create document layout Header, data, footer Order not critical.
Weebly is Your Friend. * To Enhance And Promote Your Curriculum * To Provide A Student Resource * Add Efficiency to Your Planning * Informational * Promote.
Making the website. Get your folders sorted first Create a new folder in “N” called “My hockey website” Create folders inside called “Documents”, “images”
Basic Web Design UVI CELL Dave Gilliss Dave Gilliss
Continue making your website on Adobe Dreamweaver, adding colour, images and text. Lesson 8 Aim : Q: What's the difference between Batman and a thief?
OmniUpdate Basics Training FLEX – August 11, 2016 VOC-113.
Create and edit web pages 4
A web coordinator guide to Adding content
Your Poster Title Goes Here
How to create a web page using word …
How to Use these Slides These slides are from the new PowerPoint template. Use slide #1 as your first slide. Insert a presentation title and presenter’s.
Insert Presentation Title Here Insert Presentation Summary Here
PowerPoint Template.
Your Goals and Objectives
A NEW look at PowerPoint
An Animated PowerPoint Template
PowerPoint Template
PowerPoint Template.
Click to add title Insert logo Abstract – click to edit
PowerPoint Template
PowerPoint Template.
Header Title Header Title Header Title Header Title Header Title
INSERT TOPIC INSERT SUB TOPIC.
INSERT TOPIC INSERT SUB TOPIC.
PowerPoint Template
Your Poster Title Goes Here
Your Poster Title Goes Here
Your Poster Title Goes Here
Your Poster Title Goes Here
Your Poster Title Goes Here
Your Poster Title Goes Here
Using FrontPage Express
Your Poster Title Goes Here
Main Title Here ADD YOUR WEB ADDRESS HERE
ANIMATION TEMPLATE FRANKIE CHEN 2015.
Click to add title Insert logo Abstract – click to edit
Insert Presentation Title Here Insert Presentation Summary Here
Your Poster Title Goes Here
Please insert Title Please insert sub-title 1
Your Poster Title Goes Here
Sub heading for your presentation – Arial 20pt
Your Poster Title Goes Here
PowerPoint Template.
PowerPoint Template.
Your Poster Title Goes Here
Presentation transcript:

TYPO3 - Introduction

TYPO3 Login to TYPO3 PC Pages/files Save Page Web server Edit Page + Browser

TYPO3 Pages organised in a tree TYPO3 adds extra from “templates” Pages and sub-pages TYPO3 adds extra from “templates” From template Login to TYPO3 View page tree Edit page content

Pages and Content New pages have titles (names) but no content! Content Element Content Element New pages have titles (names) but no content! Until you add some! Content elements Text (+ other stuff!) Images Text + image

The Result Header Content elements

Changing the Layout Change layout

The Exercises Exercise 1 Exercise 2 Exercise 3 Using the “Rich Text Editor” Like using a word-processor Exercise 2 Inserting content elements Exercise 3 Changing page properties