After completing this lesson, you will be able to:

1. After completing this lesson, you will be able to: • Use FrontPage to automate Web page creation. • Design subpages from a standard template, insert tables, and add navigation buttons and page footers. • Define Cascading Style Sheets (CSS) to format Web pages. • Create image maps and forms to make your site more interactive. • Use FrontPage to create a home page.

2. Home Page Sketch

3. Subpage Sketch

4. Storyboard

5. Page Properties

6. Background Settings

7. Select Background Picture

8. Set Page Title

9. HTML View – Adding <NOBR>

10. Preview Subpage

11. Table Creation

12. Table Properties Set the following: • Cell Padding – 0 • Cell Spacing – 0 • Width – 100 • Borders – 1

13. Cell Properties

14. Step 8: Row 2, Column 1 In the Cell Properties dialog box: • Horizontal Alignment – Center • Vertical Alignment – Bottom • Specify Width – 130 pixels • Specify Height – 15 pixels • Click OK

15. Step 9: Row 1, Column 2 In the Cell Properties dialog box: • Horizontal Alignment – Left • Vertical Alignment – Top • Specify Width – 1 pixel • Click OK

16. Step 10: Row 2, Column 2 In the Cell Properties dialog box: • Horizontal Alignment – Left • Vertical Alignment – Bottom • Specify Width – 1 pixel • Specify Height – 15 pixels • Click OK

17. Step 11: Row 1, Column 3 In the Cell Properties dialog box: • Horizontal Alignment – Left • Vertical Alignment – Top • Specify Width – 15 pixels • Background Color – White • Click OK

18. Step 12: Row 2, Column 3 In the Cell Properties dialog box: • Horizontal Alignment – Left • Vertical Alignment – Bottom • Specify Width – 13 pixels • Specify Height – 15 pixels • Background Color – White • Click OK

19. Step 13: Row 1, Column 4 In the Cell Properties dialog box: • Horizontal Alignment – Left • Vertical Alignment – Top • Specify Width – no setting (blank) • Background Color – White • Click OK

20. Step 14: Row 2, Column 4 In the Cell Properties dialog box: • Horizontal Alignment – Left • Vertical Alignment – Bottom • Specify Width – no setting (blank) • Specify Height – 15 pixels • Background Color - White • Click OK

21. Step 15: Row 1, Column 5 In the Cell Properties dialog box: • Horizontal Alignment – Right • Vertical Alignment – Top • Specify Width – 15 pixels • Background Color – White • Click OK

22. Step 16: Row 2, Column 5 In the Cell Properties dialog box: • Horizontal Alignment – Right • Vertical Alignment – Bottom • Specify Width – 15 pixels • Specify Height – 15 pixels • Background Color – White • Click OK

23. SubpageTable

24. Rounded Corners

25. Hover Button Properties

26. Subpage – Normal and Preview

27. Subpage - HTML

28. Insert Hyperlink

29. Navigation Bar Links

30. E-mail Hyperlink

31. Subpage Footer

32. Six Main Subpages The astronomy site includes: • aboutus.htm • contact.htm • meetings.htm • skyguide.htm • gallery.htm • links.htm

33. Subpages - Filenames, Title Text

34. Mars Text

35. Style

36. Bulleted List

37. Mars Picture

38. Thumbnail Picture Properties

39. Thumbnail and Linked Image

40. Preview Skyguide

41. Mars Hotspot

42. Form Component

43. Form Text and Basic Buttons

44. Labels and Form Fields

45. Text Box Properties

46. Drop-Down Box Properties

47. Field Names

48. Marquee Properties

49. Home Page Table

50. Big Dipper Image