MadCap Flare and Translation: Five Things to Consider When Developing Multilingual Content



Similar documents
Creating a Resume Webpage with

Web Design Basics. Cindy Royal, Ph.D. Associate Professor Texas State University

MadCap Software. Import Guide. Flare 11

CST 150 Web Design I CSS Review - In-Class Lab

Contents. Downloading the Data Files Centering Page Elements... 6

Web layout guidelines for daughter sites of Scotland s Environment

Advanced Drupal Features and Techniques

{color:blue; font-size: 12px;}

Dreamweaver CS4 Day 2 Creating a Website using Div Tags, CSS, and Templates

Introduction to Adobe Dreamweaver CC

Cascading Style Sheets

Flare Tips and Tricks. Tips and tricks. Importing content Lists. Variables and snippets Condition tags Printed documentation WebHelp.

HTML and CSS. Elliot Davies. April 10th,

Contents. Introduction Downloading the Data Files... 2

CSS. CSS - cascading style sheets CSS - permite separar num documento HTML o conteúdo do estilo. ADI css 1/28

Simply download Beepip from and run the file when it arrives at your computer.

Appendix H: Cascading Style Sheets (CSS)

Improving Madcap Flare SEO

How to craft a modern, mobile-optimized HTML template. Jason Samuels, NCFR IT Manager DrupalCamp Twin Cities May 2012

ITNP43: HTML Lecture 4

Outline of CSS: Cascading Style Sheets

Garfield Public Schools Fine & Practical Arts Curriculum Web Design

Web Design with CSS and CSS3. Dr. Jan Stelovsky

Web Authoring CSS. Module Descriptor

Your Blueprint websites Content Management System (CMS).

ebooks: Exporting EPUB files from Adobe InDesign

Essential HTML & CSS for WordPress. Mark Raymond Luminys, Inc mraymond@luminys.com

New User Tutorial Guide

GUIDE TO CODE KILLER RESPONSIVE S

How to Properly Compose HTML Code : 1

Maximizing productivity by using conditions in MadCap Flare projects

Course Syllabus. Technical Writing Certificate - Basic

BASICS OF WEB DESIGN CHAPTER 2 HTML BASICS KEY CONCEPTS COPYRIGHT 2013 TERRY ANN MORRIS, ED.D

Web Design Revision. AQA AS-Level Computing COMP2. 39 minutes. 39 marks. Page 1 of 17

Web Design for Print Designers WEB DESIGN FOR PRINT DESIGNERS: WEEK 6

CREATING WEB PAGES USING HTML INTRODUCTION

Create Accessible PowerPoint Presentations Presented by: Cryssel Vera

Colgate University Website Content Style Guide

