Creating Your First Page in Font

Painting Data Matrix in Font Creating Your First Page

Creating Your First Page
Print Data Matrix 2d Barcode In None
Using Barcode generator for Font Control to generate, create DataMatrix image in Font applications.
www.OnBarcode.com
Generating Barcode In None
Using Barcode maker for Font Control to generate, create Barcode image in Font applications.
www.OnBarcode.com
The Popfly Web Page Creator can be accessed by selecting Main Menu Create Stuff Web Page. The new unsaved page is created and displayed in the Web Page Creator (see Figure 5-1). Hidden, to the right, is the Web Page Creator Tutorial window. You can expand it by clicking the << icon or Show Tutorial link. The page is titled Unsaved Web Page. To the upper right, you ll find three buttons with options for the current page: Preview, Save, and Save As (see Figure 5-2).
Encode GS1 - 13 In None
Using Barcode creation for Font Control to generate, create GS1 - 13 image in Font applications.
www.OnBarcode.com
Making PDF417 In None
Using Barcode creator for Font Control to generate, create PDF-417 2d barcode image in Font applications.
www.OnBarcode.com
CHAPTER 5 CRE ATIN G WEB PAGE S
Encoding QR-Code In None
Using Barcode creator for Font Control to generate, create QR Code JIS X 0510 image in Font applications.
www.OnBarcode.com
EAN 128 Generation In None
Using Barcode encoder for Font Control to generate, create GS1-128 image in Font applications.
www.OnBarcode.com
Figure 5-1. The Web Page Creator
Code 128B Generator In None
Using Barcode printer for Font Control to generate, create ANSI/AIM Code 128 image in Font applications.
www.OnBarcode.com
Generate International Standard Book Number In None
Using Barcode generator for Font Control to generate, create ISBN - 10 image in Font applications.
www.OnBarcode.com
Figure 5-2. The Preview, Save, and Save As buttons
Decoding DataMatrix In Visual C#.NET
Using Barcode reader for .NET Control to read, scan read, scan image in .NET framework applications.
www.OnBarcode.com
Encoding Data Matrix ECC200 In None
Using Barcode generator for Office Word Control to generate, create Data Matrix image in Microsoft Word applications.
www.OnBarcode.com
The Save and Save As buttons function in the way you d expect them to: the Save As button allows you to save the page and change its name, and the Save button saves the page with its current name. Click the Save As button, and the Save As dialog box appears (see Figure 5-3). Type My Mashup Page in the text box, and click the Accept and Save button. Remember to click the Terms of Use link to look at the terms. After a few moments, the page is saved, and you are returned to the Page Editor.
Scan Barcode In C#.NET
Using Barcode decoder for VS .NET Control to read, scan read, scan image in .NET framework applications.
www.OnBarcode.com
Barcode Creator In Objective-C
Using Barcode printer for iPhone Control to generate, create Barcode image in iPhone applications.
www.OnBarcode.com
C H APTE R 5 CREA TI NG W EB PA GES
Generating QR Code In Objective-C
Using Barcode generator for iPad Control to generate, create QR Code JIS X 0510 image in iPad applications.
www.OnBarcode.com
EAN 13 Drawer In Java
Using Barcode encoder for Eclipse BIRT Control to generate, create UPC - 13 image in Eclipse BIRT applications.
www.OnBarcode.com
Figure 5-3. The Save As dialog box
Generating USS Code 39 In VB.NET
Using Barcode creator for .NET framework Control to generate, create USS Code 39 image in VS .NET applications.
www.OnBarcode.com
Making ANSI/AIM Code 128 In None
Using Barcode generation for Office Word Control to generate, create Code 128C image in Office Word applications.
www.OnBarcode.com
Changing Headers and Footers
Read ECC200 In Java
Using Barcode decoder for Java Control to read, scan read, scan image in Java applications.
www.OnBarcode.com
Reading Code 128A In None
Using Barcode recognizer for Software Control to read, scan read, scan image in Software applications.
www.OnBarcode.com
The first thing we are going to do is set up the headers and footers for the page. Click the Preview button to see the page shown in Figure 5-4. The new page opens and displays the default content.
Print Linear Barcode In VB.NET
Using Barcode maker for .NET framework Control to generate, create 1D Barcode image in Visual Studio .NET applications.
www.OnBarcode.com
Painting DataMatrix In Objective-C
Using Barcode drawer for iPhone Control to generate, create Data Matrix 2d barcode image in iPhone applications.
www.OnBarcode.com
Figure 5-4. A preview of the default page
We ll get started customizing the page by changing the header. Return to the Page Editor by closing the preview window. Looking at the header at the top of the page
CHAPTER 5 CRE ATIN G WEB PAGE S
(see Figure 5-1), you will see the words Welcome! and Click here to change the header. Click the words to open the Customize Header dialog box shown in Figure 5-5.
Figure 5-5. The Customize Header dialog box
You should see familiar word processing controls for setting font properties like bold, italic, underline, color, typeface, and size. There is also a button to restore the original font properties, which are Arial, 5 point size. The header is divided into two sections: one for the title and one for the slogan or tagline. Enter My Mashup Page in the title with a bold style in the Site Title section. While you are typing, you will notice that the word Mashup becomes underlined. This is the Editor s built-in spell checker at work (see Figure 5-6).
Figure 5-6. Spellchecking in the editor
C H APTE R 5 CREA TI NG W EB PA GES
Right-click the word Mashup, and select Add to dictionary to prevent it from being highlighted as a misspelling later. Don t forget to bold the text by selecting the words and clicking the bold button at the top of the section. You can also change the site slogan. Click in the lower pane of the Customize Header window, and type a site slogan in the bottom editor like Check out the kools mashups I have created . You shouldn t see the word Mashups highlighted, because it s been added to the dictionary (although the word kools will be highlighted as a misspelling if you type it). Click OK to save the changes to the page. It s also possible to change the page footer in the same way. Click the All rights reserved text at the bottom of the page. The Customize Footer dialog box appears, as shown in Figure 5-7.
Figure 5-7. The Customize Footer dialog box
In this dialog box, you have the same word processing controls and the ability to set the alignment of the content to the left, center (the default), or right. Change the text to whatever you like, and click the OK button to save the changes.
Creating and Adding Content
So far, we have done some basic changes. The editor has a rich set of options available to customize the look and feel of your page. Before we move on with further customizations, let s examine the options that are available to you in the Page Editor and Page Styles tabs. Let s look at the Page Editor tab, shown in Figure 5-8.
Copyright © OnBarcode.com . All rights reserved.