Navigation bar Text banner Text box in Java

Draw QR-Code in Java Navigation bar Text banner Text box

Estimated Time: 7 minutes Your second stop on the Around the Web Tour is the Design pane, where you can edit the three pages that SiteBuilder created for you as part of your Web site You can do four basic page-building tasks here: editing text, deleting text elements, adding an image, and creating a link To edit your home page 1 Click the indexhtml tab at the top of the Design pane The tabs allow you to move between your open pages The indexhtml page is the home page for the Web site Take a look around at the various elements that appear on the page, including the text banner, navigation bar, text boxes for descriptive text, and images Figure 2-7 shows the page before you make any changes 2 Click the Your Company Name Here text box to select it

3 Select all the text with your mouse Alternatively, if you re up for it, you can triple-click inside the box to select all the text 4 Type XYZ Creations over the selected text Feel free to use your own company or personal name instead 5 Click the topmost text element (box) in the content area of the page to select it 6 Overwrite the Page Name Here (Home) text with a welcome message, such as Welcome to XYZ Creations 7 Select the Paragraph Title Here (What s New ) text, and press the Delete key Press Delete once more to get rid of the blank line In doing so, you are deleting the extra sample text that you don t need for these simple steps 8 Overwrite the sample paragraph text with a coming soon message, such as Coming soon Web site under construction Check back after I finish reading Yahoo! SiteBuilder For Dummies 9 Remove the rest of the sample text in the text element SiteBuilder provides sample text to help you get started on your home page You can delete the extra text elements for this exercise 10 Select the text box underneath the one you just modified, and press the Delete key Repeat this process for the other two elements Your basic vanilla home page is ready It should look something like what you see in Figure 2-8 To edit your About Us page 1 Click the aboutushtml tab on the top of the Design pane The About Us page makes an appearance 2 Double-click the About Our Business text element to edit the text inside it 3 Leave the About Our Business heading as is, and overwrite the remainder of the text with XYZ Creations is the leading provider of XYZs in the world Or, if you re describing your actual business, modify the text of this paragraph as you like However, because your tour is on a tight schedule, I recommend keeping it to just a sentence or two 4 Resize the text element box to fit the amount of text inside of it To do so, first click the blue handle on the bottom middle of the text box and (while keeping your mouse button down) drag the box to the appropriate size; then release your mouse button

5 Click the Insert Image button from the toolbar The Choose an Image dialog box appears, as shown in Figure 2-9 6 In the Select From section, click the Clip Art option

7 In the Select Clip Art box, select the group_party_mountainjpg image from the list 8 Click OK The image is placed in the center of your page 9 Click the image, drag it down, and position it under the text element box Your basic vanilla About Us page is all set to go (See Figure 2-10) See 7 for full details on working with images To edit your Contact Us page 1 Click the contactushtml tab at the top of the Design pane 2 Double-click the Request More Information text element to edit the text inside of it 3 Leave the Request More Information heading as is, and overwrite the remainder of the text with E-mail us for more information about the best XYZs this side of Texas Use this text as the basis for a link to your e-mail address Therefore, when the link is clicked in the browser, the visitor s e-mail software opens with a new message addressed to you