How To Create A Web Page On A Windows (For Free) With A Notepad) On A Macintosh (For A Freebie) Or Macintosh Web Browser (For Cheap) On Your Computer Or Macbook (

Getting Started Guide

What is CSS? Official W3C standard for controlling presentation Style sheets rely on underlying markup structure

7 th Grade Web Design Name: Project 1 Rubric Personal Web Page

Coding Standards for Web Development

Web Design and Databases WD: Class 7: HTML and CSS Part 3

MCH Strategic Data Best Practices Review

This document will describe how you can create your own, fully responsive. drag and drop template to use in the creator.

WORDPRESS MANUAL WEBSITEDESIGN.CO.ZA

WordPress and HTML Basics

Campaign Guidelines and Best Practices

Website Development. 2 Text. 2.1 Fonts. Terry Marris September We see how to format text and separate structure from content.

Introduction to Web Technologies

Responsive Design

Introduction to Microsoft Publisher : Tools You May Need

Chapter 7 Page Layout Basics Key Concepts. Copyright 2013 Terry Ann Morris, Ed.D

Castro, Elizabeth. HTML, XHTML & CSS Visual Quick Start Guide. Peachpit Press. Edition: Sixth. Pages: 456. ISBN:

Using Style Sheets for Consistency

Help on Icons and Drop-down Options in Document Editor

Designing HTML s for Use in the Advanced Editor

8 STEPS TO CODE KILLER RESPONSIVE S

HTML5 and CSS3 Design with CSS Page 1

KOMPOZER Web Design Software

Student Guide for Usage of Criterion

CIS 467/602-01: Data Visualization

Fundamentals of Web Design (One Semester)

Getting Started Guide

KEZBER CONTENT MANAGEMENT SYSTEM MANUAL

Requirements for Developing WebWorks Help

Mastering the JangoMail EditLive HTML Editor

Microsoft Expression Web Quickstart Guide

Base template development guide

Fast track to HTML & CSS 101 (Web Design)

TechTotal. Whitepaper on Technical Writing

2015 Catalyst Global Branding

Introduction to Microsoft Word 2008

Chapter 2 HTML Basics Key Concepts. Copyright 2013 Terry Ann Morris, Ed.D

Cascade Server. End User Training Guide. OIT Training and Documentation Services OIT TRAINING AND DOCUMENTATION.

HTML, CSS, XML, and XSL

DESIGNING MOBILE FRIENDLY S

Web Development. Owen Sacco. ICS2205/ICS2230 Web Intelligence

Translators Handbook

CSS for Page Layout. Key Concepts

LexisNexis Publisher Quick Reference Guide

Mass . General Use

FACULTY OF COMMERCE, OSMANIA UNIVERSITY

BLACKBOARD 9.1: Text Editor

AEGEE Podio Guidelines

RESPONSIVE DESIGN FOR MOBILE RENDERING

USER GUIDE. Unit 4: Schoolwires Editor. Chapter 1: Editor

Outline. CIW Web Design Specialist. Course Content

Transcription:

MadCap Flare and Translation: Five Things to Consider When Developing Multilingual Content PRESENTED BY Jennifer Schudel Jose Sermeno February 24, 2015

#1 HYPERLINKS OR CROSSREFERENCES? Avoid Hyperlinks to topics or bookmarks, using the header as link text Cross-references let you do the same, but:» Update link text automatically No inconsistencies, No extra work» Don t need translation» Use for topics, bookmarks, tables, images, etc. Use Hyperlinks for external links Use Hyperlinks for link text that s not the header text

#1 NONE OF THE ABOVE Automatically generated lists of topics:» Mini-TOC proxy» Relationship tables Requires relationships of related topics

#1 NONE OF THE ABOVE» List-of proxy Requires set of tags or tags with a class applied Example: List of H1 tags» Concept proxy Requires Concept keywords in topics Online only pop-up

#2 CROSS-REFERENCE FORMAT Contextual Cross-References: {pageref} Optimal: Complete sentence or Standalone» {para}» For more information, consult {b}{para}{/b} on page {page}.» See {paratext}.

#2 CROSS-REFERENCE FORMAT Optimal: Just the link, no outside text or period» {i}{paratext}{i}» {quote}{paratext}{quote} on page {page} Possible: Link in independent clause, no end punctuation» Stay grammatical!!» see {quote}{paratext}{quote} on page {page}» (see {quote}{paratext}{quote} on page {page})

#3 HANDLING IMAGE SIZES Avoid hard-coding both dimensions Why?» Localized images different size» Hard-coding locks in English proportions» Localize images appear distorted, require manual correction Option A:» Adjust size manually» Set one dimension to auto» Allows proportions to change

#3 HANDLING IMAGE SIZES Option B:» Set max-width (or maxheight) on images» In Topic vs. In CSS» Individual Image vs. class of Images» Best if only size restriction is PDF page size

#3 BONUS MADCAP CAPTURE FOR CALLOUTS Use MadCap Capture for callouts, translatable text» Props file = XML = Quick and easy to translate» Single Source High/Low quality Images (Vector & Raster)» Auto-size callouts during build

#4 EXTRANEOUS INLINE FORMATTING Extra <span> <b> <i>, etc. tags» Usually result of conversion from RoboHelp or other tool» Consolidate multiple tags into single tag» Move formatting into structure tag (<p>, <li>, etc.)

#4 EXTRANEOUS INLINE FORMATTING Empty <span> tag no class or style Extra tags clutter up text to translate Best to remove before translation» Author» Translation company

#4 EXTRANEOUS INLINE FORMATTING Inline styles» Takes longer to adjust formatting in translation Different fonts? Avoid italics, underline, bold? Change font-size, line-height, or color?» <span style= font-style: italic > vs. <i>» <p style= font-family: Helvetica; text-decoration: underline; > vs. <p class= Alert >

#5 COMMON NOUNS AS VARIABLES Avoid common nouns as variables or in-line snippets»»»»» device application settings manual User Manual (except used as title) Context in translation is key!» Spelling changes Different variable values for different targets» device vs machine» Change surrounding text

#5 COMMON NOUNS AS VARIABLES Examples: The device/machine should be plugged in. Then, turn it on. French:» L'appareil doit être branché. Puis, allumez-le.» La machine doit être branchée. Puis, allumez-la. The machine should be plugged in. Turn on the machine. Russian:» Машина должна быть подключена. Включите машину. Workarounds are possible» More time, more effort

MadTranslations specializes in individual projects or complete end-to-end translation and localization services. Our services include: Language Translation Software Localization Website Localization E-Learning Localization Project Management And more

THANK YOU FOR ATTENDING TODAY S WEBINAR! As a webinar attendee, receive $100 OFF our next advanced training course. Just $499 per student! MadCap Flare CSS Training March 16-17, 2015 (web-based) MadCap Flare Responsive HTML5, Mobile, and EPUB Training March 23-24, 2015 (web-based) *Offer valid through Friday, February 27, 2015. Note: Courses subject to change. Availability based on student registration. Contact us for the latest schedule and course availability.

Questions? Thanks for watching! ` Jennifer Schudel Localization Specialist MadTranslations JenniferS@MadTranslations.com Contact our Sales Dept. with questions or to schedule a demonstration Sales@MadTranslations.com Jose Sermeno Product Evangelist MadCap Software JSermeno@MadCapSoftware.com @MadCapJose @MadCapSoftware @@MadCapDocTeam