DITA TOPICS - ADVANCED. Session Results Topic Types Review Format/Layout Separated from Content DITA Concept Elements Using DITA Concept Elements - Advanced.

Slides:



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

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.
Exploring Word Grauer and Barber 1 Committed to Shaping the Next Generation of IT Experts. Chapter 4: Advanced Features: Tables, Styles, and Sections.
Chapter 3 Working with Text and Cascading Style Sheets.
HTML Hypertext Markup Language –First proposed by CERN in 1989 –It is non-linear so it allows you to jump from place to place –Markup refers to the structure.
XHTML1 Tables and Lists. XHTML2 Objectives In this chapter, you will: Create basic tables Structure tables Format tables Create lists.
Petrophase 2008 Poster Presentation Title
Tutorial 1 Developing a Basic Web Page
Web Page Development Identify elements of a Web Page Start Notepad
Customizing Outlook. Forms Window in which you enter and view information in Outlook Outlook Form Designer The environment in which you create and customize.
MICROSOFT – WORD. WORD... text entry f formatting spell check bulleting numbering t tables and much more.
1 Chapter 11 Developing Custom Help. 11 Chapter Objectives Use HTML to create customized Help topics for an application Use the HTML Help Workshop to.
Glencoe Digital Communication Tools Create a Web Page with HTML Chapter Contents Lesson 4.1Lesson 4.1 Get Started with HTML (85) Lesson 4.2Lesson 4.2 Format.
Microsoft Office Word 2013 Expert Microsoft Office Word 2013 Expert Courseware # 3251 Lesson 4: Working with Forms.
The Project AH Computing. Functional Requirements  What the product must do!  Examples attractive welcome screen all options available as clickable.
Working with Text and Cascading Style Sheets Adobe Dreamweaver Chapter 3.
Creating a Simple Page: HTML Overview
© 2007 IBM Corporation DITA code reviews Presenters: Megan Bock, Shannon Rouiller, Jenifer Schlotfeldt.
Chapter 3 Working with Text and Cascading Style Sheets.
Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.
Week 1.  Phillip Chee   Ext.1214 
Web Technologies Website Development Trade & Industrial Education
4 HTML Basics Section 4.1 Format HTML tags Identify HTML guidelines Section 4.2 Organize Web site files and folder Use a text editor Use HTML tags and.
Microsoft Office 2007 Word Chapter 1 Creating and Editing a Word Document.
Copyright © 2008 Pearson Prentice Hall. All rights reserved. 1 Exploring Microsoft Office Word 2007 Chapter 8 Word and the Internet Robert Grauer, Keith.
Website Development with Dreamweaver
Chapter 2 HTML Basics Key Concepts Copyright © 2013 Terry Ann Morris, Ed.D 1.
Teacher’s Assessment Assistant Worksheet Builder Starting the Program
© 2001 Business & Information Systems 2/e1 Chapter 8 Personal Productivity and Problem Solving.
Lead Black Slide Powered by DeSiaMore1. 2 Chapter 8 Personal Productivity and Problem Solving.
Essentials of HTML Class 4 Instructor: Jeanne Hart
Software Project Planning Defining the Project Writing the Software Specification Planning the Development Stages Testing the Software.
XP 2 HTML Tutorial 1: Developing a Basic Web Page.
INTRODUCTORY Tutorial 1 Using HTML Tags to Create Web Pages.
© 2012 The McGraw-Hill Companies, Inc. All rights reserved. word 2010 Chapter 3 Formatting Documents.
4 Chapter Four Introduction to HTML. 4 Chapter Objectives Learn basic HTML commands Discover how to display graphic image objects in Web pages Create.
Ali Alshowaish. What is HTML? HTML stands for Hyper Text Markup Language Specifically created to make World Wide Web pages Web authoring software language.
LEARNING HTML PowerPoint #1 Cyrus Saadat, Webmaster.
Chapter 2 Web Page Design Mr. Gironda. Elements of a Web Page These are things that most web pages use.
IBM Software Group ® Context-Sensitive Help with the DITA Open Toolkit Jeff Antley IBM October 4, 2007.
Writing and Editing Modular Documentation: Some Best Practices Yoel Strimling (Comverse) Based on a joint presentation with Michelle Corbin (IBM) at the.
CMA Workshop Image Links and Text Links on the Same Line in a Component.
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.
Sahar Mosleh California State University San MarcosPage 1 JavaScript Basic.
© 2011 Delmar, Cengage Learning Chapter 3 Working with Text and Cascading Style Sheets.
HTML.
3 Copyright © 2004, Oracle. All rights reserved. Working in the Forms Developer Environment.
4 HTML Basics Section 4.1 Format HTML tags Identify HTML guidelines Section 4.2 Organize Web site files and folder Use a text editor Use HTML tags and.
HTML Basics. HTML Coding HTML Hypertext markup language The code used to create web pages.
Introduction to Programming in Corvid EXSYS-Corvid is an intelligent systems programming environment General order of tasks: Enter and define Variables.
XP Review 1 New Perspectives on JavaScript, Comprehensive1 Introducing HTML and XHTML Creating Web Pages with HTML.
LBSC 690 Session 4 Programming. Languages How do we learn a language? Learn by listening Then reading Then writing How do we teach programming? Learn.
Session: 4. © Aptech Ltd. 2Creating Hyperlinks and Anchors / Session 4  Describe hyperlinks  Explain absolute and relative paths  Explain how to hyperlink.
B Copyright © 2011, Oracle and/or its affiliates. All rights reserved. Working with PDF and eText Templates.
XP 2 HTML Tutorial 1: Developing a Basic Web Page.
XP 1 HTML Tutorial 1: Developing a Basic Web Page.
Group 9: Through examples, explain how to build a css navigation bar. Presented by: Daniel Ku, Matt Iannacci & Iphia Henry.
HTML LAYOUTS. CONTENTS Layouts Example Layout Using Element Example Using Table Example Output Summary Exercise.
1 Technical & Business Writing (ENG-715) Muhammad Bilal Bashir UIIT, Rawalpindi.
Software Specification Tools
Applications Software
Presentation Title Presentation Title Presentation Title
PRESENTATION TITLE Optional Title Second Line Optional Subtitle
Working with Text and Cascading Style Sheets
A CASUAL CONTRIBUTOR’S LEARNING AID FOR DITA STRUCTURING
5.00 Apply procedures to organize content by using Dreamweaver. (22%)
Text Features Text features are parts of a written work that stand out from the rest of the text.
Best Practices for Great Presentations
Presentation transcript:

