How to introduce non-nerds to the world of ConTeXt September 14, 2010Mari Voipio / 4th ConTeXt User Meeting.

Slides:



Advertisements
Similar presentations
Introduction to Instructor-Led Online Learning Kevin R. Duffy, M.A.Ed. Daytona State College Daytona Beach Police Department.
Advertisements

Copyright © 2003 Pearson Education, Inc. Slide 3-1 Created by Cheryl M. Hughes The Web Wizards Guide to XML by Cheryl M. Hughes.
HTML I. HTML Hypertext mark-up language. Uses tags to identify elements of a page so that a browser such as Internet explorer can render the page on a.
Figure and Table Captions
Microsoft ® Office 2007 Training Security II: Turn off the Message Bar and run code safely P J Human Resources Pte Ltd presents:
Internet Services and Web Authoring (CSET 226) Lecture # 5 HyperText Markup Language (HTML) 1.
KompoZer. This is what KompoZer will look like with a blank document open. As you can see, there are a lot of icons for beginning users. But don't be.
Cascading Style Sheets
Programming Club IIT Kanpur. Work environment Before you begin coding,always set up your work environment to your needs IDE Notepad++ Sublime Text 2.
Chapter 3 – Designing your web pages Dr. Stephanos Mavromoustakos.
ADA Compliant Websites & Documents What the heck am I supposed to do?
Cascading Style Sheets. CSS stands for Cascading Style Sheets and is a simple styling language which allows attaching style to HTML elements. CSS is a.
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.
How the effective use of type and whitespace can combine to create attractive packages.
Poster Title Goes Here & Must Match Your Submitted Abstract Title Authors’ Names Go Here (must match those on the submitted abstract) Affiliations go here.
Web Content Management System Website Maintenance Demonstration Introduction to Macromedia Contribute Jamie Uprichard.
The ACCESS Project Jesse Hausler, UDL/Accessibility Coordinator Craig Spooner, Coordinator.
Observations on learning ConTeXt And how to make it easier.
McGraw-Hill Technology Education © 2004 by the McGraw-Hill Companies, Inc. All rights reserved. Office Word 2003 Lab 3 Creating Reports and Tables.
Creating a Web Page with Tables. Objectives Create a text table with preformatted text Create the basic structure of a graphical table Organize table.
Using HTML Tables.
HTML Tables and Forms Creating Web Pages with HTML CIS 133 Web Programming Concepts 1.
7 Selecting Design and Color Section 7.1 Identify presentation design principles Use a custom template Add pages to a navigation structure Section 7.2.
Tutorial #8 – Creating Data Tables. Tutorial #6 Review – Layouts Two Column Fixed Width, Three Column Fixed Width Class VS. ID Container Universal Selector.
1 The Structure of a Web Table beginning of the table structure first row of three in the table end of the table structure table cells You do not need.
Chapter 8 Document Design 2 Page Layout
 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.
Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.
Web Technologies Website Development Trade & Industrial Education
Computer science Kieran elder. What is computer science What is binary Binary maths What is hexadecimal Hexadecimal numbers programs for programming Different.
Microsoft ® Office 2007 Training Security II: Turn off the Message Bar and run code safely presents:
Website Development with Dreamweaver
 This presentation introduces the following: › 3 types of CSS › CSS syntax › CSS comments › CSS and color › The box model.
