3: Inserting Graphics 93 in Java

Creation QR-Code in Java 3: Inserting Graphics 93

Inserting Images in Your Web Page 94 Editing, Deleting, and Moving Inserted Images 97 Using an Image Placeholder When a Graphic Isn t Ready 97 Setting Image Attributes with the Properties Inspector 99 Creating Interactive Images 104

Understanding Hyperlinks 114 Creating Text Links 115 Making Image Links 117 Inserting E-Mail Links 117 Creating Named Anchor Links 119 Creating Temporary Links 121 Setting Link Targets 122 Editing and Deleting Links 122 Using the Tag Chooser 124 Coding Links by Hand 126

Flash Elements You Can Add to Your Web Site 127 Inserting Flash Movies (SWFs) 128 Inserting FlashPaper 132 Inserting Flash Video 133 Adding Shockwave Movies, Java Applets, and ActiveX Controls 138 Adding Netscape Navigator Plug-ins 143 Acceptable Sound File Formats 145 Adding Other Video and Sound to a Page 146 Launching a Media External Editor 148

Creating Tables 152 Turning On Table Visual Aids 155 Formatting Tables with the Properties Inspector 156 Merging and Splitting Rows and Columns 158 Setting Table Width and Heights 161 Adding Rows and Columns to a Table 161 Inserting Text and Images in Table Cells 163 Formatting Individual Table Cells 163 Changing Table Measurements from Pixels to Percentages 164 Importing Tabular Data 165 Sorting Information in a Table 166 Working with Tables Created by Other Programs 167

Organizing Data in Your Form 170 Creating a Fabulous HTML Form 171 Adding and Labeling Form Fields 173 Validating a Form with JavaScript 192 Validating a Form with Spry Assets 193

reating documents is the basis for everything you ll do for the Web Dreamweaver provides several ways to create them, several types of new documents to choose from, and even several premade design files to use as starting points for your own designs This chapter explores document types, document creation, document saving, and document opening You also discover how to set page properties, work with invisible page elements, and import Word and Excel files (Windows only)

In Dreamweaver CS4, as in Dreamweaver MX, MX 2004, and 8, the default Welcome Screen appears in the workspace when you launch the program The Welcome Screen allows you to open existing files from a list of the nine most recent documents, create new files by file type (such as HTML, CSS, or PHP), jump directly to the Site Definition dialog box to manage a new site, and launch a browser to watch the top featured videos from Adobe com If you don t see the Welcome Screen when you launch the program, you can enable it by following the steps in the Enabling the Welcome Screen sidebar When the Welcome Screen is visible (shown in Figure 1-1), the quickest way to create a new blank document is to click one of the file types in the Create New column Click the HTML link, for instance, and a new untitled Document window opens, complete with basic HTML structural code, ready for adding content and saving with a filename and extension To create a new document, follow these steps:

Figure 1-2

This dialog box is divided into various columns to assist you with selecting the desired file type, such as a blank page or page from template In this chapter, we discuss the blank, sample, and other page options; Book III, 2 shows you how to work with templates

HTML or CSS Take some time to explore the different layout options, when applicable, in each category Dreamweaver supplies you with a nice group of blank documents and sample design files to use as a starting point for your own projects For example, the Blank Page category for the HTML page type has several prewritten code layout options for you to choose from You ll also find several CSS color schemes in the CSS Style Sheet folder of the Page from Sample category, each filled with preset colors, fonts, and sizes for you to use as is or as a starting point for further development Beginners may want to select one of the preset layout options that include prewritten HTML and CSS layouts as a starting point to customizing the code Then, later, as you get more familiar with Dreamweaver, it will be easier to create blank HTML pages and write your own CSS