Chapter 3. Working with Text

In spite of the old saw about a picture being worth a thousand words, often words are the right tool for the job. When you want to label a button, build a menu-based navigation system, or provide how-to instructions for a particular task—it’s time for text.

Edge is rooted in HTML5, so it gives you the same properties and text-handling features that you’d find in other web-building tools like Adobe Dreamweaver. That means you won’t have all the typographic features that you’d find in a page layout program or a more complex graphics program like Flash. As you’ll learn in this chapter, you do get your choice of fonts, and you can set the size, color, and alignment. In addition, you’ll learn how to apply transforms and effects just like those used with graphics and photos. Along the way, you’ll learn how to animate your text, giving it a little bounce. Links are important to any web page. This chapter explains how to import and manage HTML text that includes links on specific words. HTML has a number of tags that are used to identify the content of text, such as block quotes from other sources and computer code used for examples. You’ll learn which tags Edge uses and how to apply those tags to text.

Adding Text to Your Project

There are three ways to add text to your Edge project:

  • Use the text tool. In the Tools palette, click the big T, and then in your document, click and drag to create a text box. Initially, you don’t have to worry too much about positioning ...

Get Adobe Edge Preview 3: The Missing Manual now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.