DITA TOPICS - ADVANCED

Session Results Topic Types Review Format/Layout Separated from Content DITA Concept Elements Using DITA Concept Elements - Advanced Common DITA Task Elements Using DITA Task Elements - Advanced Additional DITA Task Elements Common DITA Reference Elements Using DITA Task Elements - Advanced

DITA topic information Reference for this session DITA Best Practices A Roadmap for Writing, Editing, and Architecting in DITA Laura Bellamy, Michelle Carey, and Jenifer Schlotfeldt Copyright 2012

Topic types review Tells how to do something. Usually includes numbered steps. Task Concept Reference Gives details of interest, often in look-up lists or tables. Describes something.

Format/layout are separated from content Authoring environment allows you to create content Authoring environment allows you to tag your content according to the DITA standard (consistent flow of content depending on topic type) Authoring environment DOES NOT CONTROL the final layout of your content (publishing engine does this) Benefits to this Focus on creating quality content Do not focus on layout and formatting Build and publish content in many ways to many outputs (You become proactive and not reactive to customer needs.)

Same content – different output

Common DITA concept elements DITA ElementDescription Provides the topic title Introduces the concept Contains the body of the topic Organizes content in a topic into sections Displays a list of short or simple items Displays a content as an unordered bulleted list Displays a list of terms or short concepts and their definitions or Provides a figure and caption so that you can insert graphics Highlights new terms

CONCEPT EXAMPLE Use of common DITA concept elements

Concepts - let’s put tagging into practice 1.I am going to show you a concept topic. 2.You are going to determine what concept tag you are looking at based on the set of most common tags that I have provided. 3.Answers are in the notes section of the presentation.

Common DITA task elements DITA ElementDescription Provides the topic title Body of the task Introduces the task Contains ordered steps for the entire procedure Contains unordered steps for the entire procedure Background information for users to understand task,, and Contains the steps for the task,, and Contains the substep for the step Provides information users need to complete the step Note information (most often nested in the tag) What happens when step is completed An example of what happens when step is completed and Displays choices in a bulleted list Displays choices in a 2-column table. Describe steps for choice Info about what must be done after task is completed Example that tells or supports the task Expected outcome when task is done

Use of common DITA task elements

TASK TOPIC

Other common task tags DITA AttributeDescription Put this tag around items that are menu driven from the UI Put this tag around a menu sequence that a user selects (File > Open) Put this tag around UI commands, usually button names. Put this around any file path that points to a specific location Used for variables that may change depending on circumstances Put this tag around text that a user types verbatim Put this tag around a block of code

COMMON TASK TAGS - USAGE Use of other common task tags

Common DITA reference elements DITA ElementDescription Provides the topic title Introduces the reference Contains the body of the topic Organizes content in a topic into sections Contains table content Displays a content as an unordered bulleted list Displays a list of terms or phrases and their definitions Contains example content that explains or supports the topics Displays parameters in a format similar to a definition list Lists properties in a table by type, value, and description Provides a table that doesn’t require a title Contains a syntax diagram

REFERENCE SAMPLE Use of common DITA reference elements

Reference sample – answers in notes

DITA tips and tricks to selecting elements Use the authoring tool and what it provides to you (help, tooltips, DITA standard enforcement) Keep the content simple (If you can’t figure out how to use the elements, you probably should be selecting a different way to write your content. Just because you can do it, does not mean you should do it.) Look at other DITA documents for guidance Use the DITA 1.2 standard which provides definitions for you

Your JOB to learn more If you are unfamiliar with DITA elements: Practice assigning DITA elements to parts of your topics. Practice assigning the new DITA elements to task topics.

Confidential Session Results Topic Types Review Format/Layout Separated from Content DITA Concept Elements Using DITA Concept Elements - Advanced Common DITA Task Elements Using DITA Task Elements - Advanced Additional DITA Task Elements Common DITA Reference Elements Using DITA Task Elements - Advanced