Programming in HTML.  Programming Language  Used to design/create web pages  Hyper Text Markup Language  Markup Language  Series of Markup tags 
Creating Webpage Using HTML
Introduction to Programming the WWW I CMSC Winter 2003 Lecture 7.
Wikis. Some resources  What is a wiki:  How do you make a PBWorks account:
Copyright 2006 South-Western/Thomson Learning Chapter 12 Tables.
How to format a long document (e.g., thesis) using MS Word 2013 DR. ABDULLAH BAQASAH MAY 2015.
Wiki Space Introduction How to use Wiki spaces to complete your project on the Crusades.
HTML ( HYPER TEXT MARK UP LANGUAGE ). What is HTML HTML describes the content and format of web pages using tags. Ex. Title Tag: A title It’s the job.
Creating a poster is easier than you think.
Web Design (12) CSS Introduction. Cascading Style Sheets - Defined CSS is the W3C standard for defining the presentation of documents written in HTML.
HTML Basics. HTML Coding HTML Hypertext markup language The code used to create web pages.
Exploring Microsoft Microsoft FrontPage Chapter 21 Exploring Microsoft FrontPage 2002 Chapter 1 Creating a Home Page: Introduction to MS FrontPage.
Using CSS to Create Some Style Module 5: Beyond the Basics with Expression Web LESSON 5.
Positioning Objects with CSS and Tables
Chapter 15: Spreadsheet and Worksheet Basics – Lesson 92 © 2010, 2006 South-Western, Cengage Learning.
Formatting an APA Paper Using Microsoft Word Pepperdine GSEP: Writing Support -with Joe Velazquez (APA editor)
HTML. HTML: What is it? – HTML stands for Hyper Text Markup Language – An HTML file is a text file containing small markup tags – The markup tags tell.
 Add one element at a time  If it doesn’t do what you want, › Delete it › DON’T just keep piling on more items.
Sample paper in APA style Sample paper in APA style.
4.01 Cascading Style Sheets
Chapter 17: Document Production (Word)
Poster Title Goes Here & Must Match Your Submitted Abstract Title
Chapter 2 Developing a Web Page.
>> Introduction to CSS
Using Cascading Style Sheets Module B: CSS Structure
TOPICS Chrome Dev Tools Process for Building a Static Website
Fixed Positioning.
Web Development & Design Foundations with H T M L 5
that the browser will center the table.
ADA Compliant Website & Documents
Web Development & Design Foundations with H T M L 5
Web Development & Design Foundations with H T M L 5
Principles of Web Design 5th Edition
4.01 Cascading Style Sheets
How to Create Tables & Graphs in Excel
(should run across the top of your poster)
FORMAT AND STYLE REQUIREMENTS FOR THE APPLIED DISSERTATION
Presentation transcript:

How to introduce non-nerds to the world of ConTeXt September 14, 2010Mari Voipio / 4th ConTeXt User Meeting

 Students familiar with standard word processing software (MS Office, Open Office, Pages...)  ConTeXt is installed and ready-to-use  Students have a reason to learn ConTeXt  Academic dissertations, reports, etc.  Maths or linguistic layout challenges  Interest in layout and typography

Introduction My research is centered on how computers are named in office and university networks. The naming is almost always goverened by strict rules, but they can vary from schematic to imaginative and the motivation behind the rules can vary from the network administrator’s personal preferences and interests – or comfort – to security aspects or the institution’s main field of activity. HOW IT SHOULD BE DONE...REAL LIFE™  I’ll make that bigger and bold and I’ll add an empty line below...  Here we go, that’s the first chapter heading...

WHAT YOU SEE IS WHAT YOU (HOPE TO) GETWHAT YOU DESCRIBE IS WHAT YOU GET Introduction My research is centered on how computers are named in office and university networks. The naming is almost always goverened by strict rules, but they can vary from schematic to imaginative and the motivation behind the rules can vary from the network administrator’s personal preferences and interests – or comfort – to security aspects or the institution’s main field of activity. \setuphead [chapter] [style=\sstfc] \setupwhitespace[medium] \starttext \chapter{Introduction} My research is centered on how computers are named in office and university networks. The naming is almost always goverened by strict rules, but they can vary from schematic to imaginative and the motivation behind the rules can vary from the network administrator’s personal preferences and interests – or comfort – to security aspects or the institution’s main field of activity. \stoptext

CLICKERSTYPERS

 Start from solid base  Structural thinking  Separate content and layout  Learn to use your editor  Highlight  Autocomplete  Check before running  And why not make it neat while you are at it?

 Solving font problems  Encoding/regimes  Visual catalogue for basic font families  Basic style sheets = modules

 Not so marginal philosophy  Not from outside in but left to right and top down  What’s your internal measurement unit?  It’s floating in the air  Adding images: formats, sizes, placement  Expanding to other floats  Formatting captions  Unnatural thinking: tables

 Debugging is a skill, too  Better little and often than a complete mess  You sure you checked the code?  Read and contemplate  A bit of pep talk  No need to get it right on the first go  The reward is in consistency  Shed your limitations and take